Como otimizar minha landing page para dispositivos móveis?

Nosso novo espaço de trabalho móvel no criador da landing page permite visualizar e modificar a versão para celular de sua landing page. Dá-lhe a capacidade de personalizar a versão móvel:

  • dimensionamento e redimensionamento de texto e imagens
  • ocultando e restaurando elementos
  • reposicionando elementos
  • substituindo imagens de fundo

Você pode usar o espaço de trabalho móvel para modificar:

  • templates em branco que você usa para criar sua página do zero
  • templates de páginas prontas que você pode personalizar para atender às suas necessidades de marketing
  • suas páginas de destino existentes que você deseja atualizar.

Clique em Visualizar para abrir uma guia separada, onde você pode verificar como as alterações feitas aparecerão nos dispositivos de seus clientes.

Como faço para acessar o espaço de trabalho móvel da Landing Page?

Se você estiver criando uma nova Landing Page basta clicar no ícone do espaço de trabalho móvel para abrir o espaço de trabalho.

Mobile workspace icon in the toolbar.

Para as suas landing pages existentes, clique no ícone do espaço de trabalho móvel no criador da landing page. Um modal pop-up será aberto pedindo para confirmar que você deseja que nós convertamos a página. Depois que você fizer isso, o espaço de trabalho móvel será aberto.

Depois que a landing page é convertida, sua versão móvel pode ser visualizada em dispositivos móveis. O ponto de interrupção para versões móveis da GetResponse é de 600 px. Portanto, se sua landing page for exibida em uma viewport de 600 px ou menor, veicularemos sua versão para celular.

Nota: se você não acessar o espaço de trabalho para celular de todas as variantes da sua landing page e da página de agradecimento antes de salvá-lo, solicitaremos que você confirme se deseja convertê-las em versões para celular.

Como posso reposicionar elementos no espaço de trabalho móvel?

Arraste e solte elementos para mover objetos no espaço de trabalho móvel. Observe que algumas alterações no espaço de trabalho móvel podem afetar a versão da área de trabalho:

1. Clique no ícone da área de trabalho móvel.
2. Clique em qualquer lugar da área de trabalho móvel.
3. Se estiver usando o Windows, selecione Control + O no teclado. Se estiver usando Mac, selecione Command + O no teclado.
4. Uma nova janela aparecerá, perguntando se você deseja otimizar o layout para celular. Clique em Sim, faça-o para continuar.

optimize mobile layout.

Sua landing page será organizada para dispositivos móveis automaticamente.

Nota: Isso reverterá todas as alterações feitas no design para dispositivos móveis. Você não pode desfazer esta ação. Seu histórico de edição não estará disponível.

Como dimensionar e redimensionar elementos no espaço de trabalho móvel?

Você também pode redimensioná-lo para alterar a largura do quadro de texto. Em seguida, você pode dimensionar um objeto para aumentar ou diminuir o tamanho do texto no espaço de trabalho móvel.

O redimensionamento e o dimensionamento permitem que você modifique os campos de texto no espaço de trabalho móvel para que eles apareçam na viewport do jeito que você deseja. Veja como fazer isso:

1. Clique no objeto para exibir as alças de dimensionamento.

2. Para redimensionar, clique e arraste as alças de dimensionamento nas laterais para alterar a largura do quadro de texto.

3. Para dimensionar, clique e arraste as alças de dimensionamento nos cantos para tornar o texto menor ou maior.

Escalar e redimensionar objetos na área de trabalho móvel não causará alterações na área de trabalho da área de trabalho.

Posso remover elementos no espaço de trabalho móvel?

Você pode ocultar elementos no espaço de trabalho móvel. Para fazer isso, clique no ícone de visibilidade que aparece depois de selecionar um elemento.

Visibility icon shown.

Para visualizar os elementos ocultos, clique no botão Mostrar oculto na barra de ferramentas superior. A área do espaço de trabalho está esmaecida e o objeto oculto se torna visível. Agora você pode:

  • Restaurar o elemento. Para fazer isso, basta clicar no ícone de visibilidade novamente.
  • Mantener o elemento oculto. Para fazer isso, clique no botão Ocultar elementos.

Nota: não é possível adicionar ou excluir elementos no espaço de trabalho móvel. Você precisa mudar para o espaço de trabalho da área de trabalho para fazer isso.

Posso editar campos de texto e substituir imagens de plano de fundo no espaço de trabalho móvel?

Você pode editar campos de texto e substituir imagens de fundo na área de trabalho móvel. Veja como fazer isso:

  • Para elementos de texto, **clique duas vezes em um elemento para abrir a barra de ferramentas com as opções de edição. Você pode alterar o tamanho, cor e alinhamento do texto.
  • Para imagens de fundo, clique em uma imagem para que os botões Editar e Substituir sejam exibidos. Clique duas vezes na imagem para abrir a barra de ferramentas para mais opções de edição.