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:

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

<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/embed/v2.js"></script>
<script>
 hbspt.forms.create({
 region: "na1",
 portalId: "1234567",
 formId: "f0123bdf-4cfa-47cd-8b61-15ce95286047",
 target: ".sidebar"
 });
</script>

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:

1. W kodzie osadzania formularza dodaj przecinek (,) po wartości atrybutu formId,
2. Wprowadź nową linię i wprowadź formInstanceId: '[number]'.
3. 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.

<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/embed/v2.js"></script>
<script>
 hbspt.forms.create({
 region: "na1",
 portalId: "1234567",
 formId: "f0123bdf-4cfa-47cd-8b61-15ce95286047",
 formInstanceId: '1'
 });
</script>