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 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 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 skapar inbäddningsformuläret i Klaviyo måste du integrera med Shopify och aktivera funktionalitet för registreringsformulär (kallas även "spårning på webbplatsen"). För Shopify-butiker måste app-inbäddningen vara aktiverad för att registreringsformulär ska visas och synkronisera data korrekt.

Så här verifierar du att appinbäddningen är aktiverad:

  1. Navigera till din inställningssida för Shopify-integrationer.
  2. Scrolla till avsnittet Onsite spårning.
    • 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.
The Onsite tracking section of an example account's Shopify Integrations settings page showing a green banner stating that the app embed is enabled.
The Onsite tracking section of an example account's Shopify Integrations settings page showing a green banner stating that the app embed is enabled.
  • Om en gul banderoll visas är inbäddning av Klaviyo-appen avstängd. När du har aktiverat den väljer du ”Spara” i Shopify-temaredigeraren för att tillämpa ändringen.
The Onsite tracking section of an example account's Shopify Integrations settings page showing a yellow banner stating that the app embed is turned off.
The Onsite tracking section of an example account's Shopify Integrations settings page showing a yellow banner stating that the app embed is turned off.

Exemplet i den här artikeln använder ett Shopify 2.0-tema. Ditt tema kan skilja sig, vilket kan påverka namnen på vissa filer eller var kodsnippet finns.

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.

  1. Skapa ditt inbäddade formulär.
  2. I formulärredigeraren väljer du Inriktning och beteende > Visning.
  3. Under Inbäddnings kod kopierar du formulär-ID:t inifrån koden enligt nedan:
  1. Publicera ditt formulär.
  2. Navigera till din Shopify-instrumentpanel.
  3. Välj Webbutik > Teman.
  4. Klicka på Anpassa.
The Themes menu on an example Shopify dashboard showing the Customize button highlighted to click.
The Themes menu on an example Shopify dashboard showing the Customize button highlighted to click.
  1. Välj den sidmall där du vill lägga till formuläret i den övre menyraden (t.ex. din startsida eller lösenordssida).
A Shopify store admin showing the page templates dropdown open at the top and Home page selected to edit in the theme editor.
A Shopify store admin showing the page templates dropdown open at the top and Home page selected to edit in the theme editor.
  1. I menyn till vänster under Appar väljer du Lägg till avsnitt > Appar > Klaviyo Embedded Form.
    • Om du bara vill att det här formuläret ska visas på just den här sidan gör du det i avsnittet mall.
A Shopify store's hope page open in the theme editor and showing a Klaviyo Embedded Form app in the Template section.
A Shopify store's hope page open in the theme editor and showing a Klaviyo Embedded Form app in the Template section.
  • Om du vill att formuläret ska finnas kvar på varje sida på din webbplats gör du detta i avsnittet Sidfot. Observera att ett inbäddat formulär i sidfoten på din webbplats också är en bästa praxis från Klaviyo för att få listan att växa.
A Shopify store's hope page open in the theme editor and showing a Klaviyo Embedded Form app in the Footer section
A Shopify store's hope page open in the theme editor and showing a Klaviyo Embedded Form app in the Footer section
  1. Klicka på det nyligen skapade avsnittet Klaviyo Embedded Form i menyn till vänster.
  2. Klistra in formulär-ID:t som du kopierade från Klaviyo i den avsedda textrutan.
  1. 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.
  2. Valfritt: När du har sparat kan du ordna om Klaviyo Embedded Form-appen genom att klicka och dra den i menyn.

När du har klistrat in inbäddningskoden och sparat ändringarna i Shopify går du tillbaka till din webbplats och uppdaterar sidan. Webbplatsbesökare ser ditt formulär 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

  • How to manage your sign-up forms

    Learn tips for managing your existing sign-up forms so you can ensure they are aesthetically pleasing and functional for customers interested in engaging with your brand.

  • Getting started with Shopify

    Learn how to integrate Klaviyo with Shopify in order to bring your customer profile and order data into Klaviyo and reach customers with targeted messaging. Additionally, enable Klaviyo onsite tracking and sign-up forms, and sync data from Klaviyo to Shopify.

  • Getting started with sign-up forms

    Learn how to create and customize sign-up forms in Klaviyo to publish on your website so you can engage shoppers, collect emails and phone numbers, and build long-lasting customer relationships.

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.

Utforska mer från Klaviyo

Community
Få kontakt med kollegor, partner och Klaviyo-experter för att hitta inspiration, dela insikter och få svar på alla dina frågor.
Partners
Anlita en Klaviyo-certifierad expert för att hjälpa dig med en specifik uppgift eller för löpande marknadsföringshantering.
Support

Få tillgång till support via ditt konto.

E-postsupport (gratis provperiod och betalkonton) Tillgänglig dygnet runt, alla dagar i veckan

Chatt/virtuell hjälp
Tillgängligheten varierar beroende på plats och abonnemangstyp