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.

Formulário no lugar errado na página externa

Ultima atualização: Janeiro 19, 2023

Disponível com qualquer uma das seguintes assinaturas, salvo menção ao contrário:

Todos os produtos e planos

Quando você integra um formulário do HubSpot em sua página externa, você pode vê-lo em locais diferentes. Talvez isso ocorra por que o formulário está sendo renderizado dinamicamente na página, ou por um problema relacionado a vários códigos incorporados ao formulário adicionados à mesma <div> 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.

User-added image

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

Vários códigos incorporados ao formulário foram adicionados à mesma <div> tag

Ao incorporar o mesmo formulário da 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 incorporados ao formulário forem adicionados à mesma <div> 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.).

User-added image
User-added image

O formulário não carrega em navegadores mais antigos

Em navegadores mais antigos, alguns Javascript podem entrar em conflito com o código incorporado da HubSpot e não carregar o formulário.

Para garantir que os formulários sejam carregados e exibidos corretamente, um atributo de destino pode ser adicionado a cada código incorporado ao formulário para determinar o contêiner específico no qual deseja que o formulário seja renderizado.

form-embed-target

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

Esse artigo foi útil?
Este formulário deve ser usado apenas para fazer comentários sobre esses artigos. Saiba como obter ajuda para usar a HubSpot.