Criar formulários pop-up
Ultima atualização: Maio 9, 2024
Disponível com qualquer uma das seguintes assinaturas, salvo menção ao contrário:
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.
Se quiser disparar seu pop-up com um botão ou personalizar ainda mais um pop-up, recomendamos criar uma CTA com um formulário.
Observação: a ferramenta de formulários pop-up será descontinuada. A partir de 17 de julho, todos os usuários Starter, Professional e Enterprise não poderão mais criar ou clonar formulários pop-up. Os usuários ainda poderão editar, excluir e cancelar a publicação dos formulários pop-up existentes. É recomendado usar a nova ferramenta de CTAs para criar banners persistentes, 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 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.
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 uma unidade de negócios (somente para 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
- 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 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, 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.
- 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 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.
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. A criação de um e-mail de acompanhamento adicionará um CAPTCHA automaticamente 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:
- Clique no primeiro menu suspenso e selecione o 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 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 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.
-
- A fase do ciclo de vida definida em um formulário substituirá a fase do ciclo de vida padrão definida 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 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 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 da HubSpot quando contatos forem 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 a contatos de marketing, você poderá definir automaticamente quaisquer contatos criados a partir desse 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 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.