Adicionar formulários do HubSpot a páginas e posts do WordPress
Ultima atualização: Janeiro 19, 2023
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.
- 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.
- 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 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.
Thank you for your feedback, it means a lot to us.
Conteúdo relacionado
-
Acesse sua chave de API da HubSpot
Com a chave de API da HubSpot, seus desenvolvedores podem criar aplicativos personalizados com APIs da HubSpot
Central de conhecimento -
Conectar e usar a sincronização de dados do HubSpot
Com a sincronização de dados HubSpot, pode criar uma sincronização de uma ou duas vias entre o HubSpot e as...
Central de conhecimento -
Usar a integração do HubSpot com o Google Meet
Com a integração do Google Meet, você pode enviar automaticamente o link de reunião e os detalhes da chamada...
Central de conhecimento