Criar e editar formulários

Crie e use formulários com o editor de formulários para coletar informações sobre os visitantes e armazená-las 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 seu formulário, você pode adicioná-lo às suas páginas usando o módulo de formulário do HubSpot, a um site externo usando o código de incorporação de formulário ou compartilhá-lo como uma página independente por meio de um link de compartilhamento.

Criar um novo formulário

Para criar um novo formulário:

• Na sua conta HubSpot, acesse Marketing > Formulários.
• No canto superior direito, clique em Criar formulário.

Observação: você somente pode associar um formulário a uma Unidade de negócios ao criar o formulário. Saiba mais sobre como associar um formulário a uma Unidade de negócios.

• Selecione o Editor de formulários.

• No canto superior direito, clique em Avançar.
• Selecione um modelo predefinido, ou para criar o seu próprio modelo, selecione Começar do zero.
• Na parte superior, clique no edit ícone de lápis para editar o nome do formulário. 

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:

• Na sua conta da HubSpot, navegue até Marketing > Formulários.
• Crie um novo formulário ou passe o mouse sobre um formulário existente e clique em Editar.
• Na parte superior esquerda, clique no ícone + adicionar.
• No painel esquerdo, clique e arraste o tipo de campo na visualização do formulário à direita para incluí-lo em seu formulário. Os campos podem ser colocados acima, abaixo ou próximos de outros campos. 
• Ao adicionar um campo de Número de telefone, o código do país selecionado no menu suspenso será definido como o padrão para esse campo.
• 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. 

• 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. 
• 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.

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

• • No painel direito, configure o campo do formulário.
  • Revise as regras da 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 sua nova propriedade, ela será associada automaticamente ao campo do formulário. Saiba como gerenciar suas propriedades.
• 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. 

• 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 podem variar dependendo do tipo de propriedade do campo. Saiba mais sobre as opções adicionais de personalização de campo disponíveis.
    
    • 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. 

Adicionar mais elementos de 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. 

• Na sua conta HubSpot, acesse Marketing > Formulários.
• Crie um novo formulário ou passe o mouse sobre um formulário existente e clique em Editar.
• Na parte superior esquerda, clique no ícone + adicionar.
• No painel esquerdo, clique em Outro.
• Clique e arraste os elementos na visualização à 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é 30 regras, com 10 condições por regra.

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

• Na sua conta HubSpot, acesse Marketing > Formulários.
• Crie um novo formulário ou passe o mouse sobre um formulário existente e clique em Editar.
• Na parte superior esquerda, clique no workflows ícone de lógica.
• No painel esquerdo, clique em Adicionar lógica.
• 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 somente se aplicará a registros com o valor Dublin.
  
• Para excluir um filtro, clique no deletee ícone Excluir. 
• Para clonar um filtro, clique no duplicate ícone Clonar. 
• Para adicionar mais filtros à regra, clique em add Adicionar filtro a este grupo.
• Para adicionar mais um grupo à regra, clique em add Adicionar grupo. 
• 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 E ou OU. 

• 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 Usuários em uma conta Sales Hub Enterprise ou Service Hub Enterprise podem redirecionar formulários para um link de reunião em uma página de agendamento.

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

Gerenciar regras de lógica condicional

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

Adicionar e editar etapas do formulário 

Observação: esse recurso está disponível apenas para Marketing Hub, Sales Hub ou Service Hub Starter, Professional e Enterprise ou Content Hub Enterprise.

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:

• Na sua conta da HubSpot, navegue até Marketing > Formulários.
• Crie um novo formulário ou passe o mouse sobre um formulário existente e clique em Editar.
• 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 e elementos de formulário adicionais no painel da etapa. 
   

• 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. 
• 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.
• Para excluir uma etapa, passe o mouse sobre ela e clique no delete ícone Excluir. 
• Uma barra de progresso indica visualmente quanto do formulário um usuário preencheu, melhorando as taxas de conclusão. 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. 

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

• 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 antigo podem ser definidos como HTML bruto. 

Para estilizar seu formulário: 

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

• 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. 

• Na sua conta HubSpot, acesse Marketing > Formulários.
• Crie um novo formulário ou passe o mouse sobre um formulário existente e clique em Editar.
• No painel esquerdo, clique no settis automati workflows ícone de automação.

• Para criar um fluxo de trabalho simples: 

  • Na seção Automatizar o que acontece após o envio de um formulário:
    • 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 direito, em Disparar a(s) ação(ões) quando, selecione a opção Um contato envia um formulário. 
• Para adicionar outras ações de fluxo de trabalho, clique no ícone +. 
  
  
• Para ativar um fluxo de trabalho, ao lado do nome do fluxo de trabalho, clique para ativar o botão. Em seguida, clique em Entendi. Depois de publicar seu fluxo de trabalho simples, quaisquer alterações feitas nele serão aplicadas automaticamente aos contatos atualmente inscritos. 

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

Personalizar as configurações do 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. 

• Na sua conta HubSpot, acesse Marketing > Formulários.
• Crie um novo formulário ou passe o mouse sobre um formulário existente e clique em Editar.
• No painel esquerdo, clique no settings ícone de configurações.
• 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 com o endereço de e-mail enviado. Se não existir nenhum contato nesse endereço de e-mail, o HubSpot reconhecerá e atualizará seus contatos com base nos cookies em seus navegadores. Se o mesmo formulário for enviado várias vezes no mesmo dispositivo, isso pode resultar na substituição dos contatos.
    • 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 contatos criados como contatos de marketing: se sua conta da HubSpot tiver acesso a contatos de marketing, você poderá definir automaticamente quaisquer contatos que enviaram este formulário como marketing. Isso inclui contatos novos e existentes.
  • Preencher previamente os campos do formulário para visitantes que retornam: se um contato já tiver visitado seu site e enviado um formulário, e o HubSpot foi capaz de armazenar e rastrear seus cookies, qualquer valor de campo conhecido poderá ser preenchido previamente no formulário. Esta opção está ativada por padrão. Saiba mais sobre os campos de formulário preenchidos previamente. 
    
  • Encurtamento de formulários: se você tiver comprado créditos do Breeze Intelligence, poderá otimizar seus formulários ocultando automaticamente qualquer campo de formulário que possa ser preenchido pelo Enriquecimento de dados. Saiba mais sobre o encurtamento de formulários. 
  • Adicionar à campanha de marketing: se você tiver uma assinatura do Marketing Hub Professional ou Enterprise, 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 o formulário a uma nova campanha, clique no menu suspenso Campanha e em Criar campanha. Em seguida, continue a configurar a sua campanha.

• • 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. 
    • 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.

• 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 objetos 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. 

• 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.
• 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 principal, 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

Se você tiver definido regras de validação para uma propriedade, essas regras serão aplicadas aos campos do formulário e os visitantes deverão atender a esses requisitos para enviar o formulário. A validação em tempo real dos campos do formulário fornece aos visitantes feedback imediato sobre suas entradas, facilitando a correção de erros e o preenchimento preciso dos formulários.

Por exemplo, se você definiu uma regra de validação para que a propriedade Número do pedido contenha apenas valores numéricos, os visitantes receberão feedback para corrigir quaisquer entradas não numéricas.

Por padrão, a validação em tempo real em formulários está ativada. Para gerenciar a validação em tempo real em campos de formulário: 

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

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

• Clique na guia Configurações de envio. 
• Ative ou desative a opção Habilitar a validação em tempo real dos campos do formulário.
• No canto inferior esquerdo, clique em Salvar.

Usar um formulário

Depois de criar um novo formulário ou fazer atualizações em um formulário existente, você precisará atualizá-lo para que as alterações sejam aplicadas. Em seguida, adicione-o ao conteúdo do HubSpot, use o código de inserção de formulário para adicioná-lo a uma página externa ou compartilhe-o como uma página autônoma com um link de compartilhamento. 

• Na sua conta da HubSpot, navegue até Marketing > Formulários.
• Crie um novo formulário ou passe o mouse sobre um formulário existente e clique em Editar.
• No canto superior direito, clique em Revisar e atualizar para publicar as atualizações do formulário.
• 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 do seu formulário em uma página externa, seu código de rastreamento da HubSpot deve ser 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 incorporação no módulo HTML da sua página.
  • Copiar um link de compartilhamento: use um URL para compartilhar o formulário como uma página independente. 

• • • Clique em Copiar para copiar o URL da página do 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.