Vidensbase

Formular det forkerte sted på ekstern side

Skrevet af HubSpot Support | Jun 28, 2023 12:41:09 PM

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 at flere formularindlejringskoder føjes til det samme <div>-tag i sidens HTML.

Disse problemer kan løses ved at tilpasse formularens indlejringskode. Læs mere om tilpasning af formularens indlejringskode i HubSpots dokumentation til udviklere.

Enkelt formular

En formular kan nogle gange blive gengivet dynamisk på en side og indlæses forskellige steder. Nogle gange kan formularen slet ikke vises i ældre browsere.

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.

For eksempel kan du tvinge formularen til at blive gengivet i en container på siden med CSS-klassen sidebar. Sådan tilføjer du en target-attribut til formularindlejringskoden:

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

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 er tilføjet 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:

  • I formularindlejringskoden skal du tilføje et komma (,) efter formId-attributværdien,
  • Indtast derefter en ny linje, og indtast formInstanceId: '[nummer]'.
  • Tilføj og nummerer 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.