Personalizando seu Funil e Site para Exibições no celular e desktop*

Construção de Funil

Uma das vantagens do construtor de funis é a capacidade de ver e editar como o funil se parece na visualização de desktop e móvel. No entanto, às vezes, o que parece melhor em uma visão não parece melhor na outra. A melhor solução para garantir que o design do funil tenha uma boa aparência em ambas as visualizações é ter em mente que quanto mais simples, melhor e alternar para o editor de exibição móvel depois de terminar uma seção na visualização da área de trabalho.

O alinhamento de algumas colunas e elementos aparecem diferentes no mobile do que no desktop, já que todo o conteúdo no mobile empilha verticalmente. Os itens alinhados da esquerda para a direita no desktop aparecerão de cima para baixo no celular.

Idealmente, não é uma prática recomendada criar seções, linhas, colunas ou elementos Somente para Dispositivos Móveis ou Somente para Desktop (pode ocultar determinado conteúdo para que ele apareça apenas em um modo de exibição). Quando se trata de edição, você terá que fazer o dobro do trabalho, uma vez que as atualizações / revisões feitas em um modo de exibição não atualizam no outro modo de exibição (eles são conteúdo separado agora que ele só aparece em um modo de exibição). No entanto, em alguns cenários, é necessário criar seções somente para dispositivos móveis ou desktop para realizar determinados designs.

NOTA : tamanhos de fonte são os únicos elementos que podem ter configurações simultâneas (tamanho da fonte da área de trabalho e tamanho da fonte móvel).

O layout, o espaçamento e outras alterações estruturais exigem seções somente para dispositivos móveis e somente para desktop. Como tal, a recomendação é criar a versão desktop primeiro e, em seguida, no modo de exibição móvel, determinar quais seções não aparecem como você deseja. Depois de determinar essas seções, você pode duplicá-las, alterar uma versão apenas para desktop (consulte as etapas abaixo) e a outra apenas para dispositivos móveis. Em seguida, você poderá editar o celular somente conforme necessário.

Para que uma seção seja somente para desktop ou somente para dispositivos móveis, siga estas etapas simples:

Passo 1: Clique no ícone Editar no funil de sua escolha.

Passo 2: Clique no botão amarelo "Editar página".

Passo 3: Clique no elemento que você deseja editar.

Passo 4: Em Configurações do elemento, pressione a tecla "Avançado".

Passo 5: Em "Visibilidade", clique nos ícones da área de trabalho e do celular até ficar azul para ativá-los.

Isto é o que parece quando eles estão desmarcados ou desativados:

Passo 6: Em seguida, na barra de menus superior, você pode clicar nos mesmos ícones de desktop e dispositivos móveis para visualizar as páginas otimizadas.

Etapa 7: Certifique-se de salvar as alterações antes de sair