Ir para o conteúdo principal
Isenção de responsabilidade de tradução: esse conteúdo foi traduzido para sua conveniência com o uso de software e pode não ter sido revisado por uma pessoa. O texto oficial é a versão em inglês e sempre será o texto mais atualizado. Para ver a versão em inglês, clique aqui.

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

Ultima atualização: 30 de Abril de 2025

Disponível com qualquer uma das seguintes assinaturas, salvo menção ao contrário:

Todos os produtos e planos

Após criar 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

Para configurar seu formulário em uma página HubSpot:

  • 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. Em seguida, selecione Criar novo formulário. Saiba mais sobre a configuração de formulários.
      • Para exibir os envios deste formulário, clique em Ações. Em seguida, selecione Exibir envios de formulários.
      • Para editar o formulário no editor de formulários, clique em Ações. Em seguida, selecione Ir para o editor de formulários

Ações de formulário


 

Configure sua automação de formulário

Você pode gerenciar a automação de formulários, como emails de acompanhamento e qualquer fluxos de trabalho associado aos 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:

  • 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. 
  • fluxos de trabalho conectado: qualquer fluxos de trabalho e fluxos de trabalho simples usando o formulário como gatilho de inscrição será exibido. Saiba mais sobre como usar 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. 

Observe:

  • Depois que um fluxo de trabalho for anexado ao módulo de formulário, ele atualizará imediatamente os acionadores de inscrição do fluxo de trabalho, mesmo que a página ainda não tenha sido publicada ou atualizada.
  • Se você clonar uma página HubSpot com um formulário definido como contatos inscritos em um fluxo de trabalho, os envios de formulários na nova página clonada não serão adicionados como um novo gatilho de inscrição no 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 os destinatários padrão do formulário e selecionar 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:

  • 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
  • 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. CSS Formulários inseridos em páginas externas ou páginas de formulário independentes devem ter o estilo do editor de formulários


 

Esse artigo foi útil?
Este formulário deve ser usado apenas para fazer comentários sobre esses artigos. Saiba como obter ajuda para usar a HubSpot.