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.

Adicionar formulários do HubSpot a páginas e posts do WordPress

Ultima atualização: Abril 25, 2023

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

Todos os produtos e planos

Depois de instalar com sucesso o plug-in HubSpot – CRM, Email Marketing, Live Chat, Forms & Analytics,você pode adicionar formulários do HubSpot às suas páginas e posts do WordPress.

No WordPress, você pode adicionar seus formulários do HubSpot usando o editor Clássico ou o editor Gutenberg.

Antes de começar

Antes de começar, observe o seguinte:

  • Se você estiver incorporando um formulário em seu site do WordPress, talvez seja necessário aplicar outras declarações CSS em sua folha de estilos externa para que o formulário seja responsivo.
  • Se você observar que seu formulário não está funcionando no WordPress, ou que o código integrado está sendo alterado quando você visualiza a página ativa, talvez seja necessário inserir o formulário usando um plug-in para garantir que o código integrado permaneça intacto.
  • Se estiver usando outro plug-in de formulário, como o Contact Form 7 ou o Ninja Forms, você poderá coletar os envios no HubSpot. Analise a tabela de formulários compatíveis e saiba como usar formulários que não são da HubSpot.
  • Se você estiver usando um formulário externo compatível no WordPress, mas não estiver vendo os dados de envio no HubSpot, talvez você tenha outro plug-in do WordPress instalado que esteja em conflito com o plugin HubSpot-WordPress. Desative o plugin ou consulte as perguntas frequentes para obter etapas adicionais de solução de problemas.

 Editor clássico

Para incorporar um formulário nas suas páginas e posts do WordPress utilizando o editor clássico:

  • Na sua conta do WordPress, no menu da barra lateral esquerda, vá para HubSpot > Formulários
  • Passe o cursor sobre o formulário que você deseja adicionar ao seu site e clique em Copiar código de atalho. Você também pode criar um novo formulário do HubSpot clicando em Criar formulário.
  • Navegue até uma página ou post do WordPress e cole o código de atalho no editor de página.
     dd-shortcode-to-website
  • Depois de publicar a página, para ver os envios do formulário no WordPress:
    • Na sua conta do WordPress, no menu da barra lateral esquerda, vá para HubSpot > Formulários.
    • Passe o cursor sobre um formulário. Clique no menu suspenso Ações e selecione Exibir envios. Saiba mais sobre como analisar seus envios de formulário

Gutenberg Editor

Se você estiver usando a versão mais recente do Gutenberg, a que remove JavaScript integrado, use o plug-in Inline JS Block para Gutenberg para incorporar formulários e CTAs na sua página.

Para incorporar um formulário nas suas páginas e posts do WordPress usando o editor Gutenberg: 

  • Na sua conta do Wordpress, acesse sua página ou post. 
  • Clique no ícone de mais na barra de ferramentas. Pesquise o bloco Formulário do HubSpot e clique nele para adicioná-lo ao seu conteúdo.

wordpress-hubspot-form-block

  • No bloco, você pode selecionar um formulário existente ou criar um novo formulário:
    • Para selecionar um formulário existente, clique no menu suspenso selecionar um formulário existente e selecione um formulário.
    • Para criar um novo formulário, acesse HubSpot Formulários no menu da barra lateral esquerda e clique em Criar formulário.

wordpress-hubspot-form-select-an-existing-form

  • Depois de publicar a página, para ver os envios do formulário no WordPress:
    • Na sua conta do WordPress, no menu da barra lateral esquerda, vá para HubSpot > Formulários.
    • Passe o cursor sobre um formulário. Clique no menu suspenso Ações e selecione Exibir envios. Saiba mais sobre como analisar seus envios de formulário
 
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.