Rozwiązywanie problemów z zewnętrznie osadzonymi formularzami HubSpot

Jeśli formularz HubSpot osadzony na stronie zewnętrznej nie działa lub nie wyświetla się poprawnie, poznaj najczęstsze problemy związane z osadzaniem formularzy i sposoby ich rozwiązywania.

Potwierdź kod osadzenia formularza

• Najedź na formularz i kliknij przycisk Edytuj.
• W prawym górnym rogu edytora formularzy kliknij opcję Embed.
• W oknie dialogowym kliknij przycisk Kopiuj.

• W przeglądarce przejdź do Diff Checker, narzędzia do porównywania tekstu.
• W Tekst oryginalnywklej kod osadzenia formularza.

• Przejdź do strony internetowej, na której osadzony jest formularz. Następnie kliknij prawym przyciskiem myszy w dowolnym miejscu na stronie i wybierz opcję Wyświetl źródło strony.
• Zlokalizuj kod osadzenia formularza w źródle strony i skopiuj go.
• Przejdź z powrotem do przeglądarki Diff.
• W sekcji Changed Text wklej zewnętrznie osadzony kod.
• Kliknij Znajdź różnicę, aby poszukać brakującego lub uszkodzonego kodu. Jeśli kody osadzone są takie same, wyświetlony zostanie komunikat Dwa pliki są identyczne. W przeciwnym razie wszelkie różnice zostaną podświetlone na czerwono i zielono.

Jeśli zewnętrznie osadzony kod nie jest zgodny z kodem HubSpot, należy ponownie osadzić prawidłowy kod na stronie zewnętrznej.

Jeśli kod osadzony zewnętrznie jest zgodny z kodem HubSpot, być może coś w kodzie HTML lub JavaScript strony zewnętrznej zakłóca działanie kodu osadzonego formularza. W celu dalszego rozwiązywania problemów należy skontaktować się z programistą.

Problemy z osadzaniem specyficzne dla danego hosta

Jeśli używasz WordPressa, Squarespace lub Wix, możesz kontynuować rozwiązywanie następujących problemów w każdym z poniższych hostów witryn.

WordPress

Jeśli twój formularz jest osadzony na stronie WordPress, możesz napotkać następujące problemy:

• WordPress może przekonwertować '&' w kodzie osadzonego formularza na '&' co złamie funkcjonalność kodu.
• Motywy XHTML WordPressa dodadzą znaczniki <![CDATA[ ]]> wokół JavaScript, co nie powinno mieć wpływu na renderowanie formularza, ale jest czymś, na co należy zwrócić uwagę podczas sprawdzania kodu osadzonego formularza.

Jeśli WordPress zmienia kod osadzony, zaleca się użycie wtyczki innej firmy, takiej jak Insert HTML Snippet, aby dodać formularz do strony lub postu jako shortcode, aby zachować znaczniki skryptu.

Squarespace

Niektóre szablony Squarespace renderują skrypty tylko przy pierwszym załadowaniu strony, a nie na innych stronach. Może to spowodować, że formularze HubSpot nie będą działały poprawnie na niektórych stronach, ponieważ skrypty formularzy nie będą ładowane w miarę poruszania się odwiedzającego po Twojej stronie.

Aby zapobiec temu zjawisku, spróbuj wyłączyć ładowanie Ajax w Squarespace. Jeśli to nie zadziała, możesz również spróbować użyć innego szablonu Squarespace.

Wix

Wix generalnie nie wspiera niestandardowego kodowania na hostowanych stronach. W rezultacie nie jest możliwe osadzenie formularza HubSpot bezpośrednio na stronie Wix.

Aby dodać formularz HubSpot do strony Wix, spróbuj najpierw dodać moduł iframe Wix, a następnie dodać formularz do modułu albo jako Widget poprzez wprowadzenie kodu osadzenia formularza lub osadzoną Stronę poprzez wprowadzenie adresu URL samodzielnej strony formularza.

Problemy związane z przeglądarkami

Jeśli masz rozszerzenie przeglądarki blokujące zasoby, takie jak Ghostery, formularze HubSpot mogą zostać zablokowane przed załadowaniem i wyświetleniem. Dowiedz się więcej o tym, co się dzieje, gdy formularze HubSpot są blokowane.