Depois de instalar com êxito o CRM Chat ao vivo Análise plug-in & 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ê 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ê notar seu forma não funciona no WordPress ou o código incorporado é alterado quando você visualiza a página ativa, pode ser necessário inserir o formulário usando um plugar para garantir que o código incorporado 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. Reveja o tabela de formulários suportados , então aprenda como use 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. Desative o plugin ou revise perguntas frequentes para 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:
- 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 Incorporar. Você também pode criar um novo formulário do HubSpot clicando em Criar formulário.
- Clique em Código curto do WordPress e em Copiar para copiar o código de incorporação.
- 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 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. Aprender mais sobre analisando seus envios de formulário.
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:
- 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 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. Aprender mais sobre analisando seus envios de formulário.