Otimize sua landing page da ActiveCampaign para dispositivos móveis

ActiveCampaign plans
Starter
Plus
Pro
Enterprise

Marketing_Plus_Professional_Enterprise

Neste artigo, você aprenderá a estilizar suas landing pages para dispositivos móveis. 

Crie suas páginas da ActiveCampaign para dispositivos móveis

Para começar a projetar suas páginas para dispositivos móveis, você precisará acessar o modo de visualização móvel.

1. No editor de página, passe o mouse sobre o modo de visualização "Desktop" localizado na barra superior esquerda.

2. Uma janela modal aparecerá. Clique na opção "Celular".

O modo de visualização mudará para dispositivos móveis. Você pode começar a adicionar, remover e editar blocos em sua página.

Sobre substituições de estilo móvel

Com estilo móvel, você pode optar por fazer substituições de estilo móvel. As substituições de estilo móvel são alterações de design que só são visíveis em um dispositivo móvel.

Visibilidade

Você pode optar por tornar qualquer bloco visível ou invisível na visualização móvel. Você também pode tornar qualquer bloco visível ou invisível na visualização da área de trabalho.

Estilos de bloco de página

Você pode editar os seguintes estilos de bloco para ser apenas diferente na visualização móvel:

  • Largura
  • Fundo
  • Espaçamento interno
  • Fronteira
  • Cantos
  • Sombras
  • Opacidade

Você não pode editar os seguintes estilos para serem diferentes apenas na visualização móvel. Quaisquer edições feitas no seguinte serão alteradas automaticamente na visualização desktop e móvel:

  • Adicionando texto
  • Adicionando conteúdo
  • Mudando as cores do tema
  • Estilo de texto (negrito, itálico, tamanho, etc.)

Adicionar substituições de estilo móvel

Quaisquer edições que você fizer enquanto estiver no modo de visualização móvel adicionam substituições de estilo móvel. Se um elemento tiver uma substituição móvel, um ícone vermelho "X" aparecerá no painel direito ao lado do estilo:

Tornar os blocos visíveis ou invisíveis na visualização móvel

Você pode tornar blocos e até mesmo seções inteiras da sua página visíveis ou invisíveis na visualização móvel clicando nos ícones "Visibilidade" localizados no painel direito.

Por padrão, ambos os ícones serão selecionados. Para tornar um bloco ou seção visível apenas em dispositivos móveis:

1. Clique na seção no editor de página com o qual deseja trabalhar.

2. Clique no ícone "Desktop" para desmarcá-lo.

O ícone "Desktop" passará de azul para cinza; o ícone "Móvel" permanecerá azul. Isso significa que o bloco ou seção só é visível no celular.

Reorganizar blocos de página só pode ser feito no modo desktop. Quaisquer alterações feitas com o layout da página no desktop refletirão no celular por padrão.

Remover substituições de estilo móvel

Para remover substituições de estilo móvel, clique no ícone de substituição de estilo móvel. Isso está localizado no painel direito do bloco selecionado.

A remoção da substituição de estilo móvel reverte os estilos de bloco para corresponder ao design da área de trabalho.

Esse artigo foi útil?
Usuários que acharam isso útil: 1 de 14