Solucionar problemas em formulários HubSpot incorporados externamente

Se o formulário HubSpot que você incorporou em uma página externa não estiver funcionando ou não aparecer corretamente, aprenda sobre os problemas mais comuns de incorporação de formulários e como resolvê-los.

Confirmar o código de incorporação do formulário

• Na sua conta da HubSpot, navegue até Marketing > Captura de leads > Formulários.
• Passe o mouse sobre o formulário e clique em Editar.
• No canto superior direito do editor de formulários, clique em Embed.
• Na caixa de diálogo, clique em Copiar.

• No navegador, acesse o Verificador do diferenças, uma ferramenta de comparação de texto. 
• Na seção Texto original, cole o código incorporado do formulário.

• Navegue até a página do site onde o formulário está embutido. Depois, clique com o botão direito do mouse em qualquer lugar da página e selecione View page source. 
• Localize o código de incorporação do formulário na fonte da página e copie-o.
• Navegue de volta ao Diff checker.
• Na seção Texto alterado, cole o código incorporado externamente.
• Clique em Encontrar a diferença para procurar código ausente ou quebrado. Se os códigos de incorporação forem os mesmos, a mensagem Os dois ficheiros são idênticos serão apresentados. Caso contrário, quaisquer diferenças serão destacadas em vermelho e verde.

Se o código incorporado externamente não corresponder ao código do HubSpot, volte a incluir o código correcto na sua página externa.

Se o código incorporado externamente corresponder ao código do HubSpot, algo no HTML ou JavaScript na sua página externa pode estar a interferir com o código incorporado no formulário. Você deve trabalhar com seu desenvolvedor para solucionar mais problemas.

Questões específicas do hospedeiro

Se você estiver usando WordPress, Squarespace ou Wix, você pode continuar resolvendo os seguintes problemas em cada um dos hosts do site abaixo. 

WordPress

Se o seu formulário estiver embutido em uma página do WordPress, você poderá encontrar os seguintes problemas:

• O WordPress pode converter "&" no código de formulário incorporado para "&" que interromperá a funcionalidade do código.
• Os temas XHTML WordPress irão adicionar <![CDATA[ ]]> tags ao redor do JavaScript, o que não deve afetar a renderização do formulário, mas é algo a ser notado ao verificar o código de incorporação do formulário.

Se o WordPress estiver alterando o código incorporado, é recomendável usar um plugin de terceiros, como Inserir Snippet HTML para adicionar o formulário à página ou postar como um atalho para preservar as tags do script.

Squarespace

Alguns modelos de espaço quadrado renderizam scripts apenas na carga inicial da página e não em qualquer outra página. Isto pode resultar em formulários HubSpot que não funcionam correctamente em algumas páginas porque os scripts dos formulários não são carregados enquanto o visitante navega no seu website. 

Para evitar que isso ocorra, tente desativar o carregamento do Ajax no espaço de quadrado. Se isso não funcionar, você também pode tentar usar um modelo diferente do Squarespace.

Wix

Wix geralmente não suporta a codificação personalizada em sites hospedados. Como resultado, não é possível incorporar o seu formulário HubSpot diretamente em uma página Wix.

Para adicionar um formulário HubSpot à sua página Wix, tente adicionar um módulo Wix iframe primeiro, depois adicione o formulário ao módulo como um Widget inserindo o código de incorporação do formulário ou um Site incorporado inserindo a URL da página autónoma do formulário. 

Questões específicas do navegador

Se você tem uma extensão de navegador bloqueadora de recursos como o Ghostery, seus formulários HubSpot podem ser bloqueados de carregar e exibir. Saiba mais sobre o que acontece quando os formulários do seu HubSpot são bloqueados.