Criar e editar formulários

Crie e use formulários com o editor de formulários para coletar informações sobre os visitantes a serem armazenadas no seu Crm da hubspot. Ao usar o editor de formulários, você pode criar formulários de várias etapas. Em seguida, estilize seu formulário para refletir a identidade e o branding da sua empresa.

Depois de criar o formulário, você pode adicioná-lo às páginas do HubSpot usando o módulo de formulário HubSpot, um site externo usando o código de inserção de formulário ou compartilhá-lo como uma página autônoma com um link de compartilhamento.

Criar um novo formulário

Para criar um novo formulário:

1. Na sua conta HubSpot, acesse Marketing > Formulários.
2. No canto superior direito, clique em Criar formulário.
3. Observação: você só pode associar um formulário a Marcas ao criar o formulário. Saiba mais sobre associação de um formulário a> marcas>e.

3. Selecione o Editor de Formulários.
4. No canto superior direito, clique em Avançar.
5. Selecione um modelo predefinido, ou para criar o seu próprio modelo, selecione Começar do zero.
6. Na parte superior, clique no nome do formulário para editar o lápis.

Adicionar e editar campos de formulário

Adicione campos de formulário para coletar informações dos contatos e visitantes de seu site. Cada campo do formulário deve estar associado a uma propriedade do HubSpot. Para adicionar um campo de formulário:

1. Na sua conta HubSpot, acesse Marketing > Formulários.
2. Criar um novo formulário ou passe o mouse sobre um formulário existente e clique em Editar.
3. Na parte superior esquerda, clique no ícone + adicionar.
4. No painel esquerdo, clique e arraste o tipo de campo para a visualização de formulário à direita para incluí-los no formulário. Os campos podem ser colocados acima, abaixo ou próximos de outros campos.
5. Ao adicionar um campo Número de telefone , o código do país corresponderá ao endereço IP do dispositivo do visitante por padrão. Não é possível configurar o código de país padrão.
6. No painel direito, clique e insira o rótulo do campo. Ao inserir o rótulo do campo, aparecerá uma lista de propriedades semelhantes existentes.
   • Na caixa de diálogo Conectar campo a uma propriedade, clique em uma propriedade sugerida.
   • Para conectar o campo de formulário a uma propriedade diferente, clique em Pesquisar propriedades.

7. Para adicionar uma propriedade conectada, no painel esquerdo, clique para expandir a seção Propriedade conectada. Clique na propriedade que você deseja conectar ao campo de formulário.
8. Para usar uma propriedade existente como uma propriedade conectada com um campo no seu formulário, use a barra de pesquisa para procurar uma propriedade existente. O tipo de objeto do campo adicionado pode determinar se o envio de formulário é exibido na linha do tempo da atividade dos registros associados.

9. Para criar uma nova propriedade e usá-la como uma propriedade conectada com um campo no formulário:
   • Clique em Criar novo.

10. • No painel direito, configure o campo do formulário.
    • Revise suas regras de propriedade e clique em Criar. Por padrão, a opção Mostrar em formulários, formulários pop-up e bots estará selecionada. Após criar seu novo imóvel, ele será automaticamente associado ao campo do formulário. Saiba como gerenciar suas propriedades.
11. Para editar ou desconectar uma propriedade conectada a um campo no formulário: 
    1. Clique no campo de formulário. 
    2. No painel esquerdo, clique em propriedade conectada para expandir a seção. 
    3. Para alterar a propriedade:
       • Clique em Alterar propriedade .
       • Na caixa de diálogo, clique em Alterar propriedade. 
       • Use a barra de pesquisa para procurar propriedades existentes ou clique em Criar nova propriedade . 
    4. Para desconectar a propriedade:
       • Clique em Desconectar propriedade .
       • Na caixa de diálogo, clique em Desconectar propriedade . 
12. Para adicionar uma propriedade como campo no formulário, clique em Propriedades no painel esquerdo:
    • Use o menu suspenso Todas as propriedades para selecionar as propriedades de contato, empresa, ticket ou objeto personalizado.
    • Se você estiver usando uma propriedade de ticket, clique no menu suspenso da caixa de diálogo e selecione help desk ou uma caixa de entrada à qual conectar o formulário. Quando o formulário é enviado, um ticket é criado automaticamente.

• • Para adicionar a propriedade como um campo no formulário, clique e arraste a propriedade para a visualização do formulário. Os campos podem ser colocados acima, abaixo ou próximos de outros campos.

11. Após adicionar seu campo de formulário, para editar as opções de um campo:
    • No painel direito, clique no campo na visualização do formulário.
    • No painel esquerdo, clique para expandir a seção Opções de campo. As opções aqui podem variar dependendo do tipo de propriedade do campo.
      
      • Texto de ajuda: um texto informativo abaixo do rótulo do campo que ajuda o visitante a preencher o campo.
      • Texto temporário: o texto que aparece na caixa de entrada do campo. O campo desaparecerá quando o visitante inserir um valor no campo e não irá no envio, mesmo se o campo for deixado em branco.
      • Valor padrão: um valor que será enviado para o campo por padrão, a menos que seja alterado pelo visitante.
      • Campo oculto: quando esta opção estiver ativada, o campo terá seu valor definido durante o envio do formulário, mas o campo não aparecerá para o visitante. Depois que a configuração for ativada, defina o valor padrão que será transferido para a propriedade quando o formulário for enviado.
      • Campo obrigatório: quando esta opção estiver ativada, o campo deverá ser preenchido para o formulário ser enviado. Se um campo de formulário for obrigatório, ele não poderá ser definido como oculto.

Adicione elementos adicionais ao formulário

Adicionar Mídia e texto ou Segurança ao formulário. Semelhante aos campos de formulário, esses elementos podem ser colocados acima, abaixo ou próximos a outros campos.

1. Na sua conta HubSpot, acesse Marketing > Formulários.
2. Crie um novo formulário ou passe o mouse sobre um formulário existente e clique em Editar.
3. Na parte superior esquerda, clique no ícone + adicionar.
4. No painel esquerdo, clique em Outro.
5. Clique e arraste os elementos para a visualização de formulário à direita para incluí-los no formulário.
   
   
   

Adicionar lógica condicional aos formulários (somente Content Hub ou Marketing Hub Professional e Enterprise)

Depois de adicionar os campos do formulário, você pode configurar a lógica condicional para ocultar ou mostrar campos relevantes ou redirecionar visitantes para outras páginas do HubSpot com base em suas respostas anteriores.

Para cada formulário, você pode adicionar até 100 regras com 10 condições por regra.

Para configurar a lógica condicional no formulário:

1. Na sua conta HubSpot, acesse Marketing > Formulários.
2. Crie um novo formulário ou passe o mouse sobre um formulário existente e clique em Editar.
3. Na parte superior esquerda, clique no workflows ícone de lógica.
4. No painel esquerdo, clique em Adicionar lógica.
5. Na seção lógica, configure suas regras de lógica condicional. Por exemplo, se você filtrar por Cidade e selecionar é qualquer um de Dublin, a regra de lógica condicional só se aplicará a registros com o valor Dublim
   
6. Para excluir um filtro, clique no deletee ícone Excluir.
7. Para clonar um filtro, clique no duplicate ícone Clonar.
8. Para adicionar mais filtros à regra, clique em add Adicionar filtro a este grupo.
9. Para adicionar outro grupo à regra, clique em add Adicionar grupo.
10. Se você adicionou vários filtros ou grupos à regra, clique no menu suspenso E OU entre os filtros e grupos para aplicar lógica E ou OU:
    • E: todos os filtros devem ser verdadeiros para que a regra seja disparada.
    • OU: apenas um filtro no grupo deve ser verdadeiro para que a regra seja disparada. Saiba mais sobre a lógica AND ou OR.
11. Na seção Então, clique no menu suspenso para selecionar ações no formulário. Você pode escolher entre as seguintes opções:

• • Mostrar um campo: se as respostas do usuário corresponderem aos critérios definidos em suas regras, mostre um campo específico.
  • Ocultar um campo: se as respostas do usuário corresponderem aos critérios definidos em suas regras, mostre um campo específico.
  • Pular para a etapa: se as respostas do usuário corresponderem aos critérios definidos em suas regras, pule para uma etapa específica. Para usar esta opção, o formulário deve ter pelo menos três etapas. Saiba mais sobre como adicionar etapas do formulário.
  • Redirecionar para: se as respostas do usuário corresponderem aos critérios definidos em suas regras, redirecione-o para uma página do HubSpot ou para um URL externo Os usuários de uma conta Sales hub Enterprise ou Service hub Enterprisepodem redirecionar formulários a um link de reunião em uma página de agendamento.

12. Dependendo da ação selecionada, preencha os campos obrigatórios.
13. Para aplicar a lógica condicional, clique em Salvar e ativar.

Gerenciar regras de lógica condicional

1. Na sua conta HubSpot, acesse Marketing > Formulários.
2. Crie um novo formulário ou passe o mouse sobre um formulário existente e clique em Editar.
3. Na parte superior esquerda, clique no workflows ícone de lógica.
4. Para adicionar outra regra, clique em Adicionar lógica.
5. Para editar uma regra, clique no menu suspenso Ações e selecione Editar.
6. Para excluir uma regra, clique no menu suspenso Ações e selecione Excluir.

Adicionar e editar etapas do formulário

Observação: este recurso só está disponível para Marketing hub, Sales hub ou Service hub starter , Professional e Professional.

Crie formulários de várias etapas para incentivar os usuários a preencherem vários segmentos em vez de um único formulário longo. Para adicionar uma etapa de formulário em um formulário de várias etapas:

1. Na sua conta da HubSpot, navegue até Marketing > Formulários.
2. Crie um novo formulário ou passe o mouse sobre um formulário existente e clique em Editar.
3. No painel direito, passe o mouse entre duas etapas existentes e clique no ícone + adicionar. Uma seção de nova etapa aparecerá. Em seguida, você pode configurar campos de formulário e elementos de formulário adicionais no painel etapa.

4. Para reorganizar a ordem de uma etapa, passe o mouse sobre ela. Em seguida, no canto superior esquerdo, clique e arraste Etapa [x] para reposicioná-la.
5. Para clonar uma etapa, passe o mouse sobre ela e clique no duplicate ícone Clonar. Você não pode clonar etapas que incluem campos de privacidade de dados, e-mail ou reCAPTCHA.
6. Para excluir uma etapa, passe o mouse sobre ela e clique no delete ícone Excluir.
7. Uma barra de progresso indica visualmente quanto do formulário um usuário preencheu, melhorando as taxas de conclusão do formulário. Para editar a barra de progresso:

• • Passe o mouse sobre a barra de progresso e clique no edit ícone de lápis.

• • No painel esquerdo, você pode editar a barra de progresso e ativá-la ou desativá-la:

• • • A barra de progresso é adicionada a todos os formulários por padrão. Para desativar a barra de progresso, desative opção Barra de progresso. Isso removerá a barra de progresso de todas as etapas do formulário.
    • Na seção Formatar, escolha como você quer que o texto apareça na barra de progresso. Você pode selecionar entre as seguintes opções: Mostrar porcentagem de conclusão, Mostrar número de etapas, ou Não mostrar texto.

Editar o layout da etapa e o plano de fundo do banner

Escolha entre layouts de etapas predefinidos usando o botão rápido de layout e personalize o plano de fundo do banner do seu formulário.

1. Na sua conta HubSpot, acesse Marketing > Formulários.
2. Crie um novo formulário ou passe o mouse sobre um formulário existente e clique em Editar.
3. Passe o mouse sobre a etapa do formulário e clique no edit ícone de lápis no canto superior direito.
4. No painel esquerdo, clique na guia Estilo e selecione um layout de etapa.
5. Para remover o layout, clique em Remover layout no canto superior direito.

6. Clique em Plano de fundo do banner para expandir a seção:

• • Ative a opção Cor do plano de fundo para personalizar o plano de fundo do banner do formulário.

• • Selecione uma cor e opacidade.
  • Clique no menu suspenso Gradiente para adicionar um gradiente.
  • Use uma imagem para o plano de fundo do banner. Você pode carregar uma imagem dos seusarquivos do HubSpot, procurar imagens no disco rígido do computador ou usar Assistentes de IA para gerar imagens.

Estilizar seu formulário

Personalize o texto, os campos de entrada, o botão e o plano de fundo do formulário e das etapas do formulário. Opções de estilo configuradas no Estilo global serão aplicadas a todas as etapas do formulário. Você não pode estilizar etapas individuais do formulário separadamente.

Observação: não é possível definir seu formulário como HTML bruto no editor atualizado. Somente formulários criados usando o editor herdado podem ser definidos como HTML bruto.

Para estilizar seu formulário:

1. Na sua conta HubSpot, acesse Marketing > Formulários.
2. Crie um novo formulário ou passe o mouse sobre um formulário existente e clique em Editar.
3. No lado esquerdo, clique no ícone de Estilo.

4. Ao personalizar seu Texto, Campos de entrada ou Botão, você pode escolher entre os estilos existentes usando a opção Estilos de entrada de campo rápida. Como alternativa, você pode personalizar manualmente o estilo de cada componente do seu formulário:
   • Campos: personalize o campo, incluindo plano de fundo e bordas. Você também pode personalizar a fonte, o tamanho da fonte e as cores dos seus rótulos, bem como as cores do texto de ajuda, espaços reservados e texto de erro.
   • Botões: personalize a altura, o arredondamento dos cantos, o plano de fundo, o gradiente e adicione uma sombra projetada ao botão. Você também pode personalizar a fonte, o tamanho da fonte e a cor do texto do botão.
   • Parágrafo (Rich text): personalize a fonte, o tamanho da fonte e a cor do texto do corpo.
   • Cabeçalho: personalize a fonte e a cor do texto do cabeçalho. Você pode optar por adicionar uma sombra projetada ao texto do cabeçalho.
   • Plano de fundo: personalize o plano de fundo do seu formulário e das etapas do formulário. Você pode optar por definir uma cor ou usar uma imagem de fundo. Você pode usar Assistentes de IA para gerar imagens. Você também pode optar por definir uma borda para o seu formulário.
   • Barra de progresso: personalize a barra de progresso no seu formulário, incluindo a cor da linha de progresso e a fonte da barra de progresso.

Automatizar seu formulário

Ative recursos de automação simples, como o envio de um e-mail de acompanhamento para um contato ou o envio de notificações internas automáticas para outros usuários do HubSpot. Você também pode utilizar o envio de formulário como um gatilho em um fluxo de trabalho simples.

1. Na sua conta HubSpot, acesse Marketing > Formulários.
2. Criar um novo formulário ou passe o mouse sobre um formulário existente e clique em Editar.
3. No painel esquerdo, clique na guiasettis automati workflows ícone de automação.

4. Na janela Automatizar o que acontece depois que um formulário é enviado seção:

   • Para disparar automaticamente um e-mail de acompanhamento após cada envio de formulário, em Enviar um e-mail de acompanhamento após o envio do formulário, clique em Criar este fluxo de trabalho.
   • Para criar seu próprio fluxo de trabalho a partir de um modelo em branco, em Crie seu próprio fluxo de trabalho simples, clique Criar novo fluxo de trabalho. No painel deslizante à direita, em Disparar a(s) ação(ões) quando selecione a opção Um contato enviou um formulário.
5. Para adicionar outras ações de fluxo de trabalho, clique no ícone + mais.
6. Para ativar um fluxo de trabalho, ao lado do nome do fluxo de trabalho, clique para ativar a opção. Em seguida, clique em Entendi. Depois de publicar o fluxo de trabalho simples, todas as alterações feitas nele serão automaticamente aplicadas aos contatos inscritos no momento.
7. Se você optou pela beta Notificações para automações de formulário, poderá notificar os usuários quando a automação precisar de revisão e quando a taxa de inscrevo for alterada:
   • Para receber notificações se houver erros no fluxo de trabalho que exijam sua atenção, alterne a opção Receber notificações quando essa automação precisar de ativação de revisão .

• • Para receber notificações quando a inscreve flutuar, ative ou desative a opção Obter notificação se a inscreve mudar . Em seguida, escolha entre as seguintes opções:

• • • Usar Breeze intelligence : ative esta opção para detectar automaticamente quaisquer alterações na taxa de inscrevo com base nos dados dos últimos 30 dias.
    • Usar um intervalo manual: ative esta opção para definir manualmente um limite de taxa fixa que irá gatilho notificações quando excedido.
      
      
  • Na seção Destinatários de notificações , clique nos menus suspensos Usuários e GerenciarEquipes e selecione os destinatários para os quais enviar as notificações. Somente os usuários que ativaram notificações de HubSpot para pelo menos um canal poderão receber essas notificações.

Saiba mais sobre como usar automação com formulários.

Personalizar configurações de formulário

Defina as configurações do formulário, incluindo o que acontece com o contato correspondente depois que um formulário é enviado, as configurações de notificação do usuário e o idioma padrão do formulário. Você pode definir o status de marketing do contato, a fase do ciclo de vida e muito mais. Algumas opções podem não ser exibidas, dependendo da sua assinatura do HubSpot.

1. Na sua conta HubSpot, acesse Marketing > Formulários.
2. Criar um novo formulário ou passe o mouse sobre um formulário existente e clique em Editar.
3. No painel esquerdo, clique no settings ícone de configurações.
4. Na guia Geral, defina as seguintes configurações gerais do formulário:
   
   • Crie automaticamente novos contatos de endereços de e-mail desconhecidos: selecione esta opção para criar um novo registro de contato para envios com endereços de e-mail exclusivos. Se o endereço de e-mail enviado corresponder a um registro de contato existente no seu banco de dados, os detalhes no registro existente serão atualizados.
     • Se essa opção estiver desativada, o HubSpot tentará primeiro associar o envio a um contato existente usando o endereço de e-mail enviado. Se não existir nenhum contato no endereço de e-mail, a HubSpot reconhecerá e atualizará seus contatos com base nos cookies em seus navegadores. Isso pode resultar na substituição dos contatos se o mesmo formulário for enviado várias vezes do mesmo dispositivo.
       
     • Caso essa opção esteja ativada, quando um contato enviar o formulário usando um e-mail diferente em um navegador onde já exista um cookie, as visualizações desse contato não serão rastreadas. A opção Preencher previamente os campos de contato com valores conhecidos também será desativada automaticamente.
   • Definir novos contatos como contatos de marketing: se sua conta HubSpot tiver acesso a contatos de marketing, você poderá definir automaticamente quaisquer contatos que tenham enviado este formulário como marketing. Isso inclui contatos novos e existentes.
   • Preencha previamente os campos para retorno de visitantes: se um contato já visitou seu site e enviou um formulário e a HubSpot conseguiu armazenar e rastrear seus cookies, qualquer valor de campo conhecido pode ser preenchido previamente no formulário. Esta opção está ativada por padrão. Saiba mais sobre campos de formulário preenchidos previamente.

1. • Encurtamento de formulários: se você tiver Créditos HubSpot, poderá otimizar seus formulários ocultando automaticamente quaisquer campos de formulário que possam ser preenchidos pelo Enriquecimento de Dados. Saiba mais sobre o encurtamento de formulários
   • Adicionar à campanha de marketing: se você tiver uma assinatura de Profissional do Marketing hub ou de Empreendedorismo , poderá associar o formulário a uma campanha:
     • Para associar o formulário a uma campanha existente, clique no menu suspenso Campanha e selecione uma campanha.
     • Para associar seu formulário a uma nova campanha, clique no menu suspenso Campanha e clique em Criar campanha. Em seguida, continue a configurar sua campanha.

1. • No envio, atualize o contato e a fase do ciclo de vida da empresa: clique no menu suspenso Definir fase do ciclo de vida como e selecione uma fase do ciclo de vida. Quando os visitantes enviam o formulário, quaisquer registros novos ou existentes serão definidos para a fase do ciclo de vida selecionada.
     • Não é possível retroceder as fases 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.
     • O estágio do ciclo de vida definido em um formulário substituirá o estágio do ciclo de vida padrão configurado nas configurações do HubSpot.

5. Para personalizar as configurações de envio, no painel esquerdo, clique na guia Configurações de envio. Personalize as seguintes configurações de envio de formulário:
   • Enviar para proprietário do contato: envia automaticamente uma notificação ao proprietário do contato. Se um contato não tiver um proprietário, não serão enviadas notificações. Saiba mais sobre a propriedade de objeto no HubSpot.
   • Enviar para outros usuários: selecione as equipes ou indivíduos padrão para os quais enviar notificações de envio, independentemente da propriedade do contato. Os destinatários definidos aqui serão substituídos pelos destinatários definidos nas opções do formulário nas páginas da HubSpot.

   • Domínios de e-mail adicionais a serem bloqueados: insira domínios de e-mail específicos a serem bloqueados no envio de formulário. Por exemplo, se quiser bloquear envios de email@domain.com, você pode adicionar domain.com. Para bloquear envios de todos os provedores de e-mail gratuitos, clique para ativar a opção Bloquear provedores de e-mail gratuitos.

6. Para personalizar as configurações de idioma do formulário, clique na guia Região e Idioma. Clique no menu suspenso Idioma principal e, em seguida, selecione um idioma padrão para o seu formulário. Mensagens de erro, rótulos de propriedades padrão, texto de ajuda, texto de espaço reservado e valores padrão serão traduzidos para esse idioma.
7. Para criar uma tradução de IA do seu formulário (somente Marketing Hub ou Content Hub Professional e Enterprise):
   • Ative a opção Traduções de IA habilitadas para todo o conteúdo do formulário.
   • No menu suspenso Idioma primário, selecione o idioma para o qual você deseja traduzir o formulário. Mensagens de erro, rótulos de propriedades padrão, texto de ajuda, texto de espaço reservado, valores padrão, rótulos personalizados, rich text e texto de consentimento serão traduzidos automaticamente para esse idioma.
   • Se você atualizou seu formulário desde a tradução anterior, clique em Traduzir novamente agora para atualizar a tradução.

Gerenciar validação ao vivo em campos de formulário

1. Na sua conta HubSpot, clique no ícone de configurações settings icon na barra de navegação superior.

2. No menu da barra lateral esquerda, navegue até Marketing > Formulários.

3. Clique na guia Configurações de envio.
4. Ative ou desative a opção Habilitar a validação em tempo real dos campos do formulário.
5. Na parte inferior esquerda, clique em Salvar.

Usar um formulário

1. Na sua conta HubSpot, acesse Marketing > Formulários.
2. Crie um novo formulário ou passe o mouse sobre um formulário existente e clique em Editar.
3. No canto superior direito, clique em Revisar e atualizar para publicar as atualizações do formulário.
4. Para compartilhar seu formulário, incorpore-o em uma página do HubSpot ou em um site externo; no canto superior direito, clique em Compartilhar e selecione uma das seguintes opções:
   • Incorporar com HubSpot: incorpore seu formulário em uma página do site do HubSpot CMS, landing page ou com CTAs do HubSpot.
   • Obter código de incorporação: use uma incorporação para adicionar seu formulário a uma página hospedada externamente. Para rastrear análises para seu formulário em uma página externa, seu código de rastreamento HubSpot deve estar instalado na página. Saiba mais sobre como adicionar um formulário do HubSpot a um site externo.
     • Na parte inferior da página, clique em Copiar.
     • Cole o código de inserção no módulo HTML da página.
   • Copiar um link de compartilhamento: use um URL para compartilhar o formulário como uma página independente.

1. 1. • Clique em Copiar para copiar o URL da página de formulário para a área de transferência.
      • No seu navegador, abra uma nova janela ou guia e cole o URL da página do formulário na barra de endereço para carregá-lo. Você também pode compartilhar o URL da página de formulário diretamente com outras pessoas para fornecer acesso ao formulário.