O que são 'Elementos' nas Landing Pages? Como configurar os Elementos?

Criada por Isabelle Fernandes, Modificado em Ter, 7 Mar, 2023 na (o) 3:06 PM por Isabelle Fernandes

Disponível no Freshmarketer: Growth, Pro e Enterprise.

Suite Freshsales: Growth, Pro e Enterprise.

 

O construtor Landing Page em seu aplicativo da web permite que os usuários projetem páginas iniciais customizadas a partir de um conjunto existente de modelos. No entanto, os usuários também podem personalizar esses modelos de acordo com seus gostos ou criar seus próprios com elementos fornecidos por seu aplicativo da web. 


Cada página inicial em seu aplicativo da web segue esta hierarquia: Seção > Linha > Coluna > Elementos


Este artigo fala sobre como configurar um  Elemento  na Landing Page. Para saber mais sobre os outros atributos estruturais da Landing Page, consulte os respectivos artigos — Section ,  Row e Column . 


Configurando um Elemento Os usuários têm os seguintes elementos para escolher:



  • Texto:  arraste e solte o bloco Texto para adicionar texto à sua campanha. O bloco de texto vem com uma barra de ferramentas que permite formatar o texto com tamanho e tipo de fonte, alinhamento e muito mais. Você também pode optar por criar uma lista numerada ou com marcadores ou inserir um link. Além disso, você pode personalizar as propriedades do bloco com cores de texto e muito mais.


  • Imagem:  O bloco de imagem permite incorporar imagens em sua campanha de e-mail. Arraste e solte o bloco na seção e ele adiciona um espaço reservado para a imagem. Para adicionar uma imagem à sua campanha, clique em Substituir imagem. Isso permite buscar uma imagem para sua campanha de uma das três maneiras:

    • Carregue-  os do seu armazenamento local.


    • Pesquise as imagens oferecidas e clique  para adicionar a imagem ao bloco.


Depois que sua imagem for carregada, você poderá personalizar a exibição e as dimensões da imagem no painel do lado direito. Você pode personalizar a largura da imagem, configurar o espaçamento, definir o alinhamento, adicionar links à imagem e muito mais. Você também pode adicionar uma sombra à imagem.


  • Botão:  arraste e solte o bloco de conteúdo do botão para adicionar botões CTA ao seu e-mail. Edite o texto do botão usando a barra de ferramentas de edição. Para personalizar seu botão, você pode usar o painel de propriedades do conteúdo. Você pode definir o CTA do seu botão – escolher entre vincular a um URL, ancorar o botão a uma seção ou vincular a uma página no funil – e personalizar o alinhamento, cor, espaçamento, tamanho e muito mais. Você também pode optar por ocultar a seção de botões na área de trabalho ou em dispositivos móveis ou torná-la visível em ambos selecionando a opção.



  • Divisor:  arraste e solte para adicionar um divisor à sua seção de conteúdo. O divisor permite que você defina claramente a demarcação entre as diferentes dobras da sua página de destino. Você pode personalizar o divisor para definir propriedades como tamanho (espessura), cor e espaçamento.



  • Formulário:  Adicione um formulário em sua página inicial para capturar contatos automaticamente para seu aplicativo da web e também obter campos relevantes preenchidos. Arraste e solte o bloco de formulário para inserir um formulário na página. Em seguida, você pode acompanhá-lo personalizando o formulário para adequá-lo ao seu caso de uso comercial. Veja como você pode personalizar o formulário.

    • Adicionando um campo de contato:  Clique no menu suspenso 'Adicionar um campo de contato' para adicionar um campo de contato ao seu formulário. Dessa forma, você pode converter um visitante da página em um contato e também pode capturar informações relevantes do visitante. Você também pode adicionar vários campos, reordená-los e também adicionar parâmetros de URL ao registro criado. Além disso, você também pode adicionar campos ocultos a um formulário.  




    • Opções de redirecionamento:  Depois que o formulário for preenchido e a chamada para ação for clicada, você poderá optar por fazer uma das duas coisas:

      • Redirecionar para uma página no funil escolha esta opção se a página de destino fizer parte do seu funil e você desejar que o visitante verifique a página. Geralmente é a página inicial ou a página de agradecimento. 

      • Link para um URL externo:  escolha esta opção se quiser que o visitante visite uma página externa.



    • Escolha o design do formulário:  adicione um design aos campos do formulário. 
       
      https://freshsales.wistia.com/medias/dwdmie545d 

    • Espaçamento:  Configure o espaçamento para o formulário



    • Controles de envio de formulário:  clique na caixa de seleção para desativar o ReCAPTCHA no formulário. No entanto, tenha cuidado, pois isso remove o filtro de spam ou bot.

    • Botão:  Configure o botão CTA em seu formulário usando a seção PROPRIEDADES DO BOTÃO.


  • Ícone:  arraste e solte o bloco de ícones para adicionar ícones à sua página de destino. Para adicionar o logotipo, clique em Substituir ícone. Isso abre uma caixa de diálogo que permite escolher um ícone de sua escolha na Biblioteca de Ícones. Veja como você pode personalizar o ícone:



    • Redimensionar:  Use o controle deslizante para aumentar ou diminuir o tamanho de um ícone.


    • Definir alinhamento:  defina o alinhamento do seu ícone dentro da caixa de conteúdo. Você pode escolher entre:

      • Alinhamento à esquerda 

      • Alinhamento à direita

      • Alinhamento Central 

    • Primeiro plano:  Escolha a cor do seu ícone. Você também pode adicionar cores usando códigos hexadecimais.

    • Hiperlink:  Adicione um link ao seu ícone.


  • Vídeo:  incorpore um vídeo em sua página de destino adicionando o link


  • Logotipo:  arraste e solte o bloco Logo para adicionar um logotipo à sua página de destino. Você pode adicionar ou substituir um logotipo em sua seção. Clique em  Substituir imagem  para carregar uma nova imagem de logotipo. Isso abre uma caixa de diálogo onde você pode escolher uma imagem do computador ou escolher uma imagem da internet e adicioná-la à página inicial.



  • Código:  adicione um snippet de código à sua página de destino para executar um programa enquanto os visitantes estão na página Arraste e solte o trecho de código na página de destino e preencha o código. O código personalizado será executado na página pública. O código não será executado no editor ou no modo de visualização. Ele funciona apenas no ambiente ao vivo. Para verificar se um código funciona ou não, você terá que publicar a página e verificar a eficácia do código.

Este artigo foi útil?

Que bom!

Obrigado pelo seu feedback

Desculpe! Não conseguimos ajudar você

Obrigado pelo seu feedback

Deixe-nos saber como podemos melhorar este artigo!

Selecione pelo menos um dos motivos
A verificação do CAPTCHA é obrigatória.

Feedback enviado

Agradecemos seu esforço e tentaremos corrigir o artigo