Så här bäddar du in ett registreringsformulär på din webbplats
Förväntad lästid: 6 minut(er)
|
Uppdaterad 30 mars 2026 00:00 EST
Du kommer att lära dig
Lär dig hur du lägger till ett inbäddat registreringsformulär på en specifik sida eller plats på din webbplats (t.ex. sidfoten), så att kunder som vill lära sig mer om ditt varumärke enkelt kan registrera sig. Att bädda in ett registreringsformulär i sidfoten på din webbplats, som fungerar tillsammans med dina andra publicerade formulär, är en av Klaviyos bästa metoder för att optimera tillväxten av din lista.
För att lägga till ett inbäddat formulär på din webbplats måste du göra följande:
- Skapa och anpassa ett nytt inbäddningsformulär i Klaviyo.
- Kopiera formulärets inbäddningskod från publiceringsfönstret.
- Klistra in inbäddningskoden i filerna på din webbplats.
Eftersom det krävs tillgång till webbplatsens HTML- och e-handelsplattform för att klistra in formulärkod kan vårt supportteam inte erbjuda praktisk hjälp. Om du inte har en utvecklare i ditt team kan du överväga att kontakta en Klaviyo-partner för att få hjälp.
Innan du börjar
Innan du skapar ditt registreringsformulär, se till att registreringsformulärets funktionalitet är aktiverad i ditt Klaviyo-konto. Detta säkerställer att formulär som publiceras i Klaviyo visas korrekt på din webbplats och synkroniserar alla nödvändiga data.
För att inbäddningsformulär ska fungera behöver du:
- Att funktionen för registreringsformulär är aktiverad. Detta kallas ofta också för ”onsite tracking” och måste vara installerat.
- Att inbäddningskoden klistras in på din webbplats där du vill att formuläret ska visas.
Observera att klistra in inbäddningskoden endast gäller för inbäddade formulär. Popup-, undermeny- och helsidesformulär kräver ingen kodinmatning och kan publiceras direkt från Klaviyos formulärbyggare.
Från och med den 6 december 2024 har Klaviyo förbättrat hur visningar räknas för inbäddade formulär för att mäta engagemang mer exakt. Visningar för inbäddade formulär registreras nu endast när formuläret är synligt i användarens vyområde. Denna förändring kan leda till en märkbar skillnad i antalet visningar och en ökning av inskickade formulär, särskilt för formulär som är inbäddade i sidfoten, eftersom dessa endast räknas om besökaren scrollar tillräckligt långt för att formuläret delvis ska synas i deras vyområde.
Lägg till ett inbäddat formulär på din webbplats
Om du använder Shopify, BigCommerce eller WooCommerce läggs prenumeranter som registrerar sig via plattformens inbäddade formulär automatiskt till din Klaviyo-lista via integrationen. På grund av detta behöver du inte byta ut din integrations inbäddade formulär mot ett från Klaviyo, men du kan fortfarande skapa ett i Klaviyo om du vill samla prenumeranter till en annan lista.
Skapa och anpassa ett nytt inbäddat formulär i Klaviyo
- Välj fliken registreringsformulär i Klaviyos vänstra navigeringsfält.
- Välj Skapa formulär. Härifrån kan du antingen:
- Anpassa en färdigbyggd mall från formulärbiblioteket. Klicka på rullgardinsmenyn bredvid Alla typer och sedan välja Bädda in för att filtrera formulärbiblioteket och visa alla färdigbyggda formulärmallar för inbäddning.
- Börja med en tom mall för inbäddningsformulär genom att välja Skapa nytt formulär i det övre högra hörnet.
- I det modala fönstret som visas:
- Namnge ditt formulär.
- Välj vilken lista de nya prenumeranterna ska gå med i.
- Bekräfta Inbäddning som formulärtyp.
- Klicka på Spara och designa.
- Använd redigeraren för att utforma ditt formulär och lägga till önskade block eller indatafält. För vägledning när du anpassar ditt formulär, se Kom igång med registreringsformulär.
Om du planerar att bädda in ditt formulär i sidfoten rekommenderar vi att du endast ber om e-postadresser för att öka antalet registreringar.
- När du är nöjd med formuläret klickar du på Publicera. Observera att formuläret inte kommer att visas på din webbplats ännu; du måste också klistra in inbäddningskoden på din webbplats för att den ska publiceras.
- I rutan Publicerat som visas klickar du på Kopiera för att kopiera inbäddningskoden till ditt urklipp. Det här är den kod som du måste klistra in i dina webbplatsfiler i nästa avsnitt av den här artikeln.
Observera att ett formulärs inbäddningskod också finns under fliken Målgrupp och beteende i formulärredigeraren.
Klistra in inbäddningskoden på din webbplats
När du har publicerat ditt formulär i Klaviyo och kopierat inbäddningskoden måste du klistra in den här koden i dina webbplatsfiler för att formuläret ska visas. Platsen där du klistrar in koden beror på var du vill att formuläret ska visas (t.ex. i en temafil eller en specifik sidfil) och kan variera beroende på integrationsprogram.
Hitta den plattform som du använder på listan nedan och gå sedan till artikeln som är länkad under den för en mer specifik guide om hur du klistrar in inbäddningskoden för den integrationen.
Om du inte ser din plattform, se punkten ”Övrigt”.
- BigCommerce
För BigCommerce klistrar du in inbäddningskoden i webbplatsens filer där du vill att den ska visas. - Gå till Lägg till inbäddningskoden på din BigCommerce-webbplats.
- Shopify
För Shopify lägger du till appen Klaviyo Embedded Form i sidans mall och klistrar in formulärets inbäddade kod.- Gå till Lägg till inbäddningskoden på din Shopify-webbplats.
- Square
För Square klistrar du in inbäddningskoden i webbplatsens filer där du vill att den ska visas.- Gå till Lägg till inbäddningskoden på din Square-webbplats.
- WooCommerce
För WooCommerce klistrar du in inbäddningskoden i webbplatsens HTML. - Gå till Lägg till inbäddningskoden i sidfoten på din WooCommerce-webbplats.
- Andra plattformar
Om din plattform inte är listad ovan, eller om du använder en anpassad integration som inte integreras med Klaviyo, måste du se till att två kodsnippets klistras in på din webbplats för att inbäddningsformuläret ska fungera:
- Onsite-webbspårning (även känd som Klaviyo.js) för att aktivera registreringsformulärets funktionalitet.
- Observera att många plattformar automatiskt lägger till onsite-webbspårning på din webbplats när du integrerar (inklusive Wix, PrestaShop, Magento 1 och 2, etc.). Kontrollera din plattforms integrationsinställningar i Klaviyo för att bekräfta att detta alternativ är valt.
- Om din plattform inte har en inbyggd Klaviyo-integrering måste du lägga till onsite-webbspårning manuellt.
- Observera att många plattformar automatiskt lägger till onsite-webbspårning på din webbplats när du integrerar (inklusive Wix, PrestaShop, Magento 1 och 2, etc.). Kontrollera din plattforms integrationsinställningar i Klaviyo för att bekräfta att detta alternativ är valt.
- Det specifika formulärets inbäddningskod
- När onsite-webbspårning är aktiverat måste du klistra in formulärets inbäddningskod i webbplatsens HTML-kod/källkod där du vill att den ska visas (t.ex. sidfoten).
- Ett formulärs inbäddningskod kan kopieras från fliken Målgrupp och beteende i formulärredigeraren.
- När onsite-webbspårning är aktiverat måste du klistra in formulärets inbäddningskod i webbplatsens HTML-kod/källkod där du vill att den ska visas (t.ex. sidfoten).
- Onsite-webbspårning (även känd som Klaviyo.js) för att aktivera registreringsformulärets funktionalitet.
Se till att spara alla ändringar som gjorts på din webbplats. Om du inte är bekväm med att redigera kod på din webbplats kan du överväga att kontakta en Klaviyo-partner för att få hjälp.
Kommande steg
När du har publicerat ditt inbäddningsformulär på Klaviyo, klistrat in dess inbäddningskod på din webbplats och sparat dina ändringar, gå till din webbplats och uppdatera sidan.
Inbäddningsformuläret borde visas på din webbplats där du klistrade in inbäddningskoden.
Felsökning av inbäddade formulär
Om ditt inbäddningsformulär är live i Klaviyo men inte visas på din webbplats, se följande felsökningstips:
- Uppdatera din webbläsares cache.
- Kontrollera att din webbplats är korrekt integrerad med Klaviyo och att din webbplats också är live.
- Bekräfta att du har aktiverat registreringsformulär för ditt konto (detta är samma sak som att aktivera onsite-webbspårning).
- Se till att du har sparat ändringarna på din webbplats efter att du har klistrat in inbäddningskoden.
- Gå till avsnittet Målgrupp och beteende i Klaviyos redigerare för registreringsformulär och granska följande:
- I avsnittet Visning, kontrollera att:
- Den inbäddade koden som klistras in på din webbplats korrekt matchar den kod som tillhandahålls av Klaviyo
- Enhetsinställningarna i Klaviyo motsvarar den enhet som du använder för att visa formuläret
- I avsnittet Målgrupp, kontrollera att:
- Du uppfyller eventuella snävare inställningar för Besökare
- Formuläret är inställt på att visas på den URL du tittar på och inkluderar eventuella angivna UTM-parametrar.
- Din plats stämmer överens med alla inställningar för geolokalisering för formuläret
- Din varukorg uppfyller alla krav på varukorgens innehåll som har konfigurerats för formuläret
- I avsnittet Visning, kontrollera att:
- Gör om testet i ett nytt, inkognito-webbläsarfönster ("privat").
- Bekräfta att endast ett Klaviyo-konto är integrerat med din webbplats. Läs mer om integrationer.
Andra möjliga orsaker till att formuläret inte visas
- Om du har anpassad CSS på din webbplats kan detta komma i konflikt med Klaviyos snippet för onsite-webbspårning ("Klaviyo.js") och störa ditt formulär. Be din utvecklare att använda webbläsarens utvecklingsverktyg för att inspektera webbplatsens kod och identifiera problemet eller kontakt supporten.
- Om du använder en webbplats som är en så kallad single page application (”SPA”), kan din konfiguration orsaka att formuläret visas oregelbundet. Kontakta din utvecklare för hjälp.
Ytterligare resurser
- Så kontaktar du support
Vi erbjuder e-post- och livechattsupport till kunder på alla betalabonnemang.
- Felsökning av registreringsformulär
Lär dig felsökningstips för när ett registreringsformulär i din Klaviyo Konto inte fungerar som förväntat genom att granska vanliga problem och lösningar på dessa problem.
- Komma igång med registreringsformulär
Lär dig hur du skapar och anpassar registreringsformulär i Klaviyo för att publicera på din webbplats så att du kan engagera kunder, samla in e-post och telefonnummer och bygga långvariga kundrelationer.
Var den här artikeln till hjälp?
Använd endast detta formulär för feedback på artiklar. Lär dig hur du kontaktar support.