Forms

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

Ultima atualização: Outubro 19, 2020

Disponível para

Marketing Hub  Professional, Enterprise
CMS Hub  Professional, Enterprise
Marketing Hub Basic (versão anterior)

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.

  • 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.
form-editor-options
    • 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.

move-form-fields
  • 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
  • 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.
Observação: formulários que aparecem nas páginas do HubSpot só podem ser personalizados em uma base página por página. Formulários incorporados em páginas externas ou páginas de formulário independentes devem ser estilizados no editor de formulários ou estilizados com CSS em sua folha de estilos externa.
  • Na parte superior, use as guias para selecionar o elemento do formulário que você deseja estilizar.
edit-form-style
  • 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.