Formulär på fel plats på extern sida

När du bäddar in ett HubSpot-formulär på din externa sida kan det hända att det visas på en annan plats än önskat.

Detta kan bero på att formuläret återges dynamiskt på sidan eller ett problem med att flera inbäddningskoder för formulär läggs till i samma <div>-tagg i sidans HTML.

Dessa problem kan lösas genom att anpassa formulärets inbäddningskod. Läs mer om hur du anpassar in bäddningskoden för formuläret i HubSpots dokumentation för utvecklare.

Ett enda formulär

Ett formulär kan ibland renderas dynamiskt på en sida och laddas på olika platser. I äldre webbläsare kan det hända att formuläret inte ens visas.

För att säkerställa att formuläret laddas på en viss del av sidan kan du lägga till ett target-attribut i formulärets inbäddningskod för att ange den specifika behållare som du vill att formuläret ska renderas i.

Du kan t.ex. tvinga formuläret att återges i en behållare på sidan med CSS-klassen sidebar. Så här lägger du till ett target-attribut i formulärets inbäddningskod:

1. I formulärets inbäddningskod lägger du till ett kommatecken (,) efter formId.
2. Skriv sedan en ny rad och ange target: '[containernamn]' .

<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>

Flera formulär

När du bäddar in samma HubSpot-formulär flera gånger på en extern sida kan formulären visas sida vid sida eller på fel plats. Detta händer om formulärets inbäddningskoder läggs till i samma <div>-tagg i sidans HTML.

För att säkerställa att formulären laddas och visas korrekt ska du lägga till attributet formInstanceId och ange ett unikt värde för varje inbäddningskod för formulär:

1. I koden för inbäddning av formulär lägger du till ett kommatecken (,) efter attributvärdet formId,
2. Skriv en ny rad och ange formInstanceId: '[nummer]'.
3. Lägg till och numrera varje formulär i den ordning de visas på sidan. Till exempel "1" för det första formuläret, "2" för det andra formuläret och så vidare.

<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>