Como Editar versões de Landing Pages para Dispositivos Móveis

Ao criar ou editar uma landing page no editor de Landing Pages da SharpSpring, você pode visualizar como o conteúdo será exibido em desktops, tablets ou dispositivo móveis. Você também pode editar como o conteúdo aparece em cada uma dessas versões.

Este artigo detalha como editar landing pages para otimizar o conteúdo exibido em diferentes dispositivos.

Adicionando conteúdo a Landing Pages

Antes editar o conteúdo, você precisa criar uma página e inserir blocos, layouts e elementos. Para criar uma landing page e adicionar conteúdo, faça o seguinte:

1. Na barra de ferramentas superior da SharpSpring, clique em Conteúdo > Páginas.

2. Crie ou edite uma landing page.

3. Na barra de ferramentas do editor de landing pages, clique em Adicionar conteúdo (+ Add Content).

4. Clique na aba Blocos.

5. Clique no bloco de conteúdo desejado.

6. Clique na aba Layouts.

7. Clique no layouts desejado.

8. Clique na aba Elementos.

9. Clique no tipo de elemento desejado.

10. Em um bloco ou layout, insira o elemento (ao passar o mouse na tela, surgirá uma linha roxa nos locais onde é possível inserir o elemento).

11. Continue adicionando blocos, layouts e elementos conforme desejado.

12. Clique em Publicar (Publish).

Editando conteúdo em diferentes dispositivos

Você pode editar o conteúdo da landing page para que apareça de acordo com diferentes dispositivos. Para editar o conteúdo, faça o seguinte:

1. Na barra de ferramentas superior da SharpSpring, clique em Conteúdo > Páginas.

2. Crie ou edite uma landing page.

3. Insira os layouts ou elementos desejados.

4. Feche o menu Adicionar conteúdo (+ Add Content).

5. Clique no layout ou elemento inserido.

6. Clique na aba Desktop.

7. Modifique as configurações disponíveis para o layout ou elemento.

8. Clique na aba Tablet.

9. Modifique as configurações disponíveis para o layout ou elemento.

10. Clique na aba Mobile.

11. Modifique as configurações disponíveis para o layout ou elemento.

12. Clique em Publicar (Publish).

Nota: determinadas configurações e estilos só podem ser alterados na aba Desktop. Essas configurações desaparecem nas abas Tablet e Mobile.

Informações importantes sobre as configurações de Desktop sobrescrevendo outras configurações

Fazer alterações nas configurações de layout e elementos da versão para Desktop de uma Landing Page substituirá as alterações feitas nas configurações de layout e elemento das versões para Tablet e Mobile. Faça alterações na versão Desktop antes de modificar as versões para tablet e celular.

No entanto, alterações feitas nas versões tablet e mobile de uma landing page não são transferidas para a versão desktop.

Isso se aplica apenas às configurações de conteúdo. Reordenar o conteúdo em qualquer versão da landing page irá reorganizar esse conteúdo em todas as versões. A exclusão de conteúdo de qualquer versão da página excluirá o conteúdo de todas as versões.

Modificando imagens para diferentes dispositivos

As imagens podem ocupar um espaço limitado em dispositivos móveis, já que as telas de tablets e celulares não têm muito espaço disponível. Para compensar, você pode editar as configurações de imagens em diferentes dispositivos, da seguinte maneira:

1. Na barra de ferramentas superior da SharpSpring, clique em Conteúdo > Páginas.

2. Crie ou edite uma landing page.

3. Insira os blocos ou layouts desejados.

4. Insira um elemento de imagem.

5. Feche o menu Adicionar conteúdo (+ Add Content).

6. Clique no elemento de imagem inserido.

7. Clique na aba Desktop.

8. Modifique as configurações desejadas do estilo de imagem.

9. Clique na aba Tablet.

10. Modifique as configurações desejadas do estilo de imagem.

11. Clique na aba Mobile.

12. Modifique as configurações desejadas do estilo de imagem.

13. Clique em Publicar (Publish).

Importante: a alteração das configurações das imagens para Desktop irá sobrescrever as alterações nas configurações de Tablet e Mobile das imagens. 

Alterar as dimensões da imagem, os links e o texto do espaço reservado em uma versão mudará em todas as versões.

Ocultando conteúdo para Mobile

Você pode ocultar seções inteiras de exibição em dispositivos móveis. Isso permite que você crie uma versão totalmente interativa de sua página para desktop e versões simplificadas para tablets e celulares.

Esconder conteúdo para dispositivos móveis é tanto uma estratégia quanto uma questão de design e estética. Esses dispositivos podem ter mais dificuldade em carregar conteúdo pesados de mídia. Além disso, as restrições de dados para planos de dados podem fazer com que visitantes de páginas em tablets e celulares evitem visitar suas páginas novamente.

Para ocultar conteúdo para tablets e celulares, faça o seguinte:

1. Na barra de ferramentas superior da SharpSpring, clique em Conteúdo > Páginas.

2. Crie ou edite uma landing page.

3. Insira os blocos ou layouts desejados.

4. Insira um elemento de imagem.

5. Feche o menu Adicionar conteúdo (+ Add Content).

6. Clique duas vezes na seção em que o layout ou elementos estão inseridos.

7. Em qualquer uma das guias de configuração do dispositivo, clique na opção Esconder no mobile.

8. Clique em Publicar (Publish).

Nota: este recurso não está disponível para blocos individuais, layouts ou elementos.

Visualizando Landing Pages em diferentes dispositivos

Você pode visualizar como uma página aparece em diferentes dispositivos. Esse recurso permite visualizar o conteúdo em um computador, tablet ou dispositivo móvel. Para visualizar as páginas de destino em dispositivos diferentes, faça o seguinte:

1. Na barra de ferramentas superior da SharpSpring, clique em Conteúdo > Páginas.

2. Crie ou edite uma landing page.

3. Na barra de ferramentas Opções, clique no menu suspenso Visualizar.

4. Selecione um dispositivo:

• Desktop

• Tablet

• Mobile

Nota: todas as seções da página que ativaram a opção Esconder no mobile desaparecerão quando você usar a visualização móvel. Essas seções só serão exibidas em desktops.