Compartilhar um formulário do HubSpot em um site externo

 Após criar um formulário no HubSpot, você pode adicioná-lo às páginas do HubSpot ou às páginas que você criou 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. CSS Depois de adicionar o formulário, você poderá estilizar o formulário HubSpot incorporado nas páginas externas no editor de formulários ou com

Observação: não é possível definir seu formulário como HTML bruto no editor atualizado. Somente formulários criados usando o editor antigo podem ser definidos como HTML bruto. 

Estilizar seu formulário 

Personalize o texto, os campos de entrada, o botão e o plano de fundo do formulário e das etapas do formulário. Opções de estilo configuradas no Estilo global serão aplicadas a todas as etapas do formulário. Você não pode estilizar etapas individuais do formulário separadamente. 

• Na sua conta HubSpot, acesse Marketing > Formulários.
• Crie um novo formulário ou passe o mouse sobre um formulário existente e clique em Editar. 
• No lado esquerdo, clique no ícone de Estilo.

• Ao personalizar seu Texto, Campos de entrada ou Botão, você pode escolher entre os estilos existentes usando a opção Estilos de entrada de campo rápida. Como alternativa, você pode personalizar manualmente o estilo de cada componente do seu formulário:
  • Campos: personalize o campo, incluindo plano de fundo e bordas. Você também pode personalizar a fonte, o tamanho da fonte e as cores dos seus rótulos, bem como as cores do texto de ajuda, espaços reservados e texto de erro. 
  • Botões: personalize a altura, o arredondamento dos cantos, o plano de fundo, o gradiente e adicione uma sombra projetada ao botão. Você também pode personalizar a fonte, o tamanho da fonte e a cor do texto do botão. 
  • Parágrafo (Rich text): personalize a fonte, o tamanho da fonte e a cor do texto do corpo. 
  • Cabeçalho: personalize a fonte e a cor do texto do cabeçalho. Você pode optar por adicionar uma sombra projetada ao texto do cabeçalho. 
  • Plano de fundo: personalize o plano de fundo do seu formulário e das etapas do formulário. Você pode optar por definir uma cor ou usar uma imagem de fundo. Você pode usar Assistentes de IA para gerar imagens. Você também pode optar por definir uma borda para o seu formulário.
  • Barra de progresso: personalize a barra de progresso no seu formulário, incluindo a cor da linha de progresso e a fonte da barra de progresso. 

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

Para acessar o código de incorporação do formulário: 

• Na sua conta HubSpot, acesse Marketing > Formulários.
• Passe o mouse sobre um formulário e clique em Ações >Compartilhar? 
• Clique na guia Código de incorporação .
• Na caixa de diálogo, se você quiser adicionar contatos que enviam o formulário para uma campanha do Salesforce, clique no menu suspenso Adicionar contatos a uma campanha do Salesforce e selecione uma campanha. Se você associar uma campanha do Salesforce ao seu formulário, o código de inserção do formulário será alterado. Nesse caso, você deve adicionar novamente o código de inserção ao site externo.
• Clique em Copiar.
• Cole o código incorporado no módulo HTML em sua página externa. Para rastrear análises para o seu formulário, o código de rastreamento HubSpot deve estar instalado na página externa onde você coloca um formulário HubSpot. 

Crie uma página de formulário independente 

Você também pode compartilhar seu formulário através do link Compartilhar. Em um link Compartilhar, o formulário será exibido em uma página autônoma em sua própria URL. Este link de compartilhamento não pode ser oculto nem tornado privado. Qualquer pessoa com o link de compartilhamento poderá acessar o formulário. 

• Na sua conta HubSpot, acesse Marketing > Formulários.
• Passe o mouse sobre um formulário e clique em Ações >Compartilhar? 
• Na caixa de diálogo, clique na guia Link de compartilhamento. 
• Clique em Copiar para copiar o URL da página do formulário para a área de transferência. 
• No navegador, abra uma nova janela ou guia e cole a URL da página de formulário na barra de endereços para carregá-la. Você também pode compartilhar o URL da página de formulário diretamente com outras pessoas para fornecer acesso ao formulário.