Przejdź do treści
Uwaga: Tłumaczenie tego artykułu jest podane wyłącznie dla wygody. Tłumaczenie jest tworzone automatycznie za pomocą oprogramowania tłumaczącego i mogło nie zostać sprawdzone. W związku z tym, angielska wersja tego artykułu powinna być uważana za wersję obowiązującą, zawierającą najnowsze informacje. Możesz uzyskać do niej dostęp tutaj.

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

Data ostatniej aktualizacji: czerwca 26, 2023

Dostępne z każdą z następujących podpisów, z wyjątkiem miejsc, w których zaznaczono:

Wszystkie produkty i plany

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.

Czy ten artykuł okazał się pomocny?
Niniejszy formularz służy wyłącznie do przekazywania opinii dotyczących dokumentacji. Dowiedz się, jak uzyskać pomoc dotyczącą HubSpot.