Så här lägger du till ett inbäddningsformulär på din Shopify-webbplats
Du kommer att lära dig
Lär dig hur du lägger till ett Klaviyo-inbäddningsformulär på din Shopify-webbplats. Detta innebär att du skapar ett formulär i Klaviyo och sedan klistrar in dess inbäddningskod i webbplatsens filer där du vill att den ska visas, till exempel i sidfoten.
Använder du redan ett registreringsformulär från Shopify? Om du valde att synkronisera Shopify prenumerant till Klaviyo när du integrerade, kommer alla nya prenumeranter att synkroniseras automatiskt.
Innan du börjar
Innan du skapar det inbäddade formuläret i Klaviyo måste du integrera med Shopify och aktivera registreringsformulärets funktionalitet (även kallad "onsite spårning"). För Shopify butik måste appinbäddningen vara aktiverad för att registreringsformuläret ska visas och synkroniseras data korrekt.
För att verifiera att appens inbäddning är aktiverad:
- Navigera till din Shopify-inställningssida för integrationsinställningar.
- Bläddra till avsnittet Onsite spårning.
- Om du ser en grön banner som säger att Klaviyo-appens inbäddning är aktiverad i din Shopify-butik är du klar. Fortsätt till nästa avsnitt i artikeln för att lägga till inbäddningsformuläret på din webbplats.
- Om en gul banner visar Klaviyo app embed är avstängd. När du har aktiverat den väljer du "Spara" i Shopify-temaredigeraren för att tillämpa ändringen.
- Läs vår guide om hur du aktiverar Klaviyo:s app embed för Shopify innan du fortsätter med den här artikeln.
- Läs vår guide om hur du aktiverar Klaviyo:s app embed för Shopify innan du fortsätter med den här artikeln.
- Om du ser en grön banner som säger att Klaviyo-appens inbäddning är aktiverad i din Shopify-butik är du klar. Fortsätt till nästa avsnitt i artikeln för att lägga till inbäddningsformuläret på din webbplats.
I exemplet i den här artikeln används ett Shopify 2.0-tema. Ditt tema kan skilja sig åt, vilket kan påverka namnen på vissa filer eller platserna för kodsnippet.
Lägg till ett inbäddat formulär på din webbplatsLägg till ett inbäddat formulär på din webbplats
Vill du bädda in ett formulär på en Shopify-sida för tack eller orderstatus? Shopify har inte längre stöd för denna funktionalitet, men du kan använda Klaviyo:s sms-app block funktioner för att samla in sms-samtycke på Shopify kassa (endastShopify Plus), tack- eller orderstatussidor.
- Skapa ditt inbäddningsformulär.
- I formulärredigeraren väljer du Inriktning och beteende > Display.
- Under Embed Code kopierar du formulär-ID:t från koden enligt nedan:
- Publicera ditt formulär.
- Navigera till din Shopify-instrumentpanel.
- Välj webbutik > Teman.
- Klicka på Anpassa.
- I den övre menyraden väljer du det sidcenter där du vill lägga till formuläret (t.ex. din startsida eller lösenordssida).
- I menyn till vänster under Appar väljer du Lägg till avsnitt > Appar > Klaviyo Embedded Form.
- Om du vill att formuläret bara ska visas på den här specifika sidan gör du det i avsnittet Mall.
- Om du vill att formuläret ska finnas kvar på alla sidor på din webbplats gör du det i avsnittet Footer. Observera att ett inbäddningsformulär i sidfoten på din webbplats också är en Klaviyo bästa praxis för listtillväxt.
- Om du vill att formuläret bara ska visas på den här specifika sidan gör du det i avsnittet Mall.
- Klicka på det nyskapade avsnittet Klaviyo Embedded Form i menyn till vänster.
- Klistra in formulär-ID:t som du kopierade från Klaviyo i den angivna textrutan.
- Klicka på Spara för att lägga till ditt inbäddningsformulär i sidans mall. Observera att inbäddningsformuläret inte visas i förhandsgranskningen förrän efter att du har sparat.
- Valfritt: När du har sparat kan du omorganisera appen Klaviyo Embedded Form genom att klicka och dra den i menyn.
När du har klistrat in inbäddningskoden och sparat ändringarna i Shopify, navigera tillbaka till din webbplats och aktualisera sidan. Webbplatsbesökare kommer att se ditt formulär och har möjlighet att gå med i din lista genom att fylla i det.
Om du inte ser ditt formulär, se felsökning av inbäddade formulär.
Kommande stegKommande steg
Skapa sedan en välkomstserie flöde för att göra en omedelbar inverkan på din nya prenumerant.
Ytterligare resurser