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.
Forms

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

Data ostatniej aktualizacji: października 18, 2021

Dotyczy:

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.