Formulier op verkeerde plaats op externe pagina

Wanneer je een HubSpot formulier insluit op je externe pagina, kan het zijn dat het formulier op een andere locatie verschijnt dan gewenst.

Dit kan komen doordat het formulier dynamisch op de pagina wordt weergegeven of doordat er meerdere insluitcodes aan dezelfde <div> tag in de HTML van de pagina zijn toegevoegd.

Deze problemen kunnen worden opgelost door de insluitcode van het formulier aan te passen. Lees meer over het aanpassen van de insluitcode in de HubSpot documentatie voor ontwikkelaars.

Enkel formulier

Een formulier wordt soms dynamisch weergegeven op een pagina en op verschillende locaties geladen. Op oudere browsers wordt het formulier soms zelfs niet weergegeven.

Om ervoor te zorgen dat het formulier op een specifiek deel van de pagina wordt geladen, kun je een doelattribuut toevoegen aan de insluitcode van het formulier om de specifieke container te specificeren waarin het formulier moet worden weergegeven.

Je kunt bijvoorbeeld forceren dat het formulier wordt weergegeven in een container op de pagina met de CSS class sidebar. Een doel attribuut toevoegen aan de code om het formulier in te sluiten:

• Voeg in de formulier insluitcode een komma (,) toe na de formId.
• Voeg vervolgens een nieuwe regel toe en voer als doel in: '[containernaam]' .

Meerdere formulieren

Als je hetzelfde HubSpot-formulier meerdere keren insluit op een externe pagina, kunnen de formulieren naast elkaar of op de verkeerde locatie verschijnen. Dit gebeurt als de insluitcodes van de formulieren worden toegevoegd aan dezelfde <div> tag in de HTML van de pagina.

Om ervoor te zorgen dat de formulieren correct worden geladen en weergegeven, voeg je het attribuut formInstanceId toe en specificeer je een unieke waarde voor elke insluitcode:

• Voeg in de formulier insluitcode een komma (,) toe na de waarde van het kenmerk formId,
• Voeg vervolgens een nieuwe regel toe en voer formInstanceId: '[nummer]'.
• Voeg elk formulier toe en nummer het in de volgorde waarin het op de pagina verschijnt. Bijvoorbeeld '1' voor het eerste formulier, '2' voor het tweede formulier, enzovoort.