Ir para o conteúdo principal
Isenção de responsabilidade de tradução: esse conteúdo foi traduzido para sua conveniência com o uso de software e pode não ter sido revisado por uma pessoa. O texto oficial é a versão em inglês e sempre será o texto mais atualizado. Para ver a versão em inglês, clique aqui.
Forms

Criar formulários pop-up

Ultima atualização: Outubro 27, 2021

Disponível para

Todos os produtos e planos

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. 

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

  • 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 Gratuita, acesse Marketing > Formulários.
  • No canto superior direito, clique em Criar formulário.
  • Selecione o tipo de formulário. Para um formulário pop-up, você pode selecionar:
    • 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ários, clique no edit ícone de lápis para editar o nome do formulário.

1. Chamada — Selecionar a ação

Na guia Chamada , adicione e personalize um texto de chamada para chamar a atenção dos visitantes.

  • 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: o cabeçalho principal na chamada.
  • Corpo da chamada: 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 que não é da HubSpot: cole um link para uma página externa.
    • Página ou post de blog da HubSpot (Marketing Hub Starter, Professional ou Enterprise, CMS Hub 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.
    • Evento do calendário: crie um evento de calendário e defina o Nome do evento, a Data de início, a Data de término, o Fuso horário, a Localização e osDetalhes. O evento será criado no Google Agenda ou no Calendário do Outlook do usuário.

  • 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.
  • Clique em Próximo. Se você não estiver vinculando o botão para um formulário, pule para a Etapa 5.

2. Formulário — Personalizar seu formulário pop-up

Na guia Formulário, personalize o que seus visitantes verão quando clicarem no botão de formulário pop-up.
  • Corpo do formulário: informações ou detalhes adicionais sobre o formulário. Isso é opcional. 
  • Campos adicionados: 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 suportam os seguintes tipos de campo: texto de linha única, texto de várias linhas, seleção de menu suspenso, caixa de seleção única, número, seletor de datas 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.  Para 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: o texto do botão de formulário da guia Chamada preencherá este campo. Para fazer alterações no texto do botão na etapa do formulário, atualize-o aqui.
  • Notificação e consentimento/interesse legítimo (GDPR ): se você tiver o GDPR ativado na sua conta da HubSpot, você pode definir a opção de notificação e consentimento para esse 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.
  • Definir fase do ciclo de vida: escolha os contatos de fase do ciclo de vida que enviaram o formulário pop-up. Isso é definido para Lead por padrão.
  • CAPTCHA: ative o CAPTCHA para fornecer proteção adicional contra envios de spam.

Quando terminar de personalizar o formulário pop-up, clique em Próximo.

3. Obrigado — Criar uma mensagem de agradecimento

Na guia Agradecimento , insira uma mensagem de agradecimento para seus visitantes ver depois de enviar o formulário pop-up. Use o editor de rich text para incluir algum texto levemente formatado ou vincule seu visitante a recursos adicionais.

Para adicionar um botão após a mensagem de agradecimento para redirecionar os visitantes para outro lugar:

  • Selecione 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 a URL da página.
    • Página ou post de blog da HubSpot (Marketing Hub Starter, Professional ou Enterprise, CMS Hub 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.
    • Evento do calendário: crie um evento de calendário e defina o Nome do evento, a Data de início, a Data de término, o Fuso horário, a Localização e osDetalhes. O evento será criado no Google Agenda ou no Calendário do Outlook do usuário.
  • Quando terminar de criar uma mensagem de agradecimento, clique em Próximo.



4. Acompanhamento — Criar um e-mail de acompanhamento

Na guia Acompanhamento, crie um e-mail de acompanhamento que seus visitantes receberão após enviar o formulário.

Observação: As contas que usam ferramentas gratuitas da HubSpot devem concluir um assistente de configuração de e-mail para ativar a adesão dupla (opt-in duplo) para formulários pop-up.

  • Clique em Criar um e-mail de acompanhamento.
  • No painel direito, personalize os detalhes do e-mail de acompanhamento:
    • Tipo de assinatura: clique no menu suspenso e selecione otipo de assinatura.
    • Usuário remetente: clique no menu suspenso e selecione o remetente do e-mail de acompanhamento.
    • Nome do remetente: insira um nome do remetente personalizado para o e-mail de acompanhamento.
    • Linha de assunto: insira um assunto para o e-mail de acompanhamento.
    • Corpo: insira o texto do corpo do e-mail para continuar a envolver o seu contato.
    • Editar o rodapé de e-mail: clique para personalizar o nome e o endereço da sua empresa nas configurações de e-mail.
  • Clique em Salvar. Uma breve visualização do e-mail deve aparecer. Os usuários de contas do Marketing Hub Starter, Basic (antigo), Professional ou Enterprise podem clicar em Adicionar outro e-mail para adicionar até três e-mails de acompanhamento.
  • Quando terminar de adicionar um e-mail de acompanhamento, clique em Próximo.

Observação:criar um e-mail de acompanhamento adicionará automaticamente uma CAPTCHA ao formulário.

5. Direcionamento — Personalizar onde exibir seu 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 sobre quais visitantes podem ver o formulário pop-up. 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 URL do site.
    2. Clique no segundo menu suspenso e selecione uma regra de direcionamento.
    3. Insira os critérios da 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 os critérios com base nas informações do visitante, na seção Informações e comportamento do visitante:

  • Selecione quando exibir o formulário pop-up:
    • No bloco Mostrar pop-up, clique no primeiro menu suspenso para escolher quando os visitantes verão seu formulário pop-up.
    • 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 emAdicionar grupo de filtros e selecione as regras de filtragem.

add-filter-groups

Disparadores

Defina quando o formulário pop-up deve aparecer na página. 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.

Quando terminar de configurar as regras de direcionamento, clique em Próximo

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


6. Opções — Personalizar ainda mais seu formulário pop-up 

Na guia Opções, você pode personalizar o formulário pop-up. Você pode personalizar as seguintes opções:

  • Programação (somente para contas do Professional ou Enterprise): para programar um formulário pop-up para que ele fique ativo apenas em uma data específica, selecione Programar 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. 
  • 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 depois: clique no menu suspenso para definir a quantidade de tempo que deve passar após um visitante remover o formulário pop-up antes que eles possam vê-lo novamente.
  • Adicionar contatos a uma campanha do Salesforce: se estiver usando a integração do 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 estiver usando a integração do 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 inserir um endereço de e-mail ou selecione um usuário ou equipe para receber notificações quando os contatos forem capturados.
  • Enviar e-mails de adesão (opt-in): se a opção de adesão (opt-in) dupla estiver habilitada, para gerenciar suas configurações de adesão (opt-in) dupla para seus formulários pop-up, clique em Gerenciar nas configurações.
  • Tipo de assinatura de acompanhamento: se as configurações de GDPR estiverem habilitadas, clique no menu suspenso para selecionar um tipo de assinatura para o envio de e-mail.
  • 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 como enviar contatos para listas MailChimp.
Quando terminar de configurar as opções do formulário, clique em Próximo.


7. Visualizar — Exibir uma prévia do formulário pop-up

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

  • Para ver como o formulário pop-up será exibido em diferentes dispositivos, clique nos botões Computador, Tablet ou Dispositivos móveis  para ver uma prévia interativa.
  • 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

New Call-to-action