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: stycznia 20, 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 pojawić się on w różnych miejscach. Może to być spowodowane tym, że formularz jest dynamicznie renderowany na stronie lub problemem z wieloma kodami osadzania formularzy dodawanymi do tego samego znacznika <div> w HTML strony.

Formularz dynamicznie renderuje się na stronie

Formularz może być dynamicznie renderowany na stronie i ładować się w różnych miejscach. Aby zapewnić, że formularz ładuje się w określonej części strony, dodaj atrybut docelowy do kodu osadzania formularza, aby określić konkretny kontener, w którym chcesz, aby formularz był renderowany.

W kodzie osadzania formularza dodaj przecinek (,) po wartości atrybutu formId, a następnie wprowadź nową linię i wpisz target: '[nazwa kontenera]' . Na przykład, możesz wymusić, aby formularz był renderowany w kontenerze na stronie z klasą CSS sidebar.

User-added image

Dowiedz się więcej o dostosowywaniu kodu osadzania formularzy w dokumentacji programistów HubSpot.

Wiele kodów osadzania formularzy dodanych do tego samego znacznika <div>

W przypadku wielokrotnego osadzania tego samego formularza HubSpot na stronie zewnętrznej formularze mogą być wyświetlane obok siebie lub w niewłaściwej lokalizacji, jeśli kody osadz ania formularzy są dodawane do tego samego znacznika <div> w HTML strony.

Aby zapewnić prawidłowe ładowanie i wyświetlanie formularzy,dodaj atrybut formInstanceId i określ unikalną wartość dla każdego kodu osadzonego formularza. W kodzie osadzania formularza, dodaj przecinek (,) powartościatrybutuformId, anastępnie wprowadź nową linię i wprowadźformInstanceId:'[number]' .Zaleca sięnumerowanie każdego formularza w kolejności, w jakiej pojawia się na stronie (np. '1' dla pierwszego formularza, '2' dla drugiego formularza itd.)

User-added image
Obrazek dodany przez użytkownika

Formularz nie ładuje się w starszych przeglądarkach

W starszych przeglądarkach niektóre skrypty Javascript mogą wchodzić w konflikt z kodem osadzonym HubSpot i powodować, że formularz nie będzie się ładował.

Aby zapewnić prawidłowe ładowanie i wyświetlanie formularzy, można dodaćatrybut docelowy do każdego kodu osadzania formularza, aby określić konkretny kontener, w którym formularz ma być renderowany.

form-embed-target

Dowiedz się więcej odostosowywaniu koduosadzania formularzyw dokumentacji dla programistów HubSpot.

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.