Så här visar du favoritknappar på din webbplats och i Klaviyo Customer Hub

Du kommer att lära dig

Lär dig hur du kan låta kunderna spara sina favoritartiklar på din webbplats. Genom att lägga till favoritknappar bredvid dina produkter kan du visa kundernas sparade artiklar i Klaviyo Customer Hub-lådan och skicka uppföljningsflöde för att driva konvertering.

Innan du börjar

Den här guiden beskriver hur du aktiverar inställningen Favoriter från inställningarna för Klaviyo Customer Hub i Klaviyo och lägger till favoritknappar på olika sidor på din webbplats. Innan du fortsätter, se till att Klaviyo Customer Hub-funktionerna är aktiverade i Klaviyo.

Läs mer om Klaviyo Customer Hub.

Om favoriter

Med favoritknapparna kan kunderna spara produkter som de är intresserade av. En shoppares favoritartiklar visas i Klaviyo Customer Hub-lådan och kan användas i flöde för att driva ytterligare konvertering.

När du aktiverar favoritfunktionerna i dina Klaviyo Customer Hub inställningar visas en favoritknapp med alla produkter som visas i Klaviyo Customer Hub-gränssnittet. När en kund klickar på den här knappen läggs varan till i favoritavdelningen och sparas i kundens Klaviyo-profil.

För att öka deras synlighet och uppmuntra till användning kan du också lägga till favoritknappar:

• Sidor med produktdetaljer
• Samlingssidor (även kallade "produktlistasidor") 

Artiklar som favoritmarkeras från någon av dessa sidor sparas också i kundernas favoritavsnitt i Klaviyo Customer Hub-lådan. Observera att alla besökare kan lägga till produkter i sin favoritlista, oavsett om de är inloggade på kundkonto eller inte. När de loggar in synkroniseras alla favoriter som de har sparat till deras Klaviyo profil.

Aktivera favoriter så att de visas i Klaviyo Customer Hub-lådan

Om du vill visa favoriter i Klaviyo Customer Hub-lådan måste du först aktivera inställningen Favoriter på Klaviyo. 

1. I Klaviyo:s huvudnavigering till vänster väljer du Klaviyo Customer Hub.
2. Klicka på Inställningar.
3. Välj fliken Tillägg.
4. Under Favoriter markerar du rutan för att Aktivera favoriter.
   
5. I rullgardinsmenyn Välj ikon väljer du vilken typ av favoritikon som ska visas under dina produkter (t.ex. ett hjärta eller ett plustecken). 
   • Som standard visar förhandsgranskningen den omarkerade (dvs. inte favoritmarkerade) versionen av ikonen. Klicka på ikonen i förhandsgranskningen för att se hur den ändras till favoritläget.
6. Klicka på Spara.

En favoritknapp kommer nu att visas under alla produkter som visas i Klaviyo Customer Hub-gränssnittet. Om du klickar på den läggs objektet till i avsnittet Favoriter.

Fortsätt till nästa avsnitt för vägledning om hur du lägger till favoritknappar på sidor med produktinformation. 

Lägg till favoritknappar på sidor med produktdetaljer

Ge kunderna möjlighet att favoritmarkera specifika artiklar de tittar på genom att lägga till favoritknappar under produkterna på produktdetaljsidorna. 

1. I inställningen Favoriter på Klaviyo väljer du Lägg till app block. 
2. Om du gör det startar temaredigeraren Shopify i ett nytt fönster och visar en modal som anger att Klaviyo Favorites-appen block har lagts till i din mall för standardproduktsidor. Klicka på Fick det.
   
3. Klicka och dra appen för att justera dess placering på sidan med produktinformation efter behov. 
4. När du är klar klickar du på Spara för att spara dina ändringar i Shopify. Nu visas favoritknapparna under produkterna på dina produktsidor. 
5. Valfritt: För ytterligare styling, navigera tillbaka till Klaviyo. Med hjälp av rullgardinsmenyn App block style kan du anpassa utseendet på favoritknappen på produktsidor. Välj antingen:
   • Ärv för att synkronisera webbplatsens knappstilar (standard).
   • Custom för att välja ett visst teckensnitt och en viss textfärg för knappen.
     
6. Spara eventuella ändringar.

Navigera tillbaka till din webbplats. Du bör se att favoritknapparna dyker upp under produkterna på dina produktdetaljsidor.

Gå sedan vidare till avsnittet Lägg till favoritknappar på dina samlingssidor. 

Installera favoritknappar manuellt (vintage-teman eller anpassade inställningar)

Om du använder ett vintage Shopify -tema eller en anpassad installation som inte support app block, kan du behöva installera Klaviyo Wishlist-appen manuellt på de sidor där du vill ha favoritåtgärder (t.ex. produktsidor).

För att göra det:

1. Öppna administratören för din Shopify-butik.
2. Välj webbutik under försäljningskanal.
3. Klicka på menyn med tre punkter på ditt aktuella tema och välj sedan Redigera kod. Om du hellre vill testa det på ett utkast till tema, duplicera först ditt nuvarande tema och redigera sedan koden för det duplicerade temat.
   
4. Hitta filen för din produktinformationssida. Detta varierar beroende på tema, men har vanligtvis ordet "produkt" i sitt namn. I Dawn-temat heter det till exempel "main-product.liquid".
5. Klistra in följande kodsnippet där du vill att favoritknappen ska visas:
   <div class="klaviyo-wishlist-slot" data-product-id="{{ product.id }}" ></div>
6. Klicka på Spara.
7. Klicka på Förhandsgranska butik.
8. Navigera till en produktsida i förhandsgranskningen av din butik. Knappen "Lägg till favoriter" ska vara synlig på den angivna platsen.

Lägg till favoritknappar på dina samlingssidor

Installera en liten kodsnutt på din Shopify-webbplats för att lägga till favoritknappar på dina samlingssidor så att kunderna snabbt kan spara artiklar när de bläddrar bland dina produkter. Detta är särskilt användbart för kunder som handlar via mobila enheter.

För att göra det:

1. Öppna administratören för din Shopify-butik.
2. Välj webbutik under försäljningskanal.
3. Klicka på menyn med tre prickar bredvid ditt aktuella tema och välj sedan Redigera kod. 
   • Om du vill testa på ett utkast till tema duplicerar du först ditt nuvarande tema och redigerar sedan koden i det duplicerade temat.
4. I den vänstra sidofältet söker du efter och öppnar din samlingsfil. Vi använder filen featured-collections.liquid i det här exemplet, men ditt tema kan använda en annan fil.
   
5. I samlingsfilen använder du sökgenvägen (Command+F på Mac eller Control+F på Windows) för att söka efter ordet "render" i filen. Detta hjälper dig att identifiera det snippetnamn som innehåller ditt produktraster.
   • Snippet kommer sannolikt att visas i ett format som liknar: {% render 'snippet-name'%}, där "snippet-name" är namnet på den relevanta snippet-filen (t.ex. card-product).
     
6. I det vänstra sidofältet söker du efter och öppnar den snippet-fil som identifierades i föregående steg (t.ex. card-product.liquid).
7. Högst upp i den här filen finns objektvärdet som anges under "Accepts" (t.ex. "card_product").
   
8. Kopiera följande kod och klistra in den i snippet-filen:
   • Tips: Leta efter den första förekomsten av prisåtergivningen i din fil och klistra in koden ovanför den.
     <div

    class="Klaviyo-favoriter-plp-slot"

   data-produkt-id="{{ OBJECT.id }}"

   data-produkt-url="{{ OBJECT.url }}"

   data-variation-id="{{OBJECT.selected_or_first_available_variant.id}}"

  ></div>
9. I den kod du klistrade in ersätter du OBJECT med det objektvärde du noterade tidigare.
   • Om filens objektvärde till exempel är "card_product" kommer koden att se ut så här när den klistras in i filen ovanför priset.
     
10. Klicka på Spara i Shopify.
11. Gå till din webbplats samlingssida och aktualisera.

Du bör nu se att favoritknapparna visas på varje produkt. Observera att det kan ta några sekunder att ladda dem. Som standard är dessa placerade i det övre högra hörnet. Om du vill ändra positioneringen, kontakta din utvecklare för att få hjälp med anpassad CSS. 

Om favoritknapparna fortfarande inte har dykt upp kan du prova dessa felsökningssteg:

• Bekräfta att du har ersatt OBJECT i kodsnippet med din fils objektvärde.
• Försök att klistra in koden någon annanstans i filen.
• Kontrollera att du har klistrat in koden i rätt snippet-fil.

Om de fortfarande inte visas ska du kontakta en utvecklare. Klaviyos support-team kan inte direkt redigera dina temafiler.

Kommande steg

Nu när du har lagt till favoritknappar på din webbplats kan du skapa ett favoritpåminnelseflöde för att driva konvertering genom att påminna kunderna om deras nyligen sparade artiklar.

Ytterligare resurser

• Komma igång med Klaviyo Customer Hub
• Så här aktiverar du produktrekommendationer i Klaviyo Customer Hub 
• Så här utformar du din Klaviyo Customer Hub