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.
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.).
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.
Saiba mais sobre como personalizar o código integrado ao formulário na documentação de desenvolvedores da HubSpot.
