Alguns construtores exigem que você construa páginas de forma individual em cada versão (PC/Desktop, Tablet e Celular), ou seja, você tem um trabalho triplicado. No RockFunnels é diferente, você constrói as páginas apenas uma vez e a estrutura da página será usada nas outras versões. Ou seja, quando você constrói uma página, a estrutura dela, que engloba seções, linhas/colunas e os diferentes elementos (imagens, textos, botões, etc. ...), será usada nas versões responsivas, conforme é mostrado nas imagens das diferentes versões da página, abaixo:

Dessa forma a estrutura da sua página não vai precisar ser reconstruída em cada versão. Sendo necessário apenas ajustar as configurações das páginas para as versões responsivas.

Atenção: Recomendamos que as páginas sejam construídas a partir da versão PC/Desktop e nas versões responsivas (Tablet e Celular) faça os ajustes conforme desejado/necessário, porque os elementos de uma página são “herdados” na seguinte sequência: desktop > tablet > celular. Ou seja, conforme você for criando e inserindo elementos novos na página para PC/Desktop, as versões de tablet e celular vão “herdando” essas configurações.

Um dos pontos mais importantes para entender como funciona a responsividade no RockFunnels é compreender que elementos estruturais da página, se deletados ou incluídos, também serão deletados ou incluídos em todas as versões responsivas.

Para ficar mais claro como isso funciona, imagine uma linha ou coluna, que são elementos estruturais da página, ou ainda um elemento de título, que também é um elemento estrutural da página. Se algum desses itens for deletado na versão para desktop, também será deletado em todas as outras versões (tablet e celular), pois fazem parte da estrutura da página.

Resumindo, inclusões e exclusões de elementos estruturais serão aplicadas em todas as versões da sua página.

Em contrapartida, é possível estilizar elementos de forma individual em cada uma das versões.

Imagine o exemplo anterior, você pode estilizar um elemento de título de forma individual em cada uma das versões. Por exemplo, pode deixar o título com um tamanho maior e uma cor azul na versão desktop e pode deixar esse mesmo título com um tamanho menor e uma fonte vermelha no celular.

Perceba que a estrutura (título) continua presente em ambas as versões, mas o jeito como o elemento é estilizado é diferente na versão para desktop e na versão para celular.

Esse é o ponto principal para ser considerado quando falamos em responsividade no RockFunnels.

Inclusão ou exclusão de elementos estruturais são refletidas em todas as versões, porém a estilização de tais elementos pode (e deve) ser feita de forma individual em cada versão responsiva.

Atenção: Para que tenha mais liberdade na criação de suas páginas em suas diferentes versões (PC/Desktop, Tablet e Celular), no RockFunnels é possível controlar a visibilidade de seções, linhas e da maioria dos elementos através de um recurso chamado ‘Visibilidade’ onde poderá definir em qual versão/versões ficarão ‘visíveis’ ou ‘ocultos’.

Para mais detalhes sobre como utilizar esse recurso, acesse nossos tutoriais sobre Seções, Linhas e Colunas e sobre os tipos específicos de elementos que disponibilizamos no construtor no link abaixo:

https://help.rockfunnels.com/pt-BR/collections/3275252-construtor-builder