Formuläret på fel plats på den externa sidan

När du bäddar in ett HubSpot-formulär på din externa sida kan det hända att det visas på olika ställen. Detta kan bero på att formuläret visas dynamiskt på sidan eller att flera koder för inbäddning av formuläret läggs till i samma <div>-tagg i sidans HTML.

Formuläret visas dynamiskt på en sida

Ett formulär kan visas dynamiskt på en sida och laddas på olika ställen. Om du vill se till att formuläret laddas på en viss del av sidan lägger du till ett target-attribut till koden för inbäddning av formuläret för att ange den specifika behållare som du vill att formuläret ska visas i.

Lägg till ett kommatecken (,) efter värdet för formId-attributet i koden för inbäddning av formuläret, skriv sedan in en ny rad och ange target: "[container name]" . Du kan till exempel tvinga formuläret att visas i en behållare på sidan med CSS-klassen sidebar.

Läs mer om hur du anpassar koden för inbäddning av formuläret i HubSpot-dokumentationen för utvecklare.

Flera koder för inbäddning av formulär som läggs till i samma <div>-tagg

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 om koderna för inbäddning av formuläret läggs till i samma <div>-tagg i sidans HTML.

För att se till att formulären laddas och visas korrektläggerdutill attributet formInstanceId och anger ett unikt värde för varje kod för inbäddning av formuläret. I koden för inbäddning av formuläret lägger du till ett kommatecken (,) eftervärdet för attributetformIdoch skriversedan in en ny rad och angerformInstanceId:[Det rekommenderas attnumrera varje formulär i den ordning som det visas på sidan (t.ex. "1" för det första formuläret, "2" för det andra osv.).

Formuläret laddas inte i äldre webbläsare

I äldre webbläsare kan viss Javascript komma i konflikt med HubSpot's inbäddningskod och leda till att formuläret inte laddas.

För att se till att formulären laddas och visas korrekt kan etttarget-attribut läggas till i varje kod för inbäddning av formuläret för att ange den specifika behållare som du vill att formuläret ska visas i.

Läs mer om hur duanpassar koden för inbäddning av formuläretiHubSpot-dokumentationen för utvecklare.