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.
Klaviyo Customer Hub för Shopify stöder för närvarande vanliga skyltfönster och Shopify Headless. För WooCommerce, navigera till https://help.klaviyo.com/hc/en-us/articles/47792369863451
För feedback om Klaviyo Customer Hub-funktionalitet, e-post customerhub@klaviyo.com.
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.
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.
Gör det möjligt att visa favoriter i Klaviyo Customer Hub
Om du vill visa favoriter i Klaviyo Customer Hub-lådan måste du först aktivera inställningen Favoriter på Klaviyo.
Observera att om din Klaviyo Customer Hub är live kommer den att publiceras på din webbplats om du sparar den här ändringen. Om inte, måste du ställa in din Klaviyo Customer Hub till live i menyn Allmänna inställningar för att se den här ändringen.
- I Klaviyo:s huvudnavigering till vänster väljer du Service - Klaviyo Customer Hub.
- Klicka på fliken Tillägg .
- Under Favoriter markerar du rutan för att Aktivera favoriter.
- 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.
- 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.
Importera befintliga önskelistor till Klaviyo Customer Hub
Om du går över till Klaviyo:s Klaviyo Customer Hub från en annan applikation för önskelistor kan du sömlöst migrera dina kunders sparade objekt med rimligt förlustfri datamigrering. Klaviyo erbjuder ett standardiserat arbetsflöde för att importera historiska favorit- och önskelistdata så att dina kunder inte tappar sina sparade produkter.
Import av inbyggda appar
Klaviyo ger inbyggt, out-of-the-box-stöd för att importera data direkt från populära önskelistaappar, inklusive:
- Swym
- Önskelista King
Import via CSV
Om du migrerar från en annan önskelistleverantör kan du importera dina data direkt i Klaviyo. Navigera till Klaviyo Customer Hub-favoritinställningar och släpp din CSV-fil i uppladdningsområdet – ingen mall krävs. Importören kommer automatiskt att känna igen formatet på din fil och mappa data därefter för att fylla i dina kunders Klaviyo Customer Hub-profiler.
Lägg till favoritknappar på sidor med produktdetaljer
Få betydligt högre engagemang genom att lägga till "lägg till i favoriter" knappar på dina produktdetaljer.
Om du använder ett vintage Shopify -tema eller en anpassad installation som inte support app block, se våra instruktioner för att manuellt installera favoritknappen.
- I inställningen Favoriter på Klaviyo väljer du Lägg till app block.
- 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.
- Klicka och dra appen för att justera dess placering på sidan med produktinformation efter behov.
- 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.
- 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.
- 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:
- Öppna administratören för din Shopify-butik.
- Välj webbutik under försäljningskanal.
- 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.
- 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".
- Klistra in följande kodsnippet där du vill att favoritknappen ska visas:
<div class="klaviyo-wishlist-slot" data-product-id="{{ product.id }}" ></div> - Klicka på Spara.
- Klicka på Förhandsgranska butik.
- 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:
- Öppna administratören för din Shopify-butik.
- Välj webbutik under försäljningskanal.
- 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.
- 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.
- 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).
- 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).
- 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).
- Högst upp i den här filen finns objektvärdet som anges under "Accepts" (t.ex. "card_product").
- 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>
- Tips: Leta efter den första förekomsten av prisåtergivningen i din fil och klistra in koden ovanför den.
- I den kod du klistrade in ersätter du
OBJECTmed 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.
- 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.
- Klicka på Spara i Shopify.
- 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
OBJECTi 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 på Shopify
Lär dig mer om Klaviyo Customer Hub, en unik personlig upplevelse för webbutikens besökare som guidar dem från produktupptäckt till köp och efter köp support.
- Så här visar du produktrekommendationer i Klaviyo Customer Hub
Lär dig hur du visar personliga produktrekommendationer i Klaviyo Customer Hub-lådan för att skräddarsy shoppingupplevelser för din kund och driva konvertering. Genom att visa produkter som tilltalar kund kan du förbättra konverteringsfrekvensen och ge korsförsäljning möjligheter att öka genomsnittligt ordervärde.
- Så här utformar du din Klaviyo Customer Hub
Lär dig mer om designalternativ för att utforma din Klaviyo Customer Hub-låda och hur du kan utforma den så att den matchar ditt varumärke. Eftersom Klaviyo Customer Hub-gränssnittet är en del av kundupplevelsen är det bästa sättet att utforma det så att det visas som en förlängning av din webbplats.