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