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: Dezembro 19, 2023

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

Todos os produtos e planos

Depois de criar um formulário no HubSpot, pode adicioná-lo a qualquer módulo de formulário numa página do HubSpot. Em cada página, pode também configurar o que acontece após o envio do formulário e personalizar o estilo para elementos do seu formulário, tais como o botão submeter e os campos do formulário.

Antes de começar

Antes de configurar os seus formulários numa página do HubSpot, tenha em atenção o seguinte: 

  • As definições e as alterações de estilo só serão aplicadas ao módulo de formulário na página selecionada. Quaisquer alterações de definições e de estilo efectuadas não afectarão o seu formulário noutras páginas.
  • A atualização do conteúdo do formulário, como os campos de formulário, actualizará o formulário em todas as outras páginas, incluindo quaisquer formulários incorporados ou páginas de formulários autónomos

Defina seus formulários

Para configurar o seu formulário numa página do HubSpot:
  • Na sua conta HubSpot, navegue para as suas páginas de aterragem ou páginas do website.
  • Passe o cursor 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. Se a sua página não tiver actualmente um módulo de formulário, saiba como adicionar módulos a uma página
  • No separador Content no painel esquerdo, personalize as definições do formulário para esta página:
    • Título do formulário: introduzir um nome para o formulário.
    • Escolher um formulário: seleccionar um formulário para esta página.
      • Para utilizar um formulário existente, clique no menu pendente e seleccione um formulário
      • Para criar e utilizar um novo formulário, clique em Acções > Criar novo formulário. Saiba mais sobre a criação de formulários
      • Para ver os envios deste formulário, clique em Acções > Ver envios do formulário.
      • Para clonar este formulário, clique em Acções > Clonar formulário.
      • Para rever quaisquer outras páginas que utilizem o formulário seleccionado, clique em Acções > Páginas que utilizam este formulário.
      • Para editar o formulário no editor de formulários, clique em Acções > Ir 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 a secção de conteúdo do Formulário .
  • Configure o conteúdo do seu formulário: 
    • Campos do formulário: clique e arraste os campos para editar a ordem apresentada no formulário. Não é possível arrastar e largar campos de formulário com formulários multicolunas ou quando parte de um módulo personalizado. Para acrescentar campos de formulário adicionais:
      • Clique em + Adicionar outro campo de formulário.
      • Clique no menu pendente Escolher uma propriedade e utilize a barra de pesquisa para procurar um campo. 
      • Clique na propriedade para a adicionar como um campo de formulário. 
    • Texto do botão: introduzir texto a exibir no botão submeter.
    • Opções de privacidade e consentimento de dados: no menu pendente, seleccione o aviso e as informações de consentimento a apresentar.
    • Captcha (prevenção de SPAM): clique para activar a opção Captcha (prevenção de SPAM) para apresentar o reCAPTCHA invisível da Google.

Atenção: atualizar o conteúdo do seu formulário actualizará o formulário em quaisquer outras páginas onde o formulário é utilizado, incluindo quaisquer formulários incorporados ou páginas de formulários autónomos.



KB - Formulário de campos de arrastar e largar HubSpot-1 

Configurar as acções pós-envio 

Por predefinição, os formulários adicionados às páginas do HubSpot apresentarão uma mensagem em linha Obrigado por enviar o formulário. O formulário não apresentará a ação pós-envio configurada no editor de formulários.

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

  • Clique para expandir a secção Obrigado.
  • Na secção What will a visitor see after submitting your form , configure as acções pós-envio: 
    • Redireccionar para outra página: redirecciona um visitante para outra página após a submissão do formulário.
      • Clique em Redireccionar para outra página.
      • Clique no menu suspenso Link de redirecionamento e selecione uma página existente do HubSpot ou insira uma URL.
    • Apresentar uma mensagem de agradecimento em linha: apresenta uma mensagem depois de o visitante submeter o formulário. Pode introduzir uma mensagem de agradecimento na caixa de texto.

 

Configurar a automatização do formulário

Pode gerir a automatização dos seus formulários, como a criação de contactos e as opções de e-mail de marketing, bem como quaisquer fluxos de trabalho associados aos seus formulários. Os accionadores de inscrição estão sujeitos ao seguinte comportamento:

  • Quando um fluxo de trabalho é adicionado nas definições de automatização do módulo de formulário, o accionador de inscrição de envio de formulário correspondente será adicionado ao fluxo de trabalho.
  • A remoção de um fluxo de trabalho das definições de automatização do módulo de formulário também o removerá dos accionadores de inscrição do fluxo de trabalho.
  • Se o acionador de inscrição de formulário utilizado num fluxo de trabalho não especificar uma página, o acionador não pode ser removido da página e deve ser removido do fluxo de trabalho.

Para configurar as definições de automatização do seu formulário, clique em Automação de formulários no painel esquerdo para expandir a secção e, em seguida, reveja as seguintes opções de automatização:

new-form-automation-section-in-form-module

  • Criar sempre um novo contacto para o endereço de correio electrónico: cria um novo registo de contacto sempre que um formulário é submetido com um novo endereço de correio electrónico, independentemente de qualquer correspondência de usertokens com contactos existentes da submissão do formulário. 
  • Definir contactos criados como contactos de marketing: definir quaisquer contactos criados através deste formulário como contactos de marketing.
  • Acompanhamento com uma mensagem de correio eletrónico: envia uma mensagem de correio eletrónico de acompanhamento aos visitantes que submeteram o formulário. Os e-mails de acompanhamento só podem ser enviados para contactos de marketing. 
    • Para adicionar um e-mail de acompanhamento:
      • Clique Seleccionar um e-mail +.
      • Na caixa de diálogo, clicar no menu pendente Seleccionar um e-mail e seleccionar um e-mail automatizado existente ou clicar em Criar novo e-mail para criar um novo e-mail automatizado.
      • Clique em Salvar. O e-mail de acompanhamento selecionado será apresentado no painel esquerdo. 
      • Após configurar os seus e-mails de seguimento, no canto superior direito, clique em Publish ou Update para levar estas alterações ao vivo. O e-mail de acompanhamento não será activado até que as alterações tenham sido publicadas. 
    • Para alterar o e-mail de seguimento utilizado, passe o cursor sobre o e-mail e clique no ícone do lápis ao lado do e-mail. 
    • Para remover o e-mail de seguimento, passe o cursor sobre o e-mail e clique no ícone X ao lado do e-mail. A mensagem de correio electrónico já não deve ser apresentada. 
    • Se o formulário tiver sido anteriormente associado a uma mensagem de correio electrónico de acompanhamento antiga, será apresentado um alerta Este formulário está a utilizar uma mensagem de correio electrónico de acompanhamento antiga. Embora as mensagens de acompanhamento antigas não possam ser editadas, se a mensagem tiver sido publicada anteriormente, pode ser actualizada para uma mensagem automatizada. As mensagens electrónicas automáticas actualizadas podem então ser editadas. 
      • Para actualizar uma mensagem de correio electrónico de acompanhamento antiga anteriormente publicada para uma mensagem de correio electrónico automatizada que pode ser editada, clique em Actualizar mensagem de correio electrónico. Em seguida, clique em Update. Se o correio electrónico não tiver sido publicado anteriormente, esta opção não será apresentada. 
      • Para remover uma mensagem de correio electrónico de acompanhamento antiga publicada ou não publicada, clique em Remover. Depois, clique em Remover
  • Fluxos de trabalho ligados: são apresentados todos os fluxos de trabalho e os fluxos de trabalho simples que utilizam o formulário como accionador de inscrição. Saiba mais sobre utilizando a automatização com formulários
    • Para utilizar o formulário como accionador de um fluxo de trabalho, clique em Adicionar formulário a um fluxo de trabalho ou Adicionar formulário a outro fluxo de trabalho
      • Clique em Adicionar formulário a um fluxo de trabalho.
      • Seleccione um fluxo de trabalho existente ou clique em Criar novo fluxo de trabalho para criar um novo fluxo de trabalho. Se criar um novo fluxo de trabalho, configure o seu fluxo de trabalho, depois volte ao módulo de formulário na sua página de aterragem ou página web. 
    • Para adicionar outro fluxo de trabalho, clique em Adicionar formulário a outro fluxo de trabalho e, em seguida, seleccione um fluxo de trabalho existente ou clique em Criar novo fluxo de trabalho.
    • Para remover o formulário como gatilho de um fluxo de trabalho, passe o cursor sobre o fluxo de trabalho e clique no ícone apagar ao lado do fluxo de trabalho. 

Atenção:

  • Uma vez que um fluxo de trabalho tenha sido anexado ao módulo de formulário, este actualizará imediatamente o processo de inscrição do fluxo de trabalho, mesmo que a página ainda não tenha sido publicada ou actualizada.
  • Se você clonar uma página do HubSpot com um formulário definido para inscrever contatos em um fluxo de trabalho, os envios de formulário na nova página clonada não serão adicionados como um novo disparador de inscrição no fluxo de trabalho. 






Configurar opções de formulário adicionais

Também pode configurar configurações adicionais, tais como seleccionar os destinatários da notificação do formulário. Além disso, se tiver instalado a integração HubSpot-Salesforce, também pode associar o formulário a uma campanha activa da Salesforce.

Para configurar as opções adicionais do formulário, desloque-se para a parte inferior do painel esquerdo e configure as seguintes opções:

  • Enviar notificações do formulário para endereços de correio electrónico especificados em vez do formulário por defeito: por defeito, as notificações de envio do formulário serão enviadas para quaisquer destinatários adicionados no separador Opções do formulário. Para substituir os destinatários por defeito do formulário e seleccionar destinatários de notificação para envios nesta página:
    • Clique para alternar a opção Enviar notificações para endereços de correio electrónico especificados em vez da opção padrão do formulário ligar.
    • Clique no menu suspenso Endereços de e-mail e seleccione os seus destinatários. Apenas os utilizadores do HubSpot podem ser seleccionados como destinatários de notificação de formulário. 
    • Para remover um destinatário, clique no ícone X ao lado do endereço de correio electrónico do destinatário. 
  • Campanha Salesforce: Se tiver a integração Salesforce activada, pode associar um formulário a uma campanha Salesforce activa clicando no menu pendente e seleccionando uma campanha. Saiba mais sobre a associação de formulários a campanhas da Salesforce.

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

Pode personalizar o estilo do seu formulário geral, bem como efetuar alterações de estilo específicas ao botão de submissão ou aos campos do formulário. Para personalizar o estilo do seu formulário:

  • Na parte superior do painel esquerdo, clicar no separador Estilos.
  • Clique nos separadores Module, Fields, ou Buttons para selecionar o elemento do formulário que pretende 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. Osformulários incorporados em páginas externas ou páginas de formulários autónomos devem ser estilizados no editor de formulários ou estilizados com CSS na sua folha de estilos externa.


 

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.