Så här lägger du till ett inbäddat formulär på din Shopify-webbplats
Du kommer att lära dig
Lär dig hur du lägger till ett inbäddat Klaviyo-formulär på din Shopify-webbplats. Det innebär att du skapar ett formulär i Klaviyo och sedan lägger till dess formulär-ID i appblocket Klaviyo Embedded Form i ditt Shopify-tema, till exempel i sidfoten.
Använder du redan ett Shopify-registreringsformulär? Om du valde att synkronisera Shopify-prenumeranter till Klaviyo vid integreringen synkroniseras alla nya prenumeranter automatiskt.
Innan du börjar
Innan du lägger till den inbäddade blanketten på din Shopify-webbplats måste du integrera med Shopify och aktivera Klaviyo-appinbäddningen i ditt tema så att registreringsformulär kan visas och samla in inskickade uppgifter. Om du ändrar ditt publicerade tema behöver du aktivera appinbäddningen i det nya temat.
Så här verifierar du att appinbäddningen är aktiverad:
- Navigera till din inställningssida för Shopify-integrationer.
- Scrolla till avsnittet Spårning på webbplatsen.
- Om du ser en grön banner med texten Klaviyo-appinbäddning är aktiverad på din Shopify-butik är allt klart. Fortsätt till nästa avsnitt i artikeln för att lägga till inbäddningsformuläret på din webbplats.
- Om du ser en grön banner med texten Klaviyo-appinbäddning är aktiverad på din Shopify-butik är allt klart. Fortsätt till nästa avsnitt i artikeln för att lägga till inbäddningsformuläret på din webbplats.
- För en gul banderoll med följande meddelande följer du guiden nedan: Inbäddning av Klaviyo-appen ä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 att aktivera Klaviyos appinbäddning för Shopify innan du fortsätter med den här artikeln.
- Läs vår guide om att aktivera Klaviyos appinbäddning för Shopify innan du fortsätter med den här artikeln.
Exemplet i den här artikeln använder ett Shopify 2.0-tema. Ditt tema kan skilja sig, vilket kan påverka var appblock är tillgängliga. Ditt tema måste ha stöd för appblock för stegen nedan. Se Shopifys vägledning för appblock för kompatibilitetsinformation.
Lägg till ett inbäddat formulär på din webbplats
Vill du bädda in ett formulär på en Shopify-tacksida eller på en sida för orderstatus? Shopify har inte längre inbyggt stöd för den här funktionen, men du kan använda Klaviyos funktioner för sms-appblock för att samla in samtycke till sms i Shopify-kassan (endast Shopify Plus) samt på tacksidor eller sidor för orderstatus.
- Skapa och anpassa ett inbäddningsformulär i Klaviyo. Välj vilken lista nya prenumeranter ska gå med i.
- I formulärredigeraren väljer du Målgruppsinriktning & beteende > Visning.
- Under Inbäddnings kod kopierar du bara formulär-ID:t från koden. I
<div class="klaviyo-form-ABC123"></div>är formulär-ID:t till exempelABC123. Använd ditt eget formulärs ID.
- Klicka på Publicera eller schemalägg, välj Publicera nu och klicka sedan på Publicera nu för att publicera formuläret. Lös alla blockeringsvarningar för formuläret innan du publicerar.
- Navigera till din Shopify-instrumentpanel.
- Välj Webbutik > Teman.
- Klicka på Redigera tema bredvid ditt publicerade tema.
- Välj den sidmall där du vill lägga till formuläret i den övre menyraden (t.ex. din startsida eller lösenordssida).
- I menyn till vänster väljer du Lägg till avsnitt > Appar > Klaviyo Embedded Form på någon av följande platser:
- Om du vill lägga till formuläret på sidor som använder den valda mallen gör du det i avsnittet mall. Ändringar gäller för alla sidor som använder den mallen. Om du vill begränsa formuläret till 1 sida kan du skapa en separat mall och tilldela den till den sidan.
- Om du vill lägga till formuläret på sidor som använder den valda mallen gör du det i avsnittet mall. Ändringar gäller för alla sidor som använder den mallen. Om du vill begränsa formuläret till 1 sida kan du skapa en separat mall och tilldela den till den sidan.
- För att visa formuläret på alla sidor som använder sidfot i ditt tema gör du detta i avsnittet Sidfot. Observera att ett inbäddat formulär i webbplatsens sidfot också är en Klaviyo-bästa praxis för att öka antalet prenumeranter.
- Klicka på det nyligen skapade avsnittet Klaviyo Embedded Form i menyn till vänster.
- Klistra in formulär-ID:t som du kopierade från Klaviyo i den avsedda textrutan.
- Klicka på Spara för att lägga till ditt inbäddade formulär i sidmallen. Observera att det inbäddade formuläret inte visas i förhandsgranskningen förrän efter att du har sparat.
- Valfritt: När du har sparat kan du ändra ordning på Klaviyo Embedded Form-appen genom att klicka och dra den i menyn. Klicka på Spara igen när du har flyttat den.
När du har klistrat in formulär-ID:t och sparat ändringarna i Shopify går du tillbaka till din webbplats och uppdaterar sidan. Besökare som uppfyller formulärets inställningar för målgrupp och enhet kommer att se det och kan välja att gå med i din lista genom att fylla i det.
Om du inte ser ditt formulär kan du läsa felsökning av inbäddade formulär.
Kommande steg
Skapa sedan ett välkomstserieflöde för att göra ett omedelbart intryck på dina nya prenumeranter.
Ytterligare resurser
- Så hanterar du dina registreringsformulär
Lär dig tips för att hantera dina befintliga registreringsformulär så att du kan se till att de är estetiskt tilltalande och funktionella för kunder som är intresserade av att interagera med ditt varumärke.
- Komma igång med Shopify
Lär dig hur du integrerar Klaviyo med Shopify för att ta med din kundprofil och beställa data till Klaviyo och nå kund med riktade budskap. Dessutom kan du aktivera Klaviyo på plats-spårning och registreringsformulär, och synka data från Klaviyo till Shopify.
- 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.