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:

  • modelos em branco que você usa para criar sua página do zero
  • modelos 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 top toolbar

Para as suas landing pages existentes, clique no ícone do espaço de trabalho móvel no criador da página de destino. 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 página de destino é 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 página de destino 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:

  • Mover elementos para uma seção diferente ou remover um objeto de uma caixa afeta também a versão da área de trabalho da Landing Page
  • Mover elementos dentro de uma seção se aplica somente à versão móvel. Nāo muda nadana versão desktop.

Enviaremos uma notificação sempre que isso acontecer, mostrando um número ao lado do ícone da área de trabalho do celular.

number showing next to desktop workspace icon

O número indica quantas das suas alterações afetam a versão da área de trabalho. (O mesmo funciona para as alterações feitas na versão de desktop que afetam a versão móvel.)

Você só pode mover elementos dentro de uma área de trabalho específica. Não é possível colocar elementos nos lados distantes do espaço de trabalho (eles estão cobertos por faixas diagonais). Eles não podem estar visíveis imediatamente na janela de visualização dos dispositivos móveis. Seus clientes precisariam rolar para ver os objetos colocados lá. Queremos garantir que sua Landing Page seja exibida corretamente em telas pequenas. Assim, informamos onde é melhor não colocar objetos.

out of bounds area visible

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.

sizing handles visible

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

resizing text

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

scaling text

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.

hidden options revealed

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.