Passar para o conteúdo principal

Como criar uma Landing Page? - Novo Modelador (Drag and Drop)

Passo a passo completo para criar uma landing page no Novo Modelador (Drag and Drop) do Ramper Marketing: escolher modelo, editar conteúdos e linhas, e configurar a página.

Escrito por Vinicius Poleti

As landing pages apresentam um formulário de conversão, geralmente oferecendo material gratuito em troca do e-mail do visitante. Este artigo mostra a criação na forma Drag and Drop (arrasta e solta).

Acesse Geração de Leads > Landing Pages e clique em + Criar Landing Page. Escolha entre Modelos Pré-Definidos (edição clássica) e Drag and Drop. O modelador tem três etapas.

Etapa 1: Escolher Modelo

Defina o nome da landing page e o modelo. Há diferentes modelos desenvolvidos pelo Ramper Marketing conforme a sua necessidade. Clique em Salvar e Continuar.

Etapa 2: Editar Landing Page

Aqui você define e edita todo o conteúdo. No Drag and Drop, basta clicar no elemento e arrastá-lo para o campo de edição.

Conteúdos

  • Título: textos de mais destaque, com edição mais restrita.

  • Texto: uso variado, com diversas possibilidades de edição.

  • Imagem: agrega elemento visual e também é usada para GIFs personalizados.

  • Botão: indica uma ação (ex.: mais informações). Edita cor, fonte, dimensões, preenchimento e bordas.

  • Divisor: separa seções ou dá destaque. Edita cor, espessura, largura e estilo (sólido, pontilhado ou tracejado).

  • Distanciador: aumenta a distância entre elementos. Edita a largura.

  • Redes sociais: divulga os seus canais (Facebook, Instagram, Twitter, LinkedIn, site). Permite visuais pré-definidos e ícones personalizados.

  • HTML: para Pixel do Facebook, Google Tag Manager, Google Maps, etc. Use HTML correto e responsivo e não o coloque como último elemento (prefira abaixo do formulário).

  • Vídeo: conteúdo visual dinâmico via URL de compartilhamento (YouTube, Vimeo). Pode ser em miniatura, embutido ou hospedado.

  • Formulário: elemento essencial para captar leads. Define informações captadas, dimensões e cores.

  • Ícones: conteúdo visual ao qual se pode atrelar links e/ou textos.

  • Menu: textos com links na mesma linha (Abrir página na Web, Enviar Email, Telefonar, Enviar SMS, Link Interno).

  • Adesivo: elementos animados com fundo transparente (banco GIPHY), vinculáveis a ações.

  • GIFs: elementos animados com fundo não transparente (banco GIPHY), vinculáveis a ações.

Linhas

As linhas funcionam como seções, que podem ter uma ou mais colunas de dimensões diferentes. É necessário aplicá-las para então incluir os conteúdos. É possível definir imagem ou cor de fundo da linha e a cor de fundo do conteúdo.

Configuração

Edite a largura da área do conteúdo (recomendado no mínimo 950 px), o alinhamento, a cor do fundo, a cor do link e propriedades adicionais.

Etapa 3: Configurações finais

  • Identificação: o endereço da página (use os termos do título).

  • Opções avançadas da URL: endereço da Canonical Tag e Meta Description para indexação.

  • Ações do formulário: o que ocorre após a conversão (mensagem na tela e/ou redirecionamento).

  • Tags do Contato: tag atribuída ao visitante que converter.

  • Notificações e Conversões: e-mail de notificação a cada nova conversão.

  • E-mail de agradecimento: e-mail enviado ao lead no momento da conversão.

  • Configuração de Políticas de Proteção de Dados: capta o consentimento dos leads (LGPD), via Consentimento e/ou Double opt-in.

Clique em Salvar e Sair. A landing page ainda não estará no ar: clique em Publicar para alterar o status de "Não Publicado" para "Publicado".

Respondeu à sua pergunta?