Senast uppdaterad: juni 26, 2023
Tillgänglig med något av följande abonnemang, om inte annat anges:
Alla produkter och planer
|
När du bäddar in ett HubSpot-formulär på din externa sida kan du se att det visas på en annan plats än önskat.
Detta kan bero på att formuläret renderas dynamiskt på sidan eller att flera inbäddningskoder för formulär har lagts 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.
Enstaka formulär
Ett formulär kan ibland renderas dynamiskt på en sida och laddas på olika platser. I äldre webbläsare kanske 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 målattribut till formulärets inbäddningskod för att ange den specifika behållare som du vill att formuläret ska renderas i.
Du kan till exempel tvinga formuläret att återges i en behållare på sidan med CSS-klassen sidebar. Så här lägger du till ett målattribut i formulärets inbäddningskod:
- Lägg till ett kommatecken (,) efter formId i formulärets inbäddningskod.
- Skriv sedan en ny rad och ange target: '[container name]' .
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 se till att formulären laddas och visas korrekt lägger du till attributet formInstanceId och anger ett unikt värde för varje inbäddad formulärkod:
- Lägg till ett kommatecken (,) efter formId-attributvärdet i formulärets inbäddningskod,
- Skriv sedan en ny rad och ange formInstanceId: '[nummer]'.
- 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.
