Problemen met extern ingesloten HubSpot-formulieren oplossen
Laatst bijgewerkt: juni 28, 2023
Beschikbaar met elk van de volgende abonnementen, behalve waar vermeld:
Alle producten en plannen |
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 in je HubSpot-account naar Marketing > Formulieren.
- 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.