Formularz w niewłaściwym miejscu na stronie zewnętrznej

Podczas osadzania formularza HubSpot na stronie zewnętrznej może się zdarzyć, że pojawi się on w innym miejscu niż pożądane.

Może to być spowodowane dynamicznym renderowaniem formularza na stronie lub dodaniem wielu kodów osadzania formularza do tego samego znacznika <div> w kodzie HTML strony.

Problemy te można rozwiązać, dostosowując kod osadzania formularza. Dowiedz się więcej o dostosowywaniu kodu osadzania formularza w dokumentacji dla programistów HubSpot.

Pojedynczy formularz

Formularz może czasami być dynamicznie renderowany na stronie i ładowany w różnych lokalizacjach. Czasami w starszych przeglądarkach formularz może nawet nie zostać wyświetlony.

Aby upewnić się, że formularz zostanie pomyślnie załadowany w określonej części strony, można dodać atrybut target do kodu osadzania formularza, aby określić konkretny kontener, w którym formularz ma być renderowany.

Na przykład, można wymusić renderowanie formularza w kontenerze na stronie z klasą CSS sidebar. Aby dodać atrybut target do kodu osadzania formularza:

• W kodzie osadzania formularza dodaj przecinek (,) po formId.
• Następnie wprowadź nową linię i wprowadź target: "[nazwa kontenera]" .

Wiele formularzy

Po wielokrotnym osadzeniu tego samego formularza HubSpot na stronie zewnętrznej, formularze mogą pojawić się obok siebie lub w niewłaściwej lokalizacji. Dzieje się tak, jeśli kody osadzania formularzy są dodawane do tego samego znacznika <div> w kodzie HTML strony.

Aby zapewnić prawidłowe ładowanie i wyświetlanie formularzy, należy dodać atrybut formInstanceId i określić unikalną wartość dla każdego kodu osadzania formularza:

• W kodzie osadzania formularza dodaj przecinek (,) po wartości atrybutu formId,
• Następnie wprowadź nową linię i wprowadź formInstanceId: '[number]'.
• Dodaj i ponumeruj każdy formularz w kolejności, w jakiej pojawia się na stronie. Na przykład "1" dla pierwszego formularza, "2" dla drugiego formularza itd.