Principal Construtor de Sites/Builder Como funciona o Construtor de Sites da Rockty 🎥

Como funciona o Construtor de Sites da Rockty 🎥

Última atualização em Jan 16, 2025

Introdução

Aprenda os fundamentos essenciais do construtor de sites (site builder) da Rockty e comece a criar qualquer tipo de landing page que você imaginar.

Depois de entender como o construtor de sites da Rockty funciona, você terá a liberdade de construir qualquer página que desejar. A lógica é simples: os elementos (como vídeos, textos, imagens, e botões) são inseridos dentro de colunas, que estão dentro de linhas, e estas, por sua vez, estão dentro de seções, também chamadas de containers.

Guarde essa estrutura e você será capaz de criar qualquer coisa com a Rockty!

📺 Assista ao vídeo abaixo para uma demonstração prática, ou continue lendo para mais detalhes sobre como funciona o construtor de sites da Rockty.

Estrutura Básica do Construtor de Sites

Seções / Containers

Toda página criada na Rockty começa com uma seção, ou container, que é o maior bloco de construção e é delimitado na tela pela cor verde clara/água. As seções servem como o contêiner principal para todos os outros elementos da página.
​

Linhas

Dentro das seções, você adiciona linhas, que são delimitadas pela cor azul. As linhas ajudam a organizar o layout geral da página e são necessárias para definir onde as colunas serão inseridas.
​

Colunas

Dentro das linhas, você encontra as colunas, que são delimitadas pela cor laranja. Cada linha pode conter uma ou mais colunas, e as colunas são essenciais para definir a disposição dos elementos na página.

Importante: Linhas e colunas são elementos interdependentes. Sempre que adicionar uma nova linha, você precisará definir a quantidade de colunas. Se desejar uma linha simples, basta adicionar uma única coluna. Tenha em mente que, se todas as colunas de uma linha forem excluídas, a linha também será removida.
​

Elementos

Finalmente, é dentro das colunas que você coloca os elementos, que são os componentes funcionais da página, como textos, imagens, vídeos, e botões. Esses elementos são destacados pela cor verde.
​
​

Exemplo Prático

No exemplo abaixo, temos uma seção (verde clara) que contém:

  • Uma primeira linha (azul) com uma única coluna, dentro da qual há um elemento de imagem (verde), como um logotipo.

  • Abaixo, há uma segunda linha (azul) com duas colunas:

    • A coluna da esquerda contém um elemento de imagem (verde) para exibir um ebook.

    • A coluna da direita possui dois elementos: um parágrafo de texto (verde) e, logo abaixo, um botão (verde).
      ​

💡 Dica: Essa estrutura básica segue a sequência: Seções > Linhas > Colunas > Elementos. Memorizar essa ordem ajudará você a usar a Rockty em todo o seu potencial para criar páginas impressionantes.

Conclusão

Com a Rockty, você pode criar as páginas mais rápidas do mundo para qualquer funil de vendas, de forma simples e rápida, mesmo sem conhecimento técnico em programação.

Precisa de Ajuda?

Se tiver dúvidas ou precisar de suporte adicional, nossa equipe de suporte está à disposição para ajudar você!