Criar formulários pop-up
Ultima atualização: Março 28, 2023
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.
Criar um formulário pop-up
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 Gratuita, acesse Marketing > Formulários.
- No canto superior direito, clique em Criar formulário.
- Para associar o formulário a uma unidade de negócios (somente complemento de Unidades de negócios):
- 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
- Deslize na caixa esquerda
- Deslize na caixa 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.
Configure a 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 na etapa de chamada e formulário (somente para as caixas pop-up e deslizante).
- Texto de chamada: insira o texto para o cabeçalho principal na chamada.
- Corpo da chamada: insira quaisquer informações adicionais ou detalhes na chamada. Isso é opcional.
- Texto do botão de chamada: insira 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 não HubSpot: insira um link para uma página externa.
- Página do HubSpot ou postagem do blog (Marketing Hub ou CMS Hub S tarter, Professional ou Enterprise): selecione uma página do HubSpot ou postagem do blog 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 do calendário e configure os detalhes do evento. O evento será criado no Google Agenda ou no Calendário do Outlook do usuário.
Personalize o seu formulário pop-up
Se o botão de chamada estiver vinculado a uma etapa do formulário, você pode personalizar o formulário exibido. Na guia Formulário, personalize os seguintes detalhes:- Corpo do formulário: insira quaisquer informações ou detalhes adicionais que serão exibidos antes dos campos de formulário. Esta é uma etapa opcional.
- Campos adicionados: selecione os campos para o 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 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.
- Você pode editar o rótulo do campo, adicionar texto de espaço reservado ou inserir um valor padrão.
- Para o campo E-mail, você poderá especificar endereços de e-mail e domínios para bloquear.
- Para adicionar mais campos ao formulário, clique em + Adicionar outro campo de formulário.
- Texto do botão de formulário: personalize o texto do botão de formulário. Por padrão, o texto do botão de formulário da guia Chamada preencherá este campo.
- 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.
- CAPTCHA: ative O CAPTCHA para fornecer proteção adicional contra envios de spam.
Criar um formulário de mensagem de agradecimento
Se o botão de chamada estiver vinculado a uma etapa do formulário, configure o que acontece depois que um visitante envia seu formulário pop-up na guia Obrigado.
- No campo Mensagem de agradecimento, insira uma mensagem para exibir depois que os visitantes enviarem seu formulário pop-up. Você pode usar o editor de rich text para formatar seu texto.
- 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 do HubSpot ou postagem do blog (Marketing Hub ouCMS Hub S tarter, Professional ou Enterprise): selecione uma página do HubSpot ou postagem do blog 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 do calendário e configure os detalhes do evento. O evento será criado no Google Agenda ou no Calendário do Outlook do usuário.

Observação: as contas que usam as ferramentas gratuitas do HubSpot devem concluir um assistente de configuração de e-mail para ativar o opt-in duplo para formulários pop-up que criam um e-mail de acompanhamento adicionará automaticamente uma CAPTCHA ao formulário.
Personalize a segmentação para o formulário pop-up
Direcione seus visitantes escolhendo quando esse formulário pop-up deve aparecer no seu site. Umdd filtra 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:
- 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 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:
- 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 certas 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 o formulário pop-up 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 contacto tiver preenchido o seu formulário pop-up, ele não será exibido 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 as opções do formulário pop-up
Na guia Opções, personalize ainda mais as configurações do formulário pop-up. Algumas opções podem não ser exibidas, dependendo das assinaturas da HubSpot e de quais integrações você adicionou. Você pode configurar as seguintes opções:
- Agendamento (apenas contas Professional ou Enterprise): por padrão, um formulário pop-up será publicado imediatamente. Para agendar um formulário pop-up para que ele esteja ativo apenas a partir de 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.
- Defina um estágio do ciclo de vida quando um contato ou empresa for criado: clique no menu suspenso Definir estado do ciclo de vida e selecione um estágio do ciclo de vida. Quando os visitantes enviam um formulário, o registro correspondente será definido para o estágio do ciclo de vida selecionado.
- Você não pode mover a fase do ciclo de vida de um registro para trás. Se um contato ou empresa existente com uma fase posterior do ciclo de vida enviar um formulário, a fase do ciclo de vida não será atualizada.
-
- O estágio do ciclo de vida definido em um formulário substituirá o estágio padrão do ciclo de vida configurado em suas configurações do HubSpot.
- 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 ele seja exibido 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 notificar um usuário ou equipe do HubSpot quando os contatos são capturados.
- Enviar e-mails de adesão (opt-in):para gerenciar suas configurações de adesão (opt-in) dupla para seus formulários pop-up, clique em Gerenciar nas configurações.
- Definir contatos criados como contatos de marketing: se sua conta da HubSpot tiver acesso aos contatos de marketing, você poderá definir automaticamente quaisquer contatos criados 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 como enviar contatos para listas MailChimp.

Use automações com o formulário pop-up
Use recursos de automação simples, como enviar um e-mail de acompanhamento para um contato ou enviar notificações automáticas de e-mail interno com seus formulários pop-up. Você também pode usar o envio de formulário como um gatilho em um fluxo de trabalho simples. Saiba mais sobre como usar 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, defina um fluxo de trabalho simples para automatizar ações de acompanhamento, como enviar um e-mail ou definir uma propriedade de contato.
Visualize o formulário pop-up
Na guia Visualização , você pode testar uma visualização interativa do formulário pop-up.
- Para rever como o formulário pop-up aparecerá em diferentes dispositivos, clique nos botões Desktop, Tablet ou Mobile no canto superior esquerdo.
- Para visualizar cada etapa do formulário pop-up, clique nos ícones de setad 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.
- 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.
Conteúdo relacionado
-
Preencher automaticamente campos de formulário com uma linha de consulta
Você pode preencher automaticamente os campos de formulário em uma página adicionando strings de consulta à...
Central de conhecimento -
Usar formulários não HubSpot
Os formulários que não são da HubSpot são formulários HTML no seu site externo que não foram criados no...
Central de conhecimento -
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