Central de conhecimento HubSpot

Criar formulários pop-up

Written by HubSpot Support | 5/fev/2020 18:13:31

Com a ferramenta de formulários pop-up, você pode criar formulários envolventes para a captação de novos leads. Você pode usar formulários pop-up com qualquer post de blog, landing page ou página do site hospedada na HubSpot. 

Se você gostaria de acione seu pop-up com um botão ou personalizar ainda mais um pop-up, recomendamos criando um CTA com um formulário em vez de. 

Observe: em 17 de julho, a ferramenta de formulários pop-up foi desativada. Todos Iniciante, Profissional, e Empresa os usuários não podem mais criar ou clonar formulários pop-up. Os usuários ainda podem editar, excluir e cancelar a publicação de formulários pop-up existentes. Recomenda-se a utilização do nova ferramenta de CTAs para criar banners fixos, caixas pop-up ou CTAs deslizantes.

Criar um formulário pop-up

Para adicionar formulários pop-up a uma página externa, você deve instale o código de rastreamento do HubSpot no seu site externo, ou instalar o plugin HubSpot WordPress no seu site WordPress.

Para criar um novo formulário pop-up: 

  • Na sua conta da HubSpot, acesse Formulários.
    • Para contas do Professional e Enterprise, acesse Marketing > Captura de leads > Formulários.
    • Para contas Starter e Gratuitas, acesse Marketing > Formulários.
  • No canto superior direito, clique em Criar formulário.
  • Para associar o formulário a um unidade de negócio (Complemento de unidades de negócios apenas):
    • Clique no menu suspenso Selecione uma unidade de negócios.
    • Selecione a unidade de negócios com a qual você deseja associar este formulário. 
  • Selecione o tipo de formulário. Para criar um formulário pop-up, selecione um dos seguintes tipos de formulário:
    • Caixa pop-up
    • Banner suspenso
    • Caixa de deslizamento para a esquerda
    • Caixa de deslizamento para a direita
  • No canto superior direito, clique em Próximo.
  • Na parte superior do editor de formulário, clique no edit ícone de lápis para editar o nome do formulário.

Configure sua chamada 

Na guia Chamada , adicione e personalize um texto de chamada para chamar a atenção dos visitantes. Qualquer personalização de chamada será exibida na visualização à direita, para que você tenha uma ideia de como seu formulário pop-up ficará quando estiver ativo na página.

  • Imagem em destaque: selecione uma imagem em destaque para ser exibida nas etapas de chamada e formulário (somente para as caixas pop-up e deslizante).
  • Texto de chamada: digite o texto do cabeçalho principal na chamada.
  • Corpo da chamada: digite informações adicionais ou detalhes sobre a chamada. Isso é opcional.
  • Texto do botão de chamada:o texto do botão do formulário de chamada.
  • Cor do tema: defina a cor do tema para o botão no formulário pop-up. Selecione uma cor personalizada no seletor de cores ou insira manualmente um valor hexadecimal.
  • Botão de link: selecione para onde o botão de chamada será vinculado:
    • Etapa do formulário: direcione os usuários para um formulário pop-up. Personalize seu formulário clicando na guia Formulário.
    • URL externa: digite um link para uma página externa.
    • Página ou post de blog da HubSpot (Marketing Hub ou Content Hub Starter, Professional ou Enterprise): selecione uma página ou post de blog da HubSpot no menu suspenso.
    • Download do arquivo: clique em Procurar arquivos para adicionar seu arquivo.
    • Link de reunião: selecione um link de reunião no menu suspenso.
    • Calendário de eventos: crie um calendário de eventos e configure os seus detalhes. O evento será criado no Google Agenda ou no Calendário do Outlook do cliente.

Personalize seu formulário pop-up

Se seu botão de chamada estiver vinculado a uma etapa do formulário, você poderá personalizar o formulário exibido. Na guia Formulário, personalize os seguintes detalhes:
  • Corpo do formulário: insira informações ou detalhes adicionais que serão exibidos antes dos campos do formulário. Este é um passo opcional. 
  • Campos adicionados: selecione os campos para o seu formulário pop-up. O campo de E-mail padrão está incluído automaticamente e um máximo de quatro campos podem ser adicionados ao formulário.
    • Para adicionar mais campos ao formulário, clique em + Adicionar outro campo de formulário.
      • Os formulários pop-up oferecem suporte ao seguinte tipos de campo: texto de linha única, texto de várias linhas, seleção suspensa, caixa de seleção única, número, seletor de data e arquivo.
      • Os usuários em uma conta do Marketing Hub Starter, Professional e Enterprise podem criar propriedades de contato personalizadas nos formulários pop-up.
    • Para personalizar a aparência do campo de formulário para os visitantes, clique no edit ícone de lápis. 
      • Você pode editar o rótulo do campo, adicione um texto de espaço reservado ou insira um valor padrão.
      • Para o campo E-mail, você poderá especificar endereços de e-mail e domínios para bloquear.
  • Texto do botão de formulário: personalize o texto do botão do formulário. Por padrão, este campo será preenchido com o texto do botão de formulário da guia Chamada. 
  • Opções de GDPR: se as configurações de privacidade de dados estiverem ativadas na sua conta da HubSpot, você poderá definir a opção de notificação e consentimento para este formulário pop-up. Para personalizar o texto padrão, clique no edit ícone de lápis.
  • Idioma: defina o idioma do formulário. Isso mudará os rótulos do campo de formulário, a mensagem de Aviso e consentimento/interesse legítimo e as mensagens de erro exibidas no formulário. Todos os outros campos editáveis precisarão ser traduzidos manualmente.
  • CAPTCHA: ative o CAPTCHA para fornecer proteção adicional contra envios de spam.

Criar um formulário de mensagem de agradecimento

Se seu botão de chamada estiver vinculado a uma etapa do formulário, configure o que acontece depois que um visitante envia o formulário pop-up na guia Obrigado. 

  • No campo Mensagem de agradecimento, insira uma mensagem para mostrar depois que os visitantes enviarem o formulário pop-up. Você pode usar o editor de rich text para formatar o seu texto.
  • Para adicionar um botão após a mensagem de agradecimento para redirecionar os visitantes para outro lugar:
    • Marque a caixa de seleção Adicionar um botão.
    • Personalize o texto do botão.
    • Selecione o link para o botão:
      • URL não HubSpot: redireciona visitantes a uma página externa. Insira o URL da página.
      • Página ou post de blog da HubSpot (Marketing Hub ou Content Hub Starter, Professional ou Enterprise): selecione uma página ou post de blog da HubSpot no menu suspenso.
      • Download do arquivo: clique em Procurar arquivos para adicionar seu arquivo.
      • Link de reunião: selecione um link de reunião no menu suspenso.
      • Calendário de eventos: crie um calendário de eventos e configure os seus detalhes. O evento será criado no Google Agenda ou no Calendário do Outlook do cliente.

 

Observe: Contas que usam as ferramentas gratuitas do HubSpot devem concluir um assistente de configuração de e-mail para habilitar double opt-in para formulários pop-up criar um e-mail de acompanhamento adicionará automaticamente um CAPTCHA ao formulário.

Personalizar a segmentação para um formulário pop-up

Direcione seus visitantes escolhendo quando esse formulário pop-up deve aparecer no seu site. Adicione filtros para combinar vários conjuntos de regras para determinar quando o formulário pop-up é exibido. Saiba mais sobre as regras de direcionamento.

URL do site

Você pode adicionar lógica condicional para URLs específicas de página da Web e/ou valores de parâmetros de consulta. Por padrão, o formulário pop-up aparecerá em todas as páginas.

  • Para exibir o formulário pop-up quando um visitante acessar uma URL específica do site, na seção URL do site:
    1. Clique no primeiro menu suspenso e selecione o URL do site.
    2. Clique no segundo menu suspenso e selecione um regra de segmentação.
    3. Insira os critérios de regra no campo de texto.

  • Para mostrar o formulário pop-up quando um visitante acessar uma página do site cuja URL inclui parâmetros de consulta específicos:
    1. Clique no primeiro menu suspenso e selecione Parâmetro de consulta. 
    2. No primeiro campo de texto, insira o nome do parâmetro de consulta.
    3. Clique no menu suspenso e selecione uma regra de direcionamento.
    4. No segundo campo de texto, insira o valor do parâmetro de consulta.


  • Para adicionar outra regra, clique em Adicionar regra.
  • Para excluir o formulário pop-up de determinadas páginas (por exemplo, uma página de política de privacidade), clique em Adicionar regra de exclusão.

Informações e comportamento do visitante (opcional)

Você também pode direcionar o formulário pop-up para contatos específicos com base nas informações e comportamento do visitante. O tipo de regras de filtragem que você pode adicionar depende das assinaturas da sua conta. As contas do Marketing Hub Professional e Enterprise podem criar filtros com critérios adicionais para mostrar ou ocultar seu formulário pop-up.

Para definir critérios com base nas informações do visitante, no Informações e comportamento do visitante seção:

  • Selecione quando exibir o formulário pop-up:
    • No bloco Mostrar pop-up, clique no primeiro menu suspenso para escolher quando o formulário pop-up deve ser exibido.
    • Clique no próximo menu suspenso para selecionar suas regras de filtragem.
    • Para adicionar mais regras de quando mostrar seu formulário pop-up, clique em Adicionar regra e selecione seus filtros.
  • Selecionar quando ocultar o formulário pop-up:
    • Clique em Adicionar regra de exclusão.
    • Cique no primeiro menu suspenso para escolher quando o formulário pop-up deve ser ocultado. 
    • Clique no próximo menu suspenso para selecionar suas regras de filtragem.
    • Para adicionar mais regras de quando ocultar seu formulário pop-up, clique em Adicionar regra de exclusão e selecione seus filtros.
  • Para criar outro conjunto de regras de filtragem, clique em Adicionar grupo de filtros e selecione as regras de filtragem.


Disparadores

Defina quando o formulário pop-up deve aparecer na página.


Observação:

  • Quando vários disparadores forem selecionados, o formulário será exibido com base na condição que for atendida primeiro.

  • Quando um contato tiver preenchido o formulário pop-up, ele não o verá novamente se estiver na mesma sessão de navegação. 

 

Você pode selecionar as seguintes opções:

  • Em 50% de rolagem: o formulário aparecerá quando o visitante rolar metade da página para baixo.
  • Na intenção de saída (somente para caixa pop-up): o formulário aparecerá quando o visitante mover o cursor para a barra superior da janela do navegador.
  • Após o tempo decorrido: o formulário aparecerá após o tempo especificado de segundos.

Personalize suas opções de formulário pop-up 

Na guia Opções, personalize ainda mais as configurações do seu formulário pop-up. Algumas opções podem não ser exibidas, dependendo da sua assinatura da HubSpot. Você pode configurar as seguintes opções:

  • Agendamento (somente contas Professional ou Enterprise): por padrão, um formulário pop-up será publicado imediatamente. Para programar um formulário pop-up para que ele fique ativo apenas em uma data específica, selecione Agendar para mais tarde.
    • Para publicar o formulário pop-up em uma data e hora específicas, clique nos menus suspensos Data de início e Hora e defina uma data e hora.
    • Para cancelar a publicação do formulário pop-up em uma data e hora específicas, clique na caixa de seleção Definir data e hora para cancelar a publicação e, em seguida, nos menus suspensos Data de término e Hora e defina uma data e hora. 
  • Definir a fase do ciclo de vida quando um contato ou empresa é criado: clique no menu suspenso Definir fase do ciclo de vida para e selecione uma fase do ciclo de vida. Quando os visitantes enviam um formulário, o registro correspondente é definido para a fase do ciclo de vida selecionada. 
    • Não é possível fazer retroceder a fase do ciclo de vida de um registro. Se um contato ou empresa existente com uma fase do ciclo de vida posterior enviar um formulário, a fase do ciclo de vida não será atualizada. 
  • Tamanhos de tela pequenos: para desativar o formulário pop-up em dispositivos móveis, marque a caixa de seleção Desativar formulário pop-up em tamanhos de tela pequenos. Embora os formulários pop-up sejam otimizados para dispositivos móveis, é recomendável desativá-los.
  • Mostrar o formulário pop-up descartado novamente após: clique no menu suspenso para definir a quantidade de tempo que deve passar após um visitante descartar o formulário pop-up antes que seja exibido novamente.
  • Adicionar contatos à campanha do Salesforce: se você estiver usando o Integração com Salesforce, clique no menu suspenso para associar qualquer contato que enviar o formulário pop-up a uma campanha do Salesforce.
  • Adicionar contatos ao GoToWebinar: se você estiver usando o Integração GoToWebinar, clique no menu suspenso para registrar qualquer contato que enviar o formulário pop-up para um webinar específico.
  • Quando os contatos são capturados, envie notificações por e-mail para: clique no menu suspenso para notificar um usuário ou equipe da HubSpot quando contatos forem capturados.
  • Enviar e-mails de inscrição: para gerenciar configurações de dupla aceitação para seus formulários pop-up, clique Gerenciar nas configurações.
  • Defina contatos criados como contatos de marketing: se sua conta HubSpot tiver acesso a contatos de marketing, você pode definir automaticamente qualquer contato criado a partir deste formulário como marketing. 
  • Enviar novos contatos ao seu provedor de e-mail (opcional): você pode clicar em Gerenciar nas configurações para definir um provedor de e-mail ao qual deseja enviar contatos, clique em Gerenciar em configurações. Saiba mais sobre enviando contatos para listas do MailChimp.



Use automações com seu formulário pop-up

Utilize recursos de automação simples, tais como enviar um e-mail de acompanhamento a um contato ou enviar notificações internas automáticas por e-mail com seus formulários pop-up. Você também pode utilizar o envio de formulário como um gatilho em um fluxo de trabalho simples. Saiba mais sobre como utilizar as automações com a ferramenta de formulários. 

  • No topo, clique na guia Automações. Na guia Automações, você pode configurar o que acontece depois que o formulário é enviado.
    • Na seção Escolha o que acontece depois que um formulário é enviado, personalize as configurações do seu formulário conforme necessário.
    • Na seção Criar um fluxo de trabalho simples, configure um fluxo de trabalho simples para automatizar as ações de acompanhamento, como o envio de um e-mail ou a definição de uma propriedade de contato.

Visualize seu formulário pop-up

Na guia Visualização , você pode testar uma visualização interativa do formulário pop-up.

  • Para revisar como o formulário pop-up será exibido em diferentes dispositivos, clique nos botões Computador, Tablet ou Dispositivos móveis  no canto superior esquerdo.
  • Para visualizar cada etapa do formulário pop-up, clique nosleftrightícones de seta para direita/esquerda..

Publicação e cancelamento de publicação do formulário pop-up

  • Depois de terminar de configurar o formulário, no canto superior direito, clique em Publicar para ativá-lo.
  • Você também pode cancelar a publicação de um formulário ativo na guia Opções: 
    • Acesse a guia Opções.
    • Clique em Cancelar publicação.
    • Na caixa de diálogo, clique em Cancelar a publicação do formulário pop-up.
    • Após cancelar a publicação do formulário, você pode optar por retornar ao painel de formulários, selecionando Ir para o painel ou ficar no editor de formulários, selecionando Ficar no editor. 
View full post