Skjema på feil sted på ekstern side

Når du legger inn et HubSpot-skjema på en ekstern side, kan det hende at det vises på en annen plassering enn ønsket.

Dette kan skyldes at skjemaet gjengis dynamisk på siden, eller et problem med flere skjemainnbyggingskoder som legges til i samme <div>-tagg i sidens HTML.

Disse problemene kan løses ved å tilpasse skjemainnbyggingskoden. Finn ut mer om hvordan du tilpasser skjemainnbyggingskoden i HubSpots utviklerdokumentasjon.

Enkelt skjema

Et skjema kan noen ganger gjengis dynamisk på en side og lastes inn på forskjellige steder. Noen ganger kan det hende at skjemaet ikke vises i eldre nettlesere.

For å sikre at skjemaet lastes inn på en bestemt del av siden, kan du legge til et målattributt i skjemainnbyggingskoden for å angi den spesifikke beholderen du vil at skjemaet skal gjengis i.

Du kan for eksempel tvinge skjemaet til å vises i en beholder på siden med CSS-klassen sidefelt. Slik legger du til et target-attributt i den innebygde skjemakoden:

1. I skjemainnbyggingskoden legger du til et komma (,) etter formId.
2. Deretter skriver du inn en ny linje og skriver inn 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 skjemaer

Når du bygger inn det samme HubSpot-skjemaet flere ganger på en ekstern side, kan det hende at skjemaene vises side om side eller på feil sted. Dette skjer hvis de innebygde skjemakodene legges til i den samme <div>-taggen i sidens HTML.

For å sikre at skjemaene lastes inn og vises på riktig måte, legger du til formInstanceId-attributtet og angir en unik verdi for hver skjemainnbyggingskode:

1. I skjemainnbyggingskoden legger du til et komma (,) etter formId-attributtverdien,
2. Skriv inn en ny linje, og skriv inn formInstanceId: '[number]'.
3. Legg til og nummerer hvert skjema i den rekkefølgen det vises på siden. For eksempel "1" for det første skjemaet, "2" for det andre skjemaet, 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>