HubSpot Kennisbank

Problemen met extern ingesloten HubSpot-formulieren oplossen

Geschreven door HubSpot Support | Oct 9, 2020 4:01:21 AM

Als het HubSpot-formulier dat je op een externe pagina hebt ingesloten niet werkt of niet correct wordt weergegeven, lees dan meer over de meest voorkomende problemen met het insluiten van formulieren en hoe je deze kunt oplossen.

Controleer de insluitcode van het formulier

Om te bevestigen dat de insluitcode op uw externe pagina correct is, vergelijkt u de insluitcode van het formulier die HubSpot verstrekt met de code die op uw site staat:
  • Ga met de muis over het formulier en klik op Bewerken.
  • Klik rechtsboven in de formuliereditor op Insluiten.
  • Klik in het dialoogvenster op KopiĆ«ren.

  • Navigeer in uw browser naar Diff Checker, een tekstvergelijker.
  • In deOriginele tekst sectie, plak de insluitcode van het formulier.
  • Navigeer naar de website pagina waar het formulier is ingesloten. Klik dan met de rechtermuisknop ergens op de pagina en selecteer Bekijk paginabron.
  • Zoek de inbeddingscode van het formulier in de broncode van de pagina en kopieer deze.
  • Navigeer terug naar Diff checker.
  • Plak de extern ingesloten code in de sectie Gewijzigde tekst.
  • Klik op Zoek verschil om te zoeken naar ontbrekende of gebroken code. Als de ingesloten codes hetzelfde zijn, verschijnt het bericht De twee bestanden zijn identiek. Anders worden verschillen rood en groen gemarkeerd.

Als de extern ingesloten code niet overeenkomt met de HubSpot code, voeg dan de juiste code opnieuw in op je externe pagina.

Als de extern ingesloten code wel overeenkomt met de HubSpot code, kan het zijn dat iets in de HTML of JavaScript op je externe pagina de insluitcode van het formulier verstoort. Werk samen met je ontwikkelaar om het probleem verder op te lossen.

Host-specifieke insluitingsproblemen

Als je WordPress, Squarespace of Wix gebruikt, kun je de volgende problemen in elk van de onderstaande website hosts oplossen.

WordPress

Als uw formulier is ingesloten op een WordPress-pagina, kunt u de volgende problemen tegenkomen:

  • WordPress kan '&' in de ingesloten formuliercode omzetten in '&', waardoor de functionaliteit van de code wordt verbroken.
  • XHTML WordPress thema's voegen <![CDATA[ ]]> tags toe rond de JavaScript, wat geen invloed zou moeten hebben op het renderen van het formulier, maar iets is om op te letten bij het controleren van de insluitcode van het formulier.

Als WordPress de insluitcode wijzigt, is het raadzaam een plugin van derden te gebruiken, zoals Insert HTML Snippet, om het formulier als shortcode aan de pagina of het bericht toe te voegen, zodat de scripttags behouden blijven.

Squarespace

Sommige Squarespace-sjablonen renderen scripts alleen bij de eerste paginalading en niet op andere pagina's. Dit kan ertoe leiden dat HubSpot formulieren niet correct werken op sommige pagina's omdat de formulier scripts niet geladen worden terwijl de bezoeker door je website navigeert.

Om dit te voorkomen kun je het laden van Ajax in Squarespace uitschakelen. Als dit niet werkt, kun je ook proberen een andere Squarespace template te gebruiken.

Wix

Wix ondersteunt over het algemeen geen aangepaste codering op gehoste websites. Als gevolg hiervan is het niet mogelijk om uw HubSpot-formulier rechtstreeks in een Wix-pagina in te sluiten.

Om een HubSpot-formulier aan je Wix-pagina toe te voegen, probeer je eerst een Wix iframe-module toe te voegen en vervolgens het formulier aan de module toe te voegen als Widget door de insluitcode van het formulier in te voeren of als ingesloten Site door de URL van de zelfstandige pagina van het formulier in te voeren.

Browserspecifieke problemen

Als je een browser extensie zoals Ghostery hebt die bronnen blokkeert, kan het laden en weergeven van HubSpot formulieren geblokkeerd worden. Lees meer over wat er gebeurt als je HubSpot-formulieren worden geblokkeerd.