Laatst bijgewerkt: juli 30, 2021
Als het HubSpot-formulier dat je hebt ingesloten op een externe pagina niet werkt of niet correct wordt weergegeven, lees dan meer over de meest voorkomende problemen bij het insluiten van formulieren en hoe je deze kunt oplossen.
Bevestig de inbeddingscode van het formulier
Om te bevestigen dat de insluitcode op uw externe pagina correct is, vergelijkt u de door HubSpot verstrekte insluitcode met de code die op uw site staat:- Navigeer in uw HubSpot account naar Marketing > Lead capture > Formulieren.
- Ga met de muis over het formulier en klik op Bewerken.
- In de rechterbovenhoek van de formulier editor, klik op Embed.
- Klik in het dialoogvenster op Kopiëren.
- Navigeer in je browser naar DiffChecker, een tekstvergelijkingstool.
- In deOorspronkelijke tekstplak je de inbeddingscode van het formulier.
- Navigeer naar de websitepagina waar het formulier is ingesloten. Klik dan met de rechtermuisknop ergens op de pagina en selecteer Bekijk pagina bron.
- Zoek de inbeddingscode van het formulier in de paginabron en kopieer deze.
- Ga terug naar Diff checker.
- Plak de extern ingesloten code in de sectie Gewijzigde tekst.
- Klik op Verschil zoekenom te zoeken naar ontbrekende of gebroken code. Als de ingesloten codes dezelfde zijn, wordt het bericht De twee bestanden zijn ident iek weergegeven. Zo niet, dan worden de verschillen in rood en groen gemarkeerd.
Als de extern ingesloten code niet overeenkomt met de HubSpot code, voeg dan de juiste code opnieuw in op uw externe pagina.
Als de extern ingesloten code wel overeenkomt met de HubSpot-code, is het mogelijk dat iets in de HTML of JavaScript op je externe pagina de insluitcode van het formulier verstoort. U moet samenwerken met uw ontwikkelaar om verdere problemen op te lossen.
Host-specifieke insluitproblemen
Als u WordPress, Squarespace of Wix gebruikt, kunt u hieronder verder gaan met het oplossen van de volgende problemen bij elk van de websitehosts.
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 het JavaScript, wat geen invloed zou moeten hebben op de weergave van het formulier, maar iets is om op te letten bij het controleren van de formulier inbeddingscode.
Als WordPress de insluitcode wijzigt, is het raadzaam een plugin van derden zoals Insert HTML Snippet te gebruiken om het formulier als een shortcode aan de pagina of post toe te voegen zodat de scripttags behouden blijven.
Squarespace
Sommige Squarespace templates renderen scripts alleen bij het laden van de eerste pagina en niet op andere pagina's. Dit kan tot gevolg hebben dat HubSpot formulieren niet correct werken op sommige pagina's omdat de formulier scripts niet geladen worden als de bezoeker door uw website navigeert.
Om dit te voorkomen kunt u proberen het laden van Ajax in Squarespace uit te schakelen. Als dit niet werkt, kun je ook proberen een andere Squarespace template te gebruiken.
Wix
Wix ondersteunt over het algemeen geen custom coding op gehoste websites. Hierdoor is het niet mogelijk om uw HubSpot formulier direct in een Wix pagina te embedden.
Om een HubSpot formulier toe te voegen aan uw Wix pagina, probeert u eerst een Wix iframe module toe te voegen, vervolgens voegt u het formulier toe aan de module als een Widget door de embed code van het formulier in te voeren of een embedded Site door de URL van de standalone pagina van het formulier inte voeren.
Browserspecifieke problemen
Als u een browser-extensie zoals Ghostery gebruikt die bronnen blokkeert, kan het laden en weergeven van uw HubSpot-formulieren worden geblokkeerd. Meer informatie over wat er gebeurt als uw HubSpot-formulieren worden geblokkeerd.
