Que ferramentas estão disponíveis no editor de Landing Page?

Depois de começar a criar sua landing page, você pode personalizá-la para melhor atender às suas necessidades. Aqui estão alguns elementos que você poderá adicionar e personalizar dentro do editor de landing pages do GetResponse:

  • Seção
  • Texto
  • Imagem
  • Botão
  • Vídeo
  • Divisor
  • Separador
  • Ícones de redes sociais
  • Código customizado
  • Galeria
  • Temporizador
  • Formulário
  • Pop-up
  • Formulário de inscrição para webinar
  • Caixa de produto
  • Caixa de curso e tabela de conteúdos

Seções

As seções são uma ótima maneira de organizar o conteúdo da sua página. Você pode pensar em uma seção como um contêiner que agrupa elementos. Quando você agrupa elementos como botões, rótulos ou imagens, pode movê-los ou excluí-los com um único clique.

As seções têm duas funções principais:

  • Organizam elementos em grupos lógicos.
  • Permitem gerenciar seu conteúdo de maneira fácil.

A maioria dos nossos modelos de páginas de destino é composta por seções. Você também pode adicionar seções extras ao seu modelo.

Saiba mais sobre como usar seções no editor de páginas de destino.

Texto

Você pode adicionar uma nova caixa de texto a partir da barra de ferramentas ou editar o texto que já está no modelo. Clique no texto ou na caixa de texto para fazer alterações. As opções de edição incluem:

  • Tipo
  • Fonte
  • Tamanho da fonte
  • Estilo da fonte
  • Cor da fonte
  • Cor do fundo
  • Alinhamento
  • Altura da linha
  • Estilo de lista
  • Hiperlink
  • Emojis
  • Configurações do bloco (cor, preenchimento, borda, raio, sombra e mídia de fundo)
Configurações do texto

Imagem

No GetResponse, você encontrará uma variedade de imagens de banco de dados para escolher ou poderá fazer upload de suas próprias imagens ou GIFs do seu computador ou de um URL. Depois de inseri-los, clique neles para ver mais opções de edição, incluindo:

  • Texto alternativo
  • Link de clique
  • Largura e altura
  • Alternar escala para largura total na versão mobile
  • Opacidade
  • Alinhamento
  • Configurações avançadas (borda, raio, sombra)
  • Configurações do bloco (cor, preenchimento, borda, raio e sombra)

Você também pode substituir ou editar a imagem usando um editor de fotos integrado diretamente no editor de páginas de destino. Para substituir a imagem, clique no botão Substituir e selecione uma diferente. Para editá-la, clique no botão Editar.

Configurações do imagem

No editor, você pode cortar, redimensionar, ajustar e transformar a imagem. Além disso, pode adicionar filtros, sobreposições, adesivos e texto.

Quando terminar de editar, clique no link Salvar para salvar a versão editada da imagem.

Botão

Se você deseja criar um link para um site diferente, número de telefone, documento PDF, etc., pode usar um botão. Clique em um botão para ajustar as seguintes opções:

  • Texto do botão
  • Tipo de link
  • URL
  • Como o link deve abrir?
  • Estilo
  • Formato
  • Tamanho
  • Alinhamento
  • Configurações avançadas (raio, sombra)
  • Configurações do bloco (cor, preenchimento, borda, raio e sombra)

Vídeo

Você pode incorporar vídeos de plataformas de hospedagem, como YouTube, diretamente na sua página de destino. Depois de arrastar o bloco de vídeo para a página, clique nele e especifique a URL do vídeo. Após fazer isso, será possível ajustar as seguintes configurações:

  • Autoplay mudo – inicia automaticamente o vídeo sem som assim que a página é carregada (nem todos os navegadores suportam autoplay)
  • Sem som – ativa o som mudo por padrão
  • Loop – faz com que o vídeo seja reproduzido repetidamente
  • Controles – exibe ou oculta os controles de vídeo padrão fornecidos pela plataforma de vídeo
  • Largura e altura
  • Alternar escala para largura total na versão mobile
  • Alinhamento
  • Configurações avançadas (borda, raio, sombra)
  • Configurações do bloco (cor, preenchimento, borda, raio e sombra)

Saiba mais sobre como adicionar vídeos às suas páginas de destino.

Divisor

Os divisores são linhas gráficas que podem adicionar pequenos detalhes de design à sua página e ajudar a destacar as áreas mais importantes. Você pode ajustar:

  • Layout (horizontal ou vertical)
  • Estilo
  • Altura
  • Alinhamento
  • Configurações do bloco (cor, preenchimento, borda, raio e sombra)

Separador

Use separadores para adicionar espaço extra entre os objetos na sua página de destino. Isso pode ajudar a direcionar a atenção dos visitantes para áreas importantes e oferecer mais opções de design. Você pode configurar as seguintes definições:

  • Cor
  • Borda
  • Raio
  • Sombra

Redes sociais

Você pode adicionar ícones de mídias sociais e ícones de compartilhamento à sua página de destino para fornecer acesso rápido e incentivar maior engajamento dos visitantes. Nas configurações desse bloco, você pode especificar:

  • Ação – o que deve acontecer quando um dos ícones for clicado
  • Plataformas de mídia social
  • Estilo
  • Layout (horizontal ou vertical)
  • Alinhamento
  • Cor
  • Tamanho
  • Espaçamento
  • Configurações do bloco (cor, preenchimento, borda, raio e sombra)

Saiba mais sobre como adicionar ícones de redes sociais à sua página de destino.

Código customizado

Você pode adicionar seu próprio código HTML, formatação CSS e JavaScript à sua página de destino usando o elemento Código customizado.

Aqui você pode encontrar informações detalhadas sobre o bloco de código customizado.

Bloco do código customizado

Galeria

Você pode adicionar uma galeria de imagens à sua página de destino para apresentar seus produtos e serviços, chamar a atenção dos visitantes para os destaques do seu conteúdo ou criar uma identidade visual que represente seu negócio. Para esse bloco, você pode ajustar:

  • Imagens exibidas na galeria
  • Estilo de exibição (mosaico, grade ou apresentação de slides)
  • Largura e altura (para o estilo de exibição em apresentação de slides)
  • Tamanho da imagem (para os estilos de exibição em grade e mosaico)
  • Espaçamento horizontal e vertical entre imagens (para os estilos de exibição em grade e mosaico)
  • Configurações avançadas (borda, raio e sombra)
  • Configurações do bloco (cor, preenchimento, borda, raio e sombra)

Temporizador

Você pode adicionar um temporizador à sua página de destino para fazer contagem regressiva até uma data específica no futuro. Você também pode configurar uma contagem regressiva evergreen, que inicia a contagem a partir do momento em que os visitantes acessam a página e pode ser usada para redirecionamento automático. Essa funcionalidade é excelente para promover uma oferta, impulsionar vendas ou criar expectativa para um evento, aumentando o senso de urgência.

Para esse elemento, você pode configurar:

  • Tipo (perene ou data fixa)
  • Duração da contagem regressiva
  • Formato
  • Design do contador (fonte, tamanho da fonte, estilo da fonte, cor da fonte, cor do fundo, preenchimento, borda e raio)
  • Design do rótulo (fonte, tamanho da fonte, estilo da fonte, cor da fonte e opção para exibir rótulos)
  • Configurações do bloco (cor, preenchimento, borda, raio e sombra)

Saiba mais sobre como usar temporizadores no editor de páginas de destino.

Formulário

No editor de páginas de destino, você pode incorporar dois tipos de formulários:

  • Formulários de inscrição – permitem converter visitantes em assinantes e expandir o alcance online do seu negócio.
  • Formulários de contato – permitem que os visitantes enviem mensagens e façam perguntas. Você poderá responder via chat, e-mail ou telefone.

Aqui você pode encontrar mais informações sobre a diferença entre formulários de contato e de inscrição.

Tipos de formulários

Pop-up

Adicionar pop-ups à sua página de destino pode incentivar os clientes a realizar ações específicas. Os pop-ups podem incluir formulários de inscrição ou serem usados para promover vendas e eventos. Para os pop-ups, você pode configurar:

  • Tamanho
  • Posição
  • Gatilho
  • Tempo de exibição
  • Frequência
  • Configurações do bloco (cor, preenchimento, borda, raio, sombra, sobreposição e cor da sobreposição)

Clique aqui para saber mais sobre pop-ups no editor de páginas de destino.

Formulário de inscrição para webinar

Também é possível adicionar formulários de inscrição para webinars à sua página de destino. Se você já tiver webinars agendados, basta arrastar e soltar o módulo de webinar na página, e o sistema fará o resto automaticamente. Para facilitar, o último webinar criado será selecionado por padrão, mas você pode escolher qual evento deseja promover.

Ao arrastar o módulo para o seu website, o módulo do webinar inclui o título, a data, o fuso horário, campos para introduzir o nome e o endereço de e-mail e um botão de participação. Na barra de ferramentas, pode configurar a apresentação dos seguintes elementos:

  • Título do webinar
  • Data e horário
  • Configurações do formulário
  • Configurações do bloco (cor, preenchimento, borda, raio e sombra)

Aqui você pode encontrar mais informações sobre formulários de inscrição para webinars.

Caixa de produto

Agora é possível adicionar caixas de produtos à sua página de destino para facilitar o acesso e incentivar o engajamento dos visitantes.

Para usar essa funcionalidade, você precisa conectar sua loja ao GetResponse ou criar uma nova loja no sistema.
Depois disso, você poderá selecionar os produtos que deseja exibir e modificar as configurações da caixa de produtos, incluindo:

  • Configurações de exibição
  • Design do cartão de produto
  • Configurações do bloco (cor, preenchimento, borda, raio e sombra)

Saiba mais sobre como adicionar uma caixa de produtos à sua página de destino.

Caixa de curso e Tabela de conteúdos

Agora você pode promover cursos nas suas páginas de destino utilizando os blocos Caixa de curso e Tabela de conteúdos.

  • Caixa de curso é um bloco que permite exibir cursos em seus sites e páginas de destino, facilitando o engajamento de potenciais alunos. Ele oferece aos visitantes uma forma rápida de conhecer o curso e se inscrever com o mínimo de esforço.
  • Tabela de conteúdos pode ser usada para exibir os capítulos e lições incluídos no curso diretamente na página de destino ou site. Essa funcionalidade é útil para apresentar os detalhes do curso a potenciais alunos.

Informações adicionais sobre esses blocos podem ser encontradas aqui.

Passos para landing pages legadas

Assim que você entrar no espaço de trabalho do Editor de Páginas de Destino, poderá personalizar sua página para atender melhor às suas necessidades. Aqui estão algumas coisas que você poderá adicionar e personalizar dentro do Editor de Páginas de Destino do GetResponse:

  • fundo
  • secção
  • texto
  • imagem
  • botão
  • formulário
  • forma
  • webinar
  • vídeo
  • ícones de partilha social
  • botão PayPal
  • código customizado

Fundo

Para mudar o fundo de um modelo, clique duas vezes nele para visualizar as opções de edição. Você pode escolher entre:

  • cor sólida
  • gradiente
  • uma imagem diferente. Se você selecionar uma imagem, pode decidir como ela se ajustará dentro da seção.
Definições de imagem de fundo no editor legado

Borda e sombra

Para cada um dos elementos que você adicionar ou editar, você pode definir uma borda e/ou sombra. Essa é uma boa maneira de destacar um item quando você precisa chamar atenção para ele. Para acessar essas configurações, clique duas vezes no elemento e escolha o ícone de ferramentas de estilo na barra de ferramentas.

Styling tools icon shown.

Para a borda, você pode definir:

  • estilo
  • tamanho
  • cor
  • raio

Para a sombra, você pode definir:

  • cor
  • direção
  • distância
  • expansão
  • desfoque
    Shadow and border settings.

Seções

As seções têm duas funções principais:

  • Organizam elementos em grupos lógicos.
  • Permitem que você gerencie seu conteúdo de maneira fácil.

A maioria dos nossos modelos de páginas de destino é composta por seções. Você também pode adicionar seções extras ao seu modelo.

Saiba mais sobre como usar seções no nosso editor de páginas de destino.

Texto

Você pode adicionar uma nova caixa de texto a partir da barra de ferramentas ou editar o texto que já está no modelo. Clique duas vezes no texto ou na caixa de texto para fazer alterações. As opções de edição incluem:

  • Fonte
  • Tamanho da fonte
  • Cor da fonte
  • Fundo do texto
  • Espaçamento
  • Negrito
  • Itálico
  • Sublinhado
  • Tachado
  • Alinhamento (esquerda, centro, direita)
  • Marcadores
  • Lista numerada
  • Hiperlink
  • Sombra

Imagem

No GetResponse, você encontrará uma variedade de imagens de estoque para escolher ou poderá fazer o upload de seus próprios gráficos (imagens ou GIFs) do seu computador ou de uma URL. Após adicioná-las, clique duas vezes nelas para visualizar mais opções de edição. Essas opções incluem:

  • tamanho
  • borda
  • sombra
  • hiperlink

Você também pode usar alguns dos recursos de edição mais avançados, como:

  • filtro
  • fixação
  • orientação
  • redimensionamento
  • corte
  • adicionar texto
  • desenho
  • ajustes

Botão

Se você quiser vincular a um site diferente, vídeo, documento PDF, etc., pode usar um botão. Clique duas vezes no botão para ajustar o seguinte:

  • Tamanho
  • Fonte do texto do botão
  • Tamanho da fonte
  • Cor da fonte
  • Negrito
  • Itálico
  • Sublinhado
  • Tachado
  • Hiperlink
  • Sombra
  • Cor do botão
  • Borda e sombra

Hiperlink

Elementos como blocos de texto, blocos de imagem e botões incluem a opção de adicionar um hiperlink. Para acessar isso, clique duas vezes no elemento e escolha o ícone de hiperlink. Depois de selecionar, você pode escolher entre diferentes tipos de link. São eles:

  • endereço da web: usado para redirecionar os visitantes para outra página online de sua escolha.
  • e-mail: abrirá uma nova janela de e-mail no aplicativo de e-mail padrão do visitante, direcionando para o e-mail de sua escolha. Você também pode inserir um assunto para esse e-mail.
  • seção: pode ser usado para direcionar os visitantes a uma seção específica na sua página de destino.
  • telefone: permitirá que os visitantes façam uma ligação diretamente da página de destino para o número que você selecionar.
  • webinar: usado para conectar um elemento aos webinars ativos da sua conta. Selecionar esse tipo de link levará os visitantes para a página de registro do webinar escolhido.

Formulário

Alguns modelos já vêm com um formulário de inscrição. Se não, você pode adicionar um a partir da barra de ferramentas. Escolha entre um formulário estático ou um pop-up.

Duas opções de formulários

Para editar o formulário estático, clique duas vezes no formulário para habilitar as opções de edição adicionais:

  • clique no formulário ou em campos específicos ou no botão para mudar o texto e a formatação.
  • clique duas vezes no formulário para começar a adicionar campos adicionais: campos personalizados e campos de consentimento. Os campos personalizados ajudam a coletar informações de contato. Os campos de Consentimento permitem que seus contatos deem consentimento para suas políticas de marketing ou de processamento de dados quando se inscrevem.

Para adicionar os campos, clique no botão Campos do fórmulario de web.

Como editar campos de formulário

Depois, clique na guia Campos customizados e selecione os campos personalizados que você deseja usar. Clique na guia Campos de consentimento para visualizar os campos de consentimento que você criou na sua conta. Em seguida, selecione os campos que deseja adicionar ao formulário.

O botão do seu formulário pode coletar contatos para a sua conta. Ele não pode ser usado como um hiperlink. Para direcionar os contatos para um local específico após a inscrição, use as configurações da página de agradecimento.

Forma

As formas podem ajudá-lo a adicionar marcadores visuais, chamar a atenção para determinadas seções da sua página ou criar molduras para itens específicos. Você pode escolher uma das seguintes:

  • círculo
  • retângulo
  • linha horizontal ou vertical

Clique duas vezes na forma para editar seu fundo, borda e sombra.

Webinar

Para facilitar a inscrição dos seus contatos em um webinar, você pode adicionar um formulário de inscrição para webinar diretamente à sua página de destino. Clique duas vezes no webinar para selecionar qual você deseja usar (se tiver mais de um agendado). Como no formulário, você pode personalizar o formulário de inscrição e adicionar campos personalizados e de consentimento.

Vídeo

Você pode incorporar vídeos de plataformas de hospedagem de vídeo, como YouTube, diretamente na sua página de destino. Após arrastar o bloco de vídeo para a página, clique duas vezes nele para configurar:

  • URL do vídeo
  • borda e sombra
  • configurações de exibição do vídeo

Ícones de compartilhamento social

Esses ícones permitem que seus visitantes compartilhem a página em seus feeds e gerem mais tráfego para ela. Eles não são editáveis.

Os ícones de compartilhamento social não podem ser usados como links para os seus perfis de mídia social. Se você quiser vincular aos seus perfis, adicione os logotipos das plataformas de mídia social como imagens e use-as como hiperlinks.

Botão do PayPal

Oferecemos uma integração com o PayPal para facilitar a venda dos seus produtos por meio de páginas de destino. Saiba mais sobre a integração e como usar o botão.

Código customizado

Se você for um usuário avançado, pode usar a opção de código personalizado para adicionar recursos que não estão disponíveis na barra de ferramentas da página de destino.

Temporizador

O temporizador permite contar os dias, horas, minutos e segundos até uma data futura específica ou configurar um temporizador evergreen. Essa é uma excelente maneira de divulgar uma venda, upsell ou criar expectativa para um evento. Ele ajuda a criar um senso de urgência para incentivar contatos potenciais a se inscreverem na sua lista.

Configurações de SEO

No ícone de configurações, você poderá escolher como sua página aparecerá nos resultados de pesquisa e quando for vinculada.

Você pode configurar o seguinte:

  • Título da página
  • Descrição da página
  • Notificação de cookies
  • Favicon
  • Imagem do Facebook
Definições adicionais da página de destino

Pré-visualização

Você pode visualizar a página de destino, a página de agradecimento e suas versões móveis enquanto trabalha. Clique no ícone de Pré-visualização para ver como sua página ficará quando for publicada.

Recursos populares