Central de conhecimento HubSpot

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

Written by HubSpot Support | 8/mar/2019 19:05:03

Depois de instalar com êxito o & HubSpot -, você pode adicionar formulários herdados HubSpot às suas páginas e posts do WordPress.

Observe: este artigo é apenas para referência para formulários existentes criados com o editor herdado apenas. Atualmente, não é possível incorporar formulários HubSpot criados usando o editor de formulários atualizado em páginas ou posts do WordPress. Saiba mais sobre como usar o editor de formulários atualizado para criar e gerenciar formulários.

No WordPress, você pode adicionar seus formulários herdados HubSpot através do editor Classic ou do editor Gutenberg.

Antes de começar

Antes de começar, observe o seguinte:

  • Se você está incorporando um formulário em seu site WordPress, você pode precisar aplicar adicional
  • Se você notar que o formulário não funciona no WordPress ou que o código de inserção está sendo alterado quando você exibe a página ao vivo, talvez seja necessário inserir o formulário usando um plug-in para garantir que o código de inserção 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. Revise a tabela de formulários suportados e aprenda a usar formulários que não sejam HubSpot
  • Se você estiver usando um formulário suportado, não HubSpot no WordPress, mas não está vendo dados de envio no HubSpot, você pode ter outro WordPress plug-in instalado que entra em conflito com o HubSpot-WordPress plug-in. Desative a plug-in ou examine as perguntas frequentes para obter etapas adicionais de solução de problemas. 

Editor clássico

Para incorporar um formulário legado HubSpot às suas páginas e postagens do WordPress usando o editor clássico: 

  1. Na sua conta do WordPress, no menu da barra lateral esquerda, vá para HubSpot > Formulários
  2. Passe o cursor sobre o formulário que você deseja adicionar ao seu site e clique em Incorporar. Você também pode criar um novo formulário do HubSpot clicando em Criar formulário.
  3. Clique em Código curto do WordPress e em Copiar para copiar o código de incorporação. 
  4. Navegue para uma página ou post do WordPress, em seguida, cole o código curto no editor de página.
Depois de publicar sua página, para exibir envios ao formulário no WordPress:
  1. Na sua conta do WordPress, no menu da barra lateral esquerda, vá para HubSpot > Formulários.
  2. Passe o cursor sobre um formulário. Em seguida, clique no menu suspenso Ações e selecione Exibir envios. Saiba mais sobre como analisar seus envios de formulários

Gutenberg Editor

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

Para incorporar um formulário legado HubSpot às suas páginas do WordPress e posts usando o editor Gutenberg: 

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

  1. 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, navegue até HubSpot  >Formulários no menu da barra lateral esquerda e clique em Criar formulário

Depois de publicar sua página, para exibir envios ao formulário no WordPress:
  1. Na sua conta do WordPress, no menu da barra lateral esquerda, vá para HubSpot > Formulários.
  2. Passe o cursor sobre um formulário. Em seguida, clique no menu suspenso Ações e selecione Exibir envios. Saiba mais sobre como analisar seus envios de formulários