Configure e estilo formulários nas páginas do HubSpot

Depois de criar um formulário no HubSpot, você poderá adicioná-lo a qualquer módulo de formulário em uma página do HubSpot. Em uma base página por página, você também pode configurar ações de acompanhamento e personalizar o estilo de elementos do formulário, incluindo o botão enviar e campos de formulário.

Observação: configurações e alterações de estilo se aplicam apenas ao módulo de formulário na página selecionada e não afetarão seu formulário em outras páginas.

Defina seus formulários

• Na sua conta da HubSpot, acesse suas páginas de destino ou páginas do site.
• Passe o mouse sobre uma página existente com um módulo de formulário e clique em Editar ou crie uma nova página.
• No editor de landing page, clique no módulo formulário.
• Na guia Opções no painel esquerdo, personalize as configurações do formulário para esta página:
  • Título do formulário: insira um nome para o formulário nesta página.
  • Formulário: clique no menu suspenso para selecionar o formulário que aparecerá no módulo nesta página. Clique no menu suspenso Ações para criar um novo formulário, clonar um formulário, visualizar outras páginas usando este formulário ou navegar para o editor de formulários. Saiba mais sobre configuração de formulários.

• Navegue até a seção Conteúdo do formulário para editar os campos do formulário, os textos dos botões e as configurações de GDPR do seu formulário.
  • Campos de formulário: Arraste e solte os campos para editar a ordem em que eles serão exibidos. Para adicionar campos de formulário, clique em Adicionar outro campo de formulário, clique no menu suspenso Escolha uma propriedade e use a barra de pesquisa para pesquisar um campo. 

Observação: não é possível arrastar e soltar campos de formulário no editor integrado para campos em formulários de várias colunas ou que fazem parte de um módulo personalizado.

• • Texto do botão: insira o texto para exibir no botão em seu formulário.
  • Opções de GDPR: no menu suspenso, selecione as informações de notificação e consentimento para exibir em seu formulário.
  • Captcha (prevenção de SPAM): clique para ativar o botão Captcha (prevenção de SPAM) e exibir o reCAPTCHA invisível do Google.
• Navegue até a seção Obrigado para configurar o que acontece quando um visitante envia o seu formulário.
  • O que um visitante verá depois de enviar seu formulário: personalize a experiência do visitante quando ele enviar seu formulário nesta página. Se você selecionar Redirecionar para outra página, clique no menu suspenso Redirecionar link para selecionar uma página de agradecimento do HubSpot ou inserir uma URL. Se você selecionar Exibir uma mensagem inline de agradecimento, insira uma mensagem de agradecimento na caixa de texto.
    
• Na seção Opções de formulário, clique para ativar Sempre criar um novo contato para um endereço de e-mail para criar um novo registro de contato para cada envio de formulário com um endereço de e-mail, mesmo que ele já exista na sua conta da HubSpot.
• Configure suas notificações de envio de formulário e e-mails de acompanhamento.
  • Enviar notificações de formulário para endereços de e-mail especificados em vez dos padrões de formulário: por padrão, as notificações de envio de formulário serão enviadas para quaisquer destinatários adicionados nas opções do formulário. Para sobrescrever os destinatários padrão do formulário e selecionar os destinatários da notificação para envios nessa página, clique para ligar o Enviar notificações para os endereços de e-mail especificados, em vez da opção padrão. Quando a configuração estiver ativada, clique no menu suspenso Endereços de e-mail para selecionar os destinatários.
  • Adicionar ao fluxo de trabalho: clique para alternar a opção Adicionar ao fluxo de trabalho para inscrever automaticamente os contatos em um fluxo de trabalho específico quando eles enviarem o formulário selecionado nessa página. Quando a configuração estiver ativada, clique no menu suspenso Fluxo de trabalho para selecionar um fluxo de trabalho para inscrição, ou clique em Criar novo para criar um novo fluxo de trabalho.
  • Enviar um e-mail de acompanhamento: clique para ativar a opção Enviar um e-mail de acompanhamento para enviar automaticamente um e-mail de acompanhamento aos contatos quando eles enviarem o formulário selecionado nesta página. Quando a configuração estiver ativada, clique no menu suspenso E-mail para selecionar um e-mail de acompanhamento. Para fazer alterações no e-mail selecionado, clique em Editar ou em Criar novo para criar um novo e-mail.
  • Campanha do Salesforce: se você tiver a integração do Salesforceativada, poderá associar um formulário a uma campanha ativa do Salesforce clicando no menu suspenso e selecionando uma campanha. Saiba mais sobre associar formulários a campanhas do Salesforce.

• Clique em Aplicar alterações.

Formate o estilo dos formulários nas páginas do HubSpot

Para personalizar o estilo de seu formulário geral ou fazer alterações de estilo específicas no botão de envio ou nos campos de formulário, na parte superior do painel esquerdo, clique na guia Estilo.

• Na parte superior, use as guias para selecionar o elemento do formulário que você deseja estilizar.

• Personalize o elemento selecionado do formulário usando as opções de texto e alinhamento abaixo.
• Clique em Aplicar alterações para salvar suas alterações no módulo.
• Clique emPublicarou Atualizar para ativar suas alterações.