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

Depois criando um formulário no HubSpot, você pode adicioná-lo a qualquer módulo de formulário em uma página do HubSpot. Em cada página, você também pode configurar o que acontece depois que o formulário é enviado e personalize o estilo dos elementos do seu formulário, como o botão de envio e os campos do formulário.

Antes de começar

Antes de configurar seus formulários em uma página HubSpot, observe o seguinte: 

• As alterações de configurações e estilo serão aplicadas apenas ao módulo de formulário na página selecionada. Quaisquer alterações de configuração e estilo feitas serão não afetar seu formulário em outras páginas.
• Atualizar o conteúdo do formulário, como campos de formulário, atualizará o formulário em todos outras páginas, incluindo quaisquer formulários incorporados ou páginas de formulário independentes. 

Defina seus formulários

• Acesse seu conteúdo:

  • Páginas do site: Na sua conta da HubSpot, acesse Conteúdo > Páginas do site.
  • Landing Pages: Na sua conta da HubSpot, acesse Conteúdo > Landing pages.

• Clique no nome da sua página.
• No editor de conteúdo, clique no formulário módulo. Se sua página não possui atualmente um módulo de formulário, saiba como adicionar módulos a uma página. 
• No Contente no painel esquerdo, personalize as configurações do formulário para esta página:
  • Título do formulário: introduzir um nome para o formulário.
  • Escolha um formulário : Selecione uma forma para esta página.
    • Para usar um formulário existente, clique no botão menu suspenso e selecione um forma. 
    • Para criar e usar um novo formulário, clique em Ações > Criar novo formulário. Aprender mais sobre configurando formulários
    • Para visualizar os envios para este formulário, clique em Ações > Ver envios de formulário.
    • Para clonar este formulário, clique em Ações > Clonar formulário.
    • Para revisar quaisquer outras páginas usando o formulário selecionado, clique em Ações > Páginas que usam este formulário.
    • Para editar o formulário no editor de formulários, clique em Ações > Vá para o editor de formulários completo . 
      
      

Personalize o conteúdo do seu formulário

Para editar os campos do formulário, o texto do botão e as opções de privacidade e consentimento de dados:

• Clique para expandir o Conteúdo do formulário seção.
• Configure o conteúdo do seu formulário: 
  • Campos do formulário: Clique e arraste Campos para editar o pedido exibido no formulário. Isso é não é possivel para arrastar e soltar campos de formulário com formulários de várias colunas ou quando fizer parte de um módulo personalizado. Para adicionar campos de formulário adicionais:
    • Clique + Adicione outro campo de formulário.
    • Clique no Escolha um imóvel menu suspenso e use o Barra de pesquisa para procurar um campo. 
    • Clique no propriedade para adicioná-lo como um campo de formulário. 

• • Botão de texto: digitar texto para exibir no botão enviar.
  • Opções de privacidade e consentimento de dados: no menu suspenso, selecione o informações de aviso e consentimento mostrar.
  • Captcha (prevenção de SPAM): clique para alternar o Captcha (prevenção de SPAM) ligue para exibir O reCAPTCHA invisível do Google.

Observe: atualizar o conteúdo do seu formulário atualizará o formulário em qualquer outras páginas onde o formulário é usado, incluindo quaisquer formulários incorporados ou páginas de formulário independentes.

Configure suas ações pós-envio 

Por padrão, os formulários adicionados às páginas do HubSpot exibirão um Obrigado por enviar o formulário mensagem embutida. O formulário irá não exibir a ação pós-envio configurada no editor de formulários.

No editor de páginas, você pode personalizar uma ação pós-envio diferente. Para configurar o que acontece após o envio de um formulário:

• Clique para expandir o Obrigado seção.
• No O que um visitante verá após enviar seu formulário seção, configure suas ações pós-envio: 
  • Redirecionar para outra página: redirecionar um visitante para outra página após o envio do formulário.
    • Clique Redirecionar para outra página.
    • Clique no Link de redirecionamento menu suspenso e selecione uma página existente do HubSpot ou digite um URL.
  • Exibir uma mensagem de agradecimento embutida: exibir uma mensagem depois que o visitante enviar o formulário. Você pode inserir um mensagem de agradecimento na caixa de texto.

Configure sua automação de formulário

Você pode gerenciar a automação de seus formulários, como criação de contatos e opções de e-mail de marketing, bem como quaisquer fluxos de trabalho associados aos seus formulários. Os gatilhos de inscrição estão sujeitos ao seguinte comportamento:

• Quando um fluxo de trabalho é adicionado nas configurações de automação do módulo de formulário, o gatilho de inscrição de envio de formulário correspondente será adicionado ao fluxo de trabalho.
• A remoção de um fluxo de trabalho das configurações de automação do módulo de formulário também o removerá dos gatilhos de inscrição do fluxo de trabalho.
• Se o gatilho de inscrição de formulário usado em um fluxo de trabalho não especificar uma página, o gatilho não poderá ser removido da página e deverá ser removido do fluxo de trabalho.

Para definir as configurações de automação do seu formulário, clique em Automação de formulário no painel esquerdo para expandir a seção e revise as seguintes opções de automação:

• Sempre crie um novo contato para o endereço de e-mail: criar um novo registro de contato sempre que um formulário for enviado com um novo endereço de e-mail, independentemente de qualquer combinando usertokens com contatos existentes a partir do envio do formulário. 
• Definir contatos criados como contatos de marketing: defina todos os contatos criados por meio deste formulário como contatos de marketing.
• Acompanhe com um e-mail: envie um e-mail de acompanhamento aos visitantes que enviaram o formulário. E-mails de acompanhamento só podem ser enviados para contatos de marketing. 
  • Para adicionar um e-mail de acompanhamento:
    • Clique Selecione um e-mail +.
    • Na caixa de diálogo, clique no Selecione um e-mail menu suspenso e selecione um e-mail automatizado existente ou clique Criar novo e-mail para crie um novo e-mail automatizado.
    • Clique em Salvar. O e-mail de acompanhamento selecionado será exibido no painel esquerdo. 
    • Depois de configurar seus e-mails de acompanhamento, no canto superior direito, clique em Publicar ou Atualizar para implementar essas mudanças. O e-mail de acompanhamento não será ativado até que as alterações sejam publicadas. 

• • Para alterar o e-mail de acompanhamento usado, passe o mouse sobre o e-mail e clique no botão ícone de lápis ao lado do e-mail. 
  • Para remover o e-mail de acompanhamento, passe o mouse sobre o e-mail e clique no botão Ícone X ao lado do e-mail. O e-mail não deve mais ser exibido. 
  • Se o formulário foi associado anteriormente a um e-mail de acompanhamento legado, um alerta será exibido Este formulário está usando um e-mail de acompanhamento legado. Embora os e-mails de acompanhamento legados não possam ser editados, se o e-mail tiver sido publicado anteriormente, ele poderá ser atualizado para um e-mail automatizado. Os e-mails automatizados atualizados podem então ser editados. 
    • Para atualizar um e-mail de acompanhamento legado publicado anteriormente para um e-mail automatizado que pode ser editado, clique em Atualizar e-mail. Então clique Atualizar. Se o e-mail não tiver sido publicado anteriormente, esta opção não será exibida. 

• • • Para remover um e-mail de acompanhamento legado publicado ou não publicado, clique em Remover. Então clique Remover. 

• Fluxos de trabalho conectados: quaisquer fluxos de trabalho e fluxos de trabalho simples que usam o formulário como gatilho de inscrição serão exibidos. Aprender mais sobre usando automação com formulários. 
  • Para usar o formulário como gatilho em um fluxo de trabalho, clique em Adicionar formulário a um fluxo de trabalho ou Adicionar formulário a outro fluxo de trabalho. 
    • Clique Adicionar formulário a um fluxo de trabalho.
    • Selecione um existente fluxo de trabalho ou clique Criar novo fluxo de trabalho para criar um novo fluxo de trabalho. Se você criar um novo fluxo de trabalho, configure seu fluxo de trabalho e retorne ao módulo de formulário em sua landing page ou página do site. 
  • Para adicionar outro fluxo de trabalho, clique em Adicionar formulário a outro fluxo de trabalho e selecione um existente fluxo de trabalho ou clique Criar novo fluxo de trabalho.
  • Para remover o formulário como gatilho em um fluxo de trabalho, passe o mouse sobre o fluxo de trabalho e clique no botão excluir ícone ao lado do fluxo de trabalho. 

Configurar opções adicionais de formulário

Você também pode definir configurações adicionais, como selecionar os destinatários da notificação do formulário. Além disso, se você instalou o Integração HubSpot-Salesforce , você também pode associar o formulário a uma campanha ativa do Salesforce.

Para configurar as opções adicionais do seu formulário, role até a parte inferior do painel esquerdo e configure as seguintes opções:

• Envie notificações de formulário para endereços de e-mail especificados em vez dos padrões do formulário: por padrão, as notificações de envio de formulário serão enviadas a todos os destinatários adicionados no formulário Opções aba. Para substituir o destinatários padrão do formulário e selecione destinatários de notificação para envios nesta página:
  • Clique para alternar o Envie notificações para endereços de e-mail especificados em vez dos padrões do formulário ligar.
  • Clique no Endereço de e-mail menu suspenso e selecione seus destinatários. Somente usuários do HubSpot podem ser selecionados como destinatários de notificações de formulário. 
  • Para remover um destinatário, clique no botão Ícone X ao lado do endereço de e-mail do destinatário. 
• Campanha do Salesforce: se você tiver a integração do Salesforce habilitada, poderá associar um formulário a uma campanha ativa do Salesforce clicando no menu suspenso e selecionando uma campanha. Aprender mais sobre associando formulários a campanhas do Salesforce.
  
  

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

Você pode personalizar o estilo geral do seu formulário, bem como fazer alterações específicas no botão de envio ou nos campos do formulário. Para personalizar o estilo do seu formulário:

• Na parte superior do painel esquerdo, clique no botão Estilos aba.
• Clique no Módulo , Campos , ou Botões 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 emPublicarou Atualizar para ativar suas alterações.

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 devemos ser estilizado no editor de formulários ou estilizado com CSS em sua folha de estilo externa.