Hoppa till innehåll
Observera: Översättningen av denna artikel är endast avsedd att underlätta för dig. Översättningen har skapats automatiskt med hjälp av en översättningsprogramvara och har eventuellt inte korrekturlästs. Den engelska versionen av denna artikel bör därför betraktas som den gällande versionen med den senaste informationen. Du kan komma åt den här.
Forms

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

Senast uppdaterad: november 2, 2021

Gäller för:

Alla produkter och planer

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.

User-added image

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

User-added image
Bild som lagts till av användaren

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.

form-embed-target

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

Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.