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

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

Ultima atualização: Setembro 14, 2022

Disponível para

Todos os produtos e planos

Depois de instalar com sucesso o plug-in do WordPress do HubSpot All-In-One Marketing – Forms, Popups, Live Chat, 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 por meio do editor Classic ou do 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 por exemplo 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 compatível que não seja HubSpot no WordPress mas não estiver vendo os dados de envio no HubSpot, você pode ter outro plug-in do WordPress instalado que esteja dando 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 às suas páginas e posts do WordPress usando o editor clássico: 

  • Na sua conta do WordPress, no menu da barra lateral esquerda, acesse 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 sua página, para visualizar os envios para o formulário no WordPress:
    • Na sua conta do WordPress, no menu da barra lateral esquerda, acesse HubSpot > Formulários.
    • 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á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 às 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 sua página, para visualizar os envios para o formulário no WordPress:
    • Na sua conta do WordPress, no menu da barra lateral esquerda, acesse HubSpot > Formulários.
    • 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ário
 
Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.