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.

Compartilhar um formulário do HubSpot em um site externo

Ultima atualização: Fevereiro 19, 2024

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 às páginas do HubSpot ou a páginas que tenha criado fora do HubSpot. Os formulários podem ser compartilhados em seu site externo não hospedado pela HubSpot das seguintes maneiras:

  • Incorporando o código do formulário a uma página existente.
  • Criando uma página de formulário independente à qual adicionar um link.

Com qualquer método, todas as alterações feitas no formulário na ferramenta de formulários da HubSpot serão refletidas automaticamente no formulário ativo em seu site externo. Depois de adicionar o formulário, pode estilizar o formulário incorporado da HubSpot nas suas páginas externas no editor de formulários ou com CSS na sua folha de estilos externa.

Se estiver a trabalhar com o WordPress, saiba como inserir um formulário no seu post ou página do WordPress.

Atenção: a partir de 16 de maio de 2024, ao adicionar o código de incorporação do seu formulário numa página externa, o domínio da página tem de ser adicionado como um domínio do site para ser tratado como um domínio fiável. Caso contrário, os envios para o formulário também serão filtrados para o seu envios de spam.

Adicione o código de incorporação de formulário

Para aceder ao código de incorporação do formulário: 
  • Na sua conta da HubSpot, navegue até Marketing > Captura de leads > Formulários.
  • Passe o cursor sobre um formulário e clique em Ações > Compartilhar.
  • Na caixa de diálogo, se desejar adicionar contatos que enviaram o formulário a uma campanha do Salesforce, clique nomenu Adicionar contatos a um menu suspenso de campanhado Salesforce e selecione uma campanha. Se associar uma campanha Salesforce ao seu formulário, o código incorporado do formulário será alterado. Nesse caso, você deve adicionar novamente o código de incorporação ao site externo.
  • Clique em Copiar.
  • Cole o código incorporado no módulo HTML em sua página externa. Para rastrear o formulário, o código de rastreamento do HubSpot deve ser instalado na página externa que contém um formulário do HubSpot. 


Crie uma página de formulário independente 

Você também pode compartilhar o formulário usando o Link de compartilhamento. Em um Link de compartilhamento, o formulário será exibido em uma página independente com seu próprio URL. Este link de compartilhamento não pode ser ocultado nem tornado privado. Qualquer pessoa com o link de compartilhamento poderá acessar o formulário. 

  • Na sua conta da HubSpot, navegue até Marketing > Captura de leads > Formulários
  • Passe o cursor sobre um formulário e clique em Ações > Compartilhar.
  • Na caixa de diálogo, clique no separador Partilhar ligação 
  • Clique em Copiar para copiar o URL da página do formulário para a área de transferência. 
  • No seu browser, abra uma nova janela ou separador e cole o URL da sua página de formulário na barra de endereços para a carregar. Também pode partilhar o URL da página do formulário diretamente com outras pessoas para lhes dar acesso ao formulário.

Estilizar seu formulário incorporado no editor de formulários

Ao estilizar seu formulário incorporado com o editor de formulários do HubSpot, você pode usar um tema ou aplicar seu próprio estilo personalizado. 

Nota: Os temas e estilos definidos no editor de formulários só se aplicam a formulários incorporados ou páginas de formulários autónomos. Os formulários nas suas páginas do HubSpot só podem ser estilizados com as opções de estilo do módulo de formulário no editor de conteúdo.

Estilizar o formulário com um tema

Se pretender estilizar os seus formulários sem escrever qualquer código personalizado, pode aplicar temas predefinidos ao seu formulário incorporado  ou à página de formulário autónomo . Estes temas acrescentam mais opções de personalização aos seus formulários, para além de quaisquer definições globais de estilo de formulário .

Para estilizar o seu formulário com um tema: 

  • Na sua conta da HubSpot, navegue até Marketing > Captura de leads > Formulários.
  • Passe o cursor do mouse sobre um formulário e clique em Editar
  • No editor de formulários, clique no separador Style & Preview .
  • Se estiver a editar um formulário antigo, no painel esquerdo, desmarque a caixa de verificação Keep old theme . Isto irá remover o antigo estilo predefinido do HubSpot aplicado a este formulário. Qualquer CSS ou JavaScript personalizado adicionado ao formulário deixará funcionará. Esta caixa de verificação não se aplica a quaisquer novos formulários criados na sua conta. 
  • Selecione um tema.
  • No canto superior direito, clique em Publicar ou Atualizar.

 

Usar um estilo personalizado

Se tiver uma subscrição Marketing Hub Starter, Professional, ou Enterprise com a sua conta da HubSpot, também pode estilizar formulários incorporados a um nível mais granular.

Para aplicar um estilo personalizado: 

  • Na sua conta da HubSpot, navegue até Marketing > Captura de leads > Formulários.
  • Passe o cursor do mouse sobre um formulário e clique em Editar
  • No editor de formulários, clique no separador Style & Preview .
  • No painel esquerdo, clique na secção Style. Aqui, você pode configurar a largura do campo de formulário, a família de fontes, os tamanhos de fonte, as cores de fonte e o botão do formulário. Estes estilos são definidos numa base de formulário individual e substituem as definições globais de estilo de formulário .
  • Depois de personalizar o formulário, no canto superior direito, clique em Publicar ou Atualizar.



Estilizar seu formulário incorporado com CSS na folha de estilos externa 

Se tiver uma subscrição Marketing Hub ou CMS Hub Professional ou Enterprise com a sua conta da HubSpot, pode incorporar o seu formulário como um formulário HTML em bruto e, em seguida, estilizar este formulário incorporado com CSS na sua folha de estilos externa. 

Para estilizar o formulário incorporado com CSS: 

  • Na sua conta da HubSpot, navegue até Marketing > Captura de leads > Formulários.
  • Passe o cursor do mouse sobre um formulário e clique em Editar
  • No editor de formulários, clique no separador Style & preview .
  • Clique para ativar a opção Definir como formulário HTML em bruto . O formulário será renderizado como um elemento HTML bruto na sua página externa, em vez de dentro de um iFrame, e qualquer estilo padrão do HubSpot aplicado ao formulário será removido.
  • No canto superior direito, clique em Publicar ou Atualizar.
  • Adicione o código de incorporação do formulário à sua página externa. Se já incorporou o seu formulário, deve substituir o código incorporado existente por esta nova versão sem estilo. Depois de incorporar o seu formulário:
    • Você poderá estilizar o formulário na sua folha de estilos externa com CSS.
    • Também pode modificar o código de incorporação do formulário para efetuar personalizações adicionais do formulário. Como os formulários do HubSpot são criados com JavaScript, não HTML, a personalização do código incorporado do formulário requer a ajuda de um desenvolvedor que saiba como trabalhar com JavaScript

 

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.