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 låter kunder spara sina favoritartiklar på din webbplats. Genom att lägga till favoritknappar intill dina produkter kan du visa kundernas sparade artiklar i Klaviyo Customer Hub-panelen och skicka uppföljningsflöden för att driva konvertering.

Klaviyo Customer Hub för Shopify har för närvarande stöd för standardbutiker och Shopify Headless. För WooCommerce går du till https://help.klaviyo.com/hc/sv-se/articles/47792369863451

Om du har feedback om Klaviyo Customer Hub-funktionalitet kan du mejla [e-mail].

Innan du börjar

Den här guiden beskriver hur du aktiverar inställningen Favoriter i inställningarna för Klaviyo Customer Hub i Klaviyo och lägger till favoritknappar på olika sidor på webbplatsen. Innan du fortsätter ska du se till att funktionen Klaviyo Customer Hub är aktiverad i Klaviyo.

Läs mer om Klaviyo Customer Hub.

Om favoriter

Favoritknappar gör att shoppare kan spara produkter de är intresserade av. En shoppers favoritmarkerade artiklar visas i Klaviyo Customer Hub-lådan och kan användas i flöden för att driva fler konverteringar.

När du aktiverar funktionen Favoriter i dina inställningar för Klaviyo Customer Hub visas en knapp för favoriter med alla produkter som visas i Klaviyo Customer Hub-gränssnittet. När en kund klickar på den här knappen läggs artikeln till i avsnittet Favoriter och sparas i kundens Klaviyo-profil.

För att öka synligheten och uppmuntra användning kan du även lägga till favoriter-knappar till:

• Produktdetaljsidor
• Kollektsidor (kallas även ”produktlistsidor”)

Artiklar som favoritmarkerats från någon av de här sidorna sparas också i kundernas avsnitt Favoriter i Klaviyo Customer Hub-panelen. Observera att alla besökare kan lägga till produkter i sin favoritlista, oavsett om de är inloggade på ett kundkonto. När de loggar in synkroniseras alla favoriter som de har sparat med deras Klaviyo-profil.

Aktivera favoriter så att de visas i Klaviyo Customer Hub

För att visa favoriter i Klaviyo Customer Hub-lådan måste du först aktivera inställningen Favoriter i Klaviyo.

Observera att om din Klaviyo Customer Hub är live publicerar du den på din webbplats när du sparar den här ändringen. Om den inte är det behöver du ställa in din Klaviyo Customer Hub som live i inställningsmenyn Allmänt för att se den här ändringen.

1. I Klaviyos huvudnavigering till vänster väljer du Service – Klaviyo Customer Hub.
2. Klicka på fliken Tillägg .
3. Under Favoriter, markerar du rutan för att Aktivera favoriter.
   
4. 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 favoritmarkerat läge.
5. Klicka på Spara.

En favoritknapp visas nu under alla produkter som visas i gränssnittet för Klaviyo Customer Hub. När du klickar på den läggs varan till i avsnittet Favoriter.

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

Importera befintliga önskelistor till Klaviyo Customer Hub

Om du övergår till Klaviyo Customer Hub från en annan önskelisteapp kan du smidigt migrera dina kunders sparade artiklar med en dataflytt med relativt liten informationsförlust. Klaviyo erbjuder ett standardarbetsflöde för att importera historiska data om favoriter och önskelistor så att dina kunder inte förlorar sina sparade produkter.

Import av inbyggda appar

Klaviyo erbjuder inbyggt stöd direkt för att importera data från populära önskelisteappar, inklusive:

• Swym
• Wishlist King

Import via CSV

Om du migrerar från en annan önskelisteleverantör kan du importera dina data direkt i Klaviyo. Gå till inställningarna för favoriter i Klaviyo Customer Hub och släpp din CSV-fil i uppladdningsområdet – ingen mall krävs. Importverktyget känner automatiskt igen formatet på din fil och mappar data därefter för att fylla i dina kunders Klaviyo Customer Hub-profiler.

Lägg till favoritknappar på produktdetaljsidor

Skapa betydligt högre engagemang genom att lägga till knappar för ”lägg till i favoriter” på dina produktsidor.

Om du använder ett vintage Shopify-tema eller en anpassad konfiguration som inte stöder appblock kan du läsa våra instruktioner för att installera favoritknappen manuellt.

1. I inställningen Favorites i Klaviyo väljer du Lägg till appblock.
2. Detta öppnar din Shopify-temaredigerare i ett nytt fönster och visar en modal som anger att appblocket Klaviyo Favorites har lagts till i din standardmall för produktsidor. Klicka på Jag fattar.
   
3. Klicka och dra appen för att justera dess position på din sida med produktinformation efter behov.
4. När du är klar klickar du på Spara för att spara dina ändringar i Shopify. Nu visas favoritknappar under produkter på dina produktsidor.
5. Valfritt: om du vill ha mer formatering går du tillbaka till Klaviyo. Med rullgardinsmenyn Appblockstil kan du anpassa hur favoritknappen ser ut på produktsidor. Välj antingen:
   
   • Ärv för att synkronisera din webbplats knappstilar (standard).
   • Anpassad för att välja ett visst knapptypsnitt och en viss textfärg.
   
6. Spara eventuella ändringar.

Navigera tillbaka till din webbplats. Du bör se att favoritknappar fylls i under produkter på dina produktdetaljsidor.

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

Installera favoritknappar manuellt (vintage-teman eller anpassad konfiguration)

Om du använder ett äldre Shopify-tema eller en anpassad konfiguration som inte stöder appblock kan du behöva installera Klaviyo Wishlist-appen manuellt på de sidor där du vill ha favoritåtgärder (t.ex. produktsidor).

Gör så här:

1. Öppna administratören för din Shopify-webbutik.
2. Under försäljningskanaler väljer du Onlinebutik.
3. Klicka på menyn med tre prickar i ditt nuvarande tema och välj sedan Redigera kod. Om du hellre vill testa det i ett utkasttema duplicerar du först ditt nuvarande tema och redigerar sedan koden i det duplicerade temat.
   
4. Hitta filen för din produktdetaljsida. Det här varierar beroende på tema, men innehåller vanligtvis ordet ”product” i namnet. Till exempel heter den här i Dawn-temat ”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. Gå till en produktsida i förhandsgranskningen av din butik. Knappen för tillagda favoriter ska vara synlig på den angivna platsen.

Lägg till favoritknappar på dina kollektionssidor

Installera en liten kodsnutt på din Shopify-webbplats för att lägga till favoritknappar på dina kollektionssidor, så att kunder snabbt kan spara artiklar medan de bläddrar bland dina produkter. Det här är särskilt användbart för kunder på mobila enheter.

Gör så här:

1. Öppna administratören för din Shopify-webbutik.
2. Under försäljningskanaler väljer du Onlinebutik.
3. Bredvid ditt nuvarande tema klickar du på menyn med tre punkter och väljer sedan Redigera kod.
   
   • Om du vill testa på ett utkasttema duplicerar du först ditt nuvarande tema och redigerar sedan koden i det duplicerade temat.
4. I sidofältet till vänster söker du efter och öppnar din collections-fil. Vi använder filen featured-collections.liquid i det här exemplet, men ditt tema kan använda en annan fil.
   
5. I collections-filen 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 namnet på kodavsnittet som innehåller ditt produktrutnät.
   
   • Snippetet visas troligen 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 snippet-filen som identifierades i föregående steg (t.ex. card-product.liquid).
7. Längst upp i den här filen ska du notera objektvärdet som listas under ”Accepts” (t.ex. ”card_product”).
   
8. Kopiera följande kod och klistra in den i snippet-filen:
   
   • Tips: Leta upp den första instansen där priset renderas i filen och klistra in koden ovanför den. <div     class="klaviyo-favorites-plp-slot"    data-product-id="{{ OBJECT.id }}"    data-product-url="{{ OBJECT.url }}"    data-variant-id="{{OBJECT.selected_or_first_available_variant.id}}"   ></div>
9. I koden du klistrade in ersätter du OBJECT med objektvärdet som du noterade tidigare.
   
   • Om objektvärdet i din fil till exempel är ”card_product” kommer koden att se ut så här när du klistrar in den i filen ovanför priset.
   
10. Klicka på Spara i Shopify.
11. Gå till din webbplats kollektionssida och uppdatera sidan.

Du bör nu se att favoritknapparna visas på varje produkt. Observera att de här kan ta några sekunder att läsa in. Som standard är de placerade i det övre högra hörnet. Om du vill ändra placeringen kan du be din utvecklare om hjälp med anpassad CSS.

Om favoritknapparna fortfarande inte har visats kan du prova de här felsökningsstegen:

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

Om de fortfarande inte visas kan du be om hjälp från en utvecklare. Klaviyo supportteam kan inte redigera dina temafiler direkt.

Kommande steg

Nu när du har lagt till favoritknappar på webbplatsen kan du konfigurera ett flöde för favoritpåminnelse för att öka konvertering genom att påminna kunder om deras nyligen sparade varor.