Sist oppdatert: juni 28, 2023
Gjelder for:
Alle produkter og planer
|
Når du bygger 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 at flere skjemainnbyggingskoder legges til i samme <div>-tagg i sidens HTML.
Disse problemene kan løses ved å tilpasse skjemainnbyggingskoden. Du finner mer informasjon om hvordan du tilpasser skjemainnbyggingskoden i HubSpots dokumentasjon for utviklere.
Enkeltskjema
Noen ganger kan et skjema gjengis dynamisk på en side og lastes inn på forskjellige steder. I noen tilfeller kan det hende at skjemaet ikke engang vises i eldre nettlesere.
For å sikre at skjemaet lastes inn på en bestemt del av siden, kan du legge til et target-attributt i skjemainnbyggingskoden for å spesifisere den spesifikke beholderen du vil at skjemaet skal gjengis i.
Du kan for eksempel tvinge skjemaet til å gjengis i en beholder på siden med CSS-klassen sidebar. Slik legger du til et målattributt i skjemainnbyggingskoden:
- I skjemainnbyggingskoden legger du til et komma (,) etter formId.
- Deretter skriver du inn en ny linje og skriver inn target: '[container name]' .
Flere skjemaer
Når du bygger inn det samme HubSpot-skjemaet flere ganger på en ekstern side, kan skjemaene vises side om side eller på feil sted. Dette skjer hvis skjemainnbyggingskodene legges til i den samme <div>-taggen i sidens HTML.
For å sikre at skjemaene lastes inn og vises riktig, legger du til attributtet formInstanceId og angir en unik verdi for hver skjemainnlemmingskode:
- I skjemainnbyggingskoden legger du til et komma (,) etter formId-attributtverdien,
- Deretter skriver du inn en ny linje og angir formInstanceId: '[nummer]'.
- 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.
