Central de conhecimento HubSpot

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

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

Depois de instalar com êxito o plug-in HubSpot - CRM, Email Marketing, Live Chat, Forms & Analytics, pode adicionar formulários do HubSpot às suas páginas do WordPress e publicações.

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 verificar que o seu formulário não funciona no WordPress ou que o código de incorporação é alterado quando visualiza a página em direto, poderá ter de inserir o formulário utilizando um plugin para garantir que o código de incorporação permanece 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. Reveja a tabela de formulários suportados e, em seguida, saiba como utilizar formulários não 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. Desactive o plug-in ou consulte perguntas frequentes para obter passos adicionais de resoluçã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.
     
  • Depois de publicar a sua página, para ver as submissões ao formulário no WordPress:
    • Na sua conta do WordPress, no menu da barra lateral esquerda, navegue para HubSpot > Formulários.
    • Passe o rato sobre um formulário . Em seguida, clique no menu pendente Actions e seleccione View submissions. Saiba mais sobre analisar os envios de formulários

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.

  • 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.

  • Depois de publicar a sua página, para ver as submissões ao formulário no WordPress:
    • Na sua conta do WordPress, no menu da barra lateral esquerda, navegue para HubSpot > Formulários.
    • Passe o rato sobre um formulário . Em seguida, clique no menu pendente Actions e seleccione View submissions. Saiba mais sobre analisar os envios de formulários