Passar para o conteúdo principal
Todas as coleçõesConstrutor de Sites/BuilderComo Funciona o Construtor
Como funciona o Construtor de Sites da Rockty 🎥
Como funciona o Construtor de Sites da Rockty 🎥

Como usar seções, linhas, colunas e elementos

Sinésio Alves avatar
Escrito por Sinésio Alves
Atualizado há mais de uma semana

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ê!

Respondeu à sua pergunta?