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:
- Clique no primeiro menu suspenso e selecione URL do site.
- Clique no segundo menu suspenso e selecione uma regra de direcionamento.
- 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:
- Clique no primeiro menu suspenso e selecione Parâmetro de consulta.
- No primeiro campo de texto, insira o nome do parâmetro de consulta.
- Clique no menu suspenso e selecione uma regra de direcionamento.
- 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.
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.

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.
Thank you for your feedback, it means a lot to us.
Conteúdo relacionado
-
Exporte seus conteúdos e dados
Saiba como exportar conteúdo e dados do HubSpot da sua conta, como páginas, contatos e arquivos. ...
Central de conhecimento -
Formulários | Perguntas frequentes
Encontre rapidamente respostas e informações gerais sobre a ferramenta de formulários no HubSpot. Saiba mais...
Central de conhecimento -
Editar os campos de formulário
Depois de criar um formulário e adicionar campos de formulário, você pode personalizar os campos de...
Central de conhecimento