Crie e edite formulários usando o novo editor de formulários (BETA)

Crie e use formulários com o novo editor de formulários para coletar informações sobre seus visitantes e armazená-las no seu HubSpot CRM. Ao usar o novo editor de formulários, você pode criar formulários de várias etapas. Em seguida, estilize seu formulário para refletir a identidade e a marca de sua empresa.

Depois de criar seu formulário, você pode adicioná-lo às suas páginas do HubSpot usando o módulo de formulário do HubSpot, um site externo que usa o código de incorporação do formulário, ou compartilhe-o como uma página independente com um compartilhar link.

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.
• Para associar o formulário a um unidade de negócio, Clique no Selecione uma unidade de negócios menu suspenso e selecione o unidade de negócio você deseja associar este formulário. 
• Selecione seu Novo editor de formulário.
• No canto superior direito, clique em Avançar.
• Na parte superior, clique em edit ícone de lápis para editar o nome do formulário. Você deve publicar o formulário para atualizar 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, acesse Marketing > Captura de leads > Formulários.
• Crie um novo formulário ou passe o mouse sobre um formulário existente e clique 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í-los em seu formulário. Os campos podem ser colocados acima, abaixo ou próximos a outros campos. 
• No painel direito, clique e insira o Legenda do campo. Ao inserir o rótulo do campo, aparecerá uma lista de propriedades semelhantes existentes. 
  • No Conectar campo a uma propriedade caixa de diálogo, clique em uma sugestão propriedade.  
  • Para conectar seu campo de formulário a uma propriedade diferente, clique em Pesquisar propriedades.  

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

• Para criar uma nova propriedade e usá-lo como uma propriedade conectada com um campo em seu formulário, clique em Crie um novo.
  • Selecione o Tipo de campo de formulário. 
  • No painel direito, configure seu campo de formulário.
  • Revise as regras da sua propriedade e clique em Criar. Por padrão, a opção de Mostrar em formulários, formulários pop-up e bots será selecionado. Após criar sua nova propriedade, ela será automaticamente associada ao campo do formulário. Aprender como gerenciar suas propriedades.

• 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 o Opções de campo seção. As opções aqui podem variar dependendo do tipo de propriedade do campo, saiba mais sobre o 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 passará 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 envio do formulário. Se um campo de formulário for obrigatório, ele não poderá ser definido como oculto. 

Adicione elementos adicionais ao formulário

Adicionar adicional Texto e mídia ou segurança e privacidade para o seu formulário. Semelhante aos campos de formulário, esses elementos podem ser colocados acima, abaixo ou próximos a outros campos. Enquanto estiver em beta, certos elementos podem não estar disponíveis para uso. 

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

Adicionar lógica condicional aos formulários (Centro de conteúdo ou Centro de Marketing Profissional e Empresa apenas)

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 Editar. 
• No canto superior esquerdo, clique no githubBranch ícone lógico.
• No painel esquerdo, clique em Adicionar lógica.
• No lógica seção, configure suas regras de lógica condicional. Por exemplo, se você filtrar por Cidade e selecione qualquer um dos Dublin a regra de lógica condicional só se aplicará a registros com o valor Dublin.
  
• Para excluir um filtro, clique no botão deletee excluir ícone.  
• Para clonar um filtro, clique no botão duplicate ícone de clonagem.  
• Para adicionar filtros adicionais à regra, clique em add Adicionar filtro a este grupo.
• Para adicionar um grupo adicional à regra, clique em add Adicionar grupo. 
• Se você adicionou vários filtros ou grupos à regra, clique no botão E OU menu suspenso entre os filtros e grupos a serem aplicados E ou OU lógica: 
  • UMD: todos os filtros na regra devem ser verdadeiros para que a regra seja acionada. 
  • OU: apenas um filtro no grupo deve ser verdadeiro para que a regra seja acionada. Saiba mais sobre a lógica AND ou OR.  

• No Então seção, clique no menu suspenso para selecionar ações no formulário. Você pode escolher entre o seguinte:
  • 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. Saber mais sobre como adicionar etapas ao 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 uma URL externa. Usuários em um Centro de vendas Empresa ou Centro de serviços Empresa a conta pode 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 Salve e ative. 

Gerenciar regras lógicas condicionais

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

Adicionar e editar etapas do formulário 

Observe: esse recurso está disponível apenas para Centro de Marketing, Centro de vendas, ou Centro de serviços Iniciante, Profissional e Empresa ou Centro de conteúdo Empresa.

Crie formulários de várias etapas para incentivar os usuários a preencher vários segmentos de formulário 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, acesse Marketing > Captura de leads > Formulários.
• Crie um novo formulário ou passe o mouse sobre um formulário existente e clique Editar. 
• No painel direito, passe o mouse entre duas etapas existentes e clique no botão + adicionar ícone. Uma nova seção de etapas aparecerá. Em seguida, você pode configurar campos de formulário e elementos adicionais de formulário no painel de etapas. 
   

• Para reorganizar a ordem de uma etapa, passe o mouse sobre a etapa. Em seguida, no canto superior esquerdo da etapa, clique e arraste Etapa [x] para reposicioná-lo. 
• Para clonar uma etapa, passe o mouse sobre ela e clique no duplicate ícone de clone. 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 botão delete excluir ícone.  
• Uma barra de progresso indica visualmente o quanto do formulário um usuário concluiu, 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 em edit lápis ícone. 

• • 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, alterne a Barra de progresso desligar. Isso removerá a barra de progresso de todos etapas do formulário.
    • No Formatar seção, 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.  

Edite o layout da etapa e o banner de fundo 

Escolha entre layouts de etapas predefinidos usando o alternador rápido de layout e personalize o banner de fundo 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 Editar. 
• Passe o mouse sobre a etapa do formulário e clique no botão edit ícone de lápis no canto superior direito. 
• No painel esquerdo, selecione um layout de etapas.  
• Para remover o layout, clique em Remover layout no canto superior direito. 

• Clique Fundo da faixa para expandir a seção:
  
  • Alterne o Cor de fundo ative para personalizar o banner de fundo do seu formulário.

• • Selecione uma cor e opacidade.
  • Clique no Gradiente menu suspenso para adicionar um gradiente.
  • Use uma imagem para o fundo do banner. Você pode fazer upload de uma imagem do seu Arquivos HubSpot, navegue pelas imagens do disco rígido do seu computador ou use Assistentes de IA para gerar imagens. 

Estilize 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á aplicada a todas as etapas do formulário. Você não pode estilizar etapas individuais do formulário separadamente. 

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 Editar. 
• No canto superior esquerdo, clique em ícone de estilo.

• Ao personalizar seu Texto, Campos de entrada, ou Botão, você pode escolher entre estilos existentes usando o Estilos de entrada rápida de campo. Alternativamente, você pode personalizar manualmente o estilo de cada componente do seu formulário:
  • Texto: personalize a fonte, o tamanho da fonte e a cor do cabeçalho e do corpo do texto. Você pode optar por adicionar sombra ao texto do cabeçalho ou destacar o texto do corpo. 

• • Campos de entrada: 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ão: personalize a altura do botão, 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. 
  • Fundo: personalize o plano de fundo do seu formulário e das etapas do formulário. Você pode optar por definir uma cor de fundo 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.

Personalizar as configurações do formulário

Configure 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, o estágio 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 Editar. 
• No painel esquerdo, clique no settings ícone de configurações.
• No Em geral guia, configure as seguintes configurações gerais do formulário:
  
  • Sempre crie contato de endereço de e-mail desconhecido: selecione esta opção para criar um novo registro de contato para cada envio com um endereço de e-mail exclusivo. 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, a HubSpot reconhecerá e atualize 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 HubSpot tiver acesso a contatos de marketing, você pode definir automaticamente qualquer contato que tenha enviado este formulário como marketing. Isso inclui contatos novos e existentes.
  • Preencha previamente os campos para visitantes recorrentes: se um contato visitou seu site anteriormente e enviou um formulário, e o HubSpot conseguiu armazenar e rastrear seus cookies, quaisquer valores de campo conhecidos podem ser pré-preenchidos no formulário. Essa opção é ativada por padrão, aprender mais sobre campos de formulário pré-preenchidos.
    
  • Adicionar à campanha de marketing: se você tem um Centro de Marketing Profissional ou Empresa assinatura, você pode associar o formulário a uma campanha:
    • Para associar seu formulário a uma campanha existente, clique em Campanha menu suspenso e selecione um campanha.
    • Para associar seu formulário a uma nova campanha, clique em Campanha menu suspenso e clique Criar campanha. Então, continue configurando sua campanha.

• • No envio, atualize o contato e o estágio do ciclo de vida da empresa: clique no Defina o estado do ciclo de vida como menu suspenso e selecione um estágio do ciclo de vida. CQuando os visitantes enviarem o formulário, quaisquer registros novos ou existentes serão definidos para o estágio do ciclo de vida selecionado. 
    • 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. 
    • 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.

• Para personalizar as configurações de envio, no painel esquerdo, clique em Configurações de envio aba. Personalize as seguintes configurações de envio de formulário: 

  • Notificações por e-mail do visitante: selecione os Enviar notificações por e-mail de envio ao proprietário do contato caixa de seleção para enviar 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. Aprender mais sobre propriedade de objeto no HubSpot.  

  • Notificações por e-mail de envio: Clique no Enviar notificações por e-mail de envio para menu suspenso para selecionar as equipes ou indivíduos padrão para os quais enviar notificações por e-mail 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.

• Para personalizar as configurações de idioma do seu formulário, clique no Idioma e Região aba. Clique no Língua primária menu suspenso e, em seguida, selecione um padrão linguagem para o seu formulário. Mensagens de erro, rótulos para propriedades padrão, texto de ajuda, texto de espaço reservado e valores padrão serão traduzidos para este idioma.
• Para criar uma tradução de IA do seu formulário (Centro de Marketing ou Centro de conteúdo Profissional e Empresa apenas):
  • Alternar o Traduções de IA habilitadas para todo o conteúdo de formulário de IA ligar.
  • No Língua primária menu suspenso, Selecione o linguagem para o qual você deseja traduzir o formulário. Mensagens de erro, rótulos para 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 este idioma.
  • Se você atualizou seu formulário desde a tradução anterior, clique em Retraduzir agora para atualizar a tradução.

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

Se você tiver definir 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 ao vivo nos 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 o Número do pedido propriedade 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 ativar/desativar a validação ao vivo nos campos do 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 no Configurações de envio aba. 
• Alterne o Habilite a validação ao vivo dos campos do formulário ligar / desligar.
• No canto inferior esquerdo, clique em Salvar. 

Publique ou compartilhe seu formulário

Depois de criar um novo formulário ou fazer atualizações no formulário, publique-o para que as alterações sejam aplicadas. Então, adicione-o ao seu conteúdo HubSpot, usar o código de incorporação do formulário para adicioná-lo a uma página externa ou compartilhá-lo como uma página independente com um compartilhar link.  

• Na sua conta da HubSpot, acesse Marketing > Captura de leads > Formulários.
• Crie um novo formulário ou passe o mouse sobre um formulário existente e clique Editar. 
• No canto superior direito, clique em Publicar para publicar as atualizações do seu formulário.
• Para incorporar seu formulário em uma página do HubSpot, navegue até seu conteúdo e, em seguida, adicione o módulo de formulário e selecione o forma.
• Para compartilhar seu formulário ou incorporá-lo em um site externo, no canto superior direito, clique em Compartilhar, então selecione uma das seguintes opções:
  • Obtenha o código de incorporação: use uma incorporação para adicionar seu formulário em uma página hospedada externamente. Para rastrear análises do seu formulário em uma página externa, seu HubSpot código de rastreamento deve ser instalado na página. Aprender mais sobre adicionando um formulário HubSpot a um site externo.  
    • Na parte inferior da página, clique em cópia de.
    • Cole o código de incorporação no módulo HTML da sua página.
  • Copie um link de compartilhamento: use um URL para compartilhar o formulário como uma página independente. 

• • • Clique cópia de para copiar o URL da página do formulário para a área de transferência. 
    • No seu navegador, abra uma nova janela ou aba e cole seu 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 do formulário diretamente com outras pessoas para dar a elas acesso ao formulário.