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

Formulário no lugar errado na página externa

Ultima atualização: Janeiro 4, 2019

Quando você integra um formulário do HubSpot em sua página externa, você pode vê-lo em locais diferentes. Talvez seja por que o formulário está sendo renderizado dinamicamente na página, ou por um problema relacionado a vários códigos integrados ao formulário adicionados à mesma tag na página HTML.

 

O formulário é renderizado dinamicamente em uma página

Um formulário pode ser renderizado dinamicamente em uma página e carregar em locais diferentes. Para garantir que o formulário seja carregado em uma parte específica da página, adicione um atributo alvo ao código integrado ao formulário para especificar o contêiner específico que em que você deseja que o formulário seja renderizado.

No código integrado ao formulário, adicione uma vírgula (,) após o valor de atributo formId, em seguida, insira uma nova linha e digite target: '[nome do contêner]' . Por exemplo, você pode forçar a renderização do formulário em um contêiner na página com a classe CSS de barra lateral.

Imagem adicionada pelo usuário

Saiba mais sobre como personalizar o código integrado ao formulário na documentação de desenvolvedores do HubSpot.

 

Vários códigos integrados ao formulário adicionados à mesma tag

 

Quando você integra o mesmo formulário do HubSpot várias vezes em uma página externa, os formulários podem aparecer lado a lado ou no local errado se os códigos integrados ao formulário forem adicionados à mesma tag na página HTML. 

Para garantir que os formulários sejam carregados e exibidos corretamente, adicione o atributo formInstanceId e especifique um valor exclusivo para cada código integrado ao formulário. No código integrado ao formulário, adicione uma vírgula (,) após o valor de atributo formId, em seguida, insira uma nova linha e digite formInstanceId: '[número]' .É recomendável numerar cada formulário na ordem exibida na página (Por ex. "1" para o primeiro formulário, "2" para o segundo formulário, etc.).

imagem-adicionada-pelo-usuário
imagem-adicionada-pelo-usuário

Além de identificar cada formulário de forma única, você também pode adicionar um atributo alvo a cada código integrado ao formulário para especificar o contêiner específico em que você deseja que o formulário seja renderizado.

Saiba mais sobre como personalizar o código integrado ao formulário na documentação de desenvolvedores da HubSpot.