Formular på forkert sted på ekstern side

Når du indlejrer en HubSpot-formular på din eksterne side, kan du opleve, at den vises et andet sted end ønsket.

Det kan skyldes, at formularen gengives dynamisk på siden, eller et problem med flere formularindlejringskoder, der tilføjes til det samme <div>-tag i sidens HTML.

Disse problemer kan løses ved at tilpasse formularens indlejringskode. Få mere at vide om tilpasning af formularens ind lejringskode i HubSpots udviklerdokumentation.

En enkelt formular

En formular kan nogle gange gengives dynamisk på en side og indlæses forskellige steder. I ældre browsere vises formularen måske ikke engang.

For at sikre, at formularen indlæses på en bestemt del af siden, kan du tilføje en target-attribut til formularens indlejringskode for at angive den specifikke container, du vil have formularen til at blive gengivet i.

Du kan f.eks. tvinge formularen til at blive gengivet i en container på siden med CSS-klassen sidebar. Sådan tilføjer du en target-attribut til formularens indlejringskode:

1. I formularens indlejringskode skal du tilføje et komma (,) efter formId.
2. Indtast derefter en ny linje, og indtast target: '[containernavn]' .

<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/embed/v2.js"></script>
<script>
 hbspt.forms.create({
 region: "na1",
 portalId: "1234567",
 formId: "f0123bdf-4cfa-47cd-8b61-15ce95286047",
 target: ".sidebar"
 });
</script>

Flere formularer

Når du indlejrer den samme HubSpot-formular flere gange på en ekstern side, kan formularerne blive vist side om side eller på den forkerte placering. Det sker, hvis formularernes indlejringskoder føjes til det samme <div>-tag i sidens HTML.

For at sikre, at formularerne indlæses og vises korrekt, skal du tilføje attributten formInstanceId og angive en unik værdi for hver formularindlejringskode:

1. I formularens indlejringskode skal du tilføje et komma (,) efter formId-attributværdien,
2. Skriv en ny linje, og indtast formInstanceId: '[nummer]'.
3. Tilføj og nummerér hver formular i den rækkefølge, den vises på siden. For eksempel '1' for den første formular, '2' for den anden formular og så videre.

<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/embed/v2.js"></script>
<script>
 hbspt.forms.create({
 region: "na1",
 portalId: "1234567",
 formId: "f0123bdf-4cfa-47cd-8b61-15ce95286047",
 formInstanceId: '1'
 });
</script>