Komma igång med produktrekommendationer på webbplatsen

Du kommer att lära dig

Läs mer om hur du lägger till ett personligt block med produktrekommendationer direkt på produktsidor (PDP:er), vilket utökar Klaviyos personalisering på webbplatsen bortom Klaviyo Customer Hub-panelen. Den här guiden beskriver vad det inbäddade blocket gör, hur du konfigurerar och utformar det, hur funktionen rullas ut över tid och de tekniska avvägningarna bakom implementeringen.

Inbäddade produktrekommendationer är plattformsagnostiska för handelsplattformar av design och kan med tiden placeras på vilken sida som helst på din webbplats, med ett inledande fokus på PDP. För feedback om den här funktionen kan du kontakta produktteamet för Klaviyo Customer Hub.

Innan du börjar

• Krav: Det här blocket kräver att Klaviyo Customer Hub är aktiverat i Klaviyo.
• Plattformsstöd: Tillgängligt i dag på Shopify (som ett temaappblock), Shopify Plus (som ett inbäddningsbart kodsnippet) och Salesforce Commerce Cloud (endast stöd för SFRA). Stöd för ytterligare plattformar planeras.
• Motorberoende: Rekommendationskvaliteten drivs av Klaviyo rekommendationsmotor. Vi visar rekommendationer via vår nästa generations rekommendationstjänst – en uppgradering från vårt tidigare system, som inte kunde personanpassa rekommendationer för anonyma besökare.

Obs! Produktrekommendationer på webbplatsen var tidigare bara tillgängliga i Hub-lådan och endast för inloggade användare. Den här funktionen tar rekommendationerna från Hub-lådan och placerar dem på produktsidan (PDP).

Det här kan du göra med inbäddade produktrekommendationer

Det inbäddade produktrekommendationsblocket låter dig visa relevanta produkter direkt på dina produktsidor så att varje besökare – känd eller anonym – ser något som är relevant för dem.

• Matcha webbplatsens stil: Anpassa typsnitt, färger, layout och knappstilar så att blocket känns som en naturlig del av ditt tema. Lägg till anpassade CSS-klasser som riktar in sig på alla element i Klaviyo Customer Hub, alla inbäddade block eller rekommendationsblocket specifikt. Redigera blockets rubrik (t.ex. ”Toppval för dig” eller ”Du kanske också gillar”) och välj en karusellayout.
• Personanpassa rekommendationer för kända besökare: Rekommendationer baseras på vad Klaviyo vet om en profil och drivs av tjänsten Next Gen Product Recommendations (NGPRS).
• Visa något för varje besökare: Anonyma besökare ser generella produktrekommendationer som standard, hämtade från Shopify.
• Ladda snabbt utan att påverka sidans prestanda: Blocket är utformat för att laddas snabbt direkt från start utan att tynga ner sidan med extra kod – så att det inte saktar ner webbplatsen eller påverkar dina prestandapoäng.
• Mät engagemang och intäkter: Varje klick spåras som en Klickade på produkt -händelse och attribueras på samma sätt som ett klick på en produkt i Hub-panelen, så att du kan mäta visningar, klick och attribuerade intäkter.
• Håll upplevelsen konsekvent: Kända eller identifierade besökare kan se samma rekommendationer i Hub-lådan och på PDP:n.
• Låt kunder spara produkter till senare: Kunder kan lägga till en rekommenderad produkt i sina favoriter direkt från kortet eller i sina kundvagnar om de inte är redo att köpa än.
• Undvik att rekommendera det som redan ligger i varukorgen: Produkter som redan finns i en kunds varukorg exkluderas från rekommendationerna som visas för dem.

Skapa ett nytt inbäddat block för produktrekommendationer

Det här är ett nytt inbäddningsbart block – konfigurera det på samma sätt som andra inbäddade block, som Favoriter och Vanliga frågor, i stället för via det bredare ramverket Embedded Personalization Content Blocks.

1. Få åtkomst till blockbiblioteket:
   1. Navigera till Service > Klaviyo Customer Hub i Klaviyos vänstra navigeringsfält. Klicka på Design > Onsite blocks. Hitta Produktrekommendationer i blockbiblioteket och lägg till det på din produktsida.
2. Konfigurera din rekommendationskälla:
   1. Välj hur rekommendationer ska fyllas i och filtreras baserat på besökarens status:
      1. Inloggade och identifierade besökare: Klaviyo (standard) eller Shopify.
      2. Anonyma besökare: Shopify (standard och för närvarande det enda alternativet). Den här källan driver även Hub-dragrekommendationer för anonyma besökare.
      3. Filtrera slutsålda produkter: Växla På/Av.
      4. Filtrera produkter som redan finns i kundens varukorg: Slå på/av.
3. Designa och anpassa:
   1. Justera de visuella inställningarna så att blocket känns som en naturlig del av din webbplats:
      1. Element: Visa eller dölj pris (visas som standard), favoritknappar (visas som standard), knappar för lägg till i varukorgen (döljs som standard) och produktvariation (döljs som standard).
      2. Knappar: Välj en stil (avrundad, fyrkantig, böjd), färg, textfärg och skiftläge för texten.
      3. Layout: Ange maxbredd, max antal produkter (1–10, standard 4), utfyllnad (överst, vänster, höger, nederst) och marginaler (mellan titeln och produkt-raden samt mellan produkter). Konfigurera bildstorlek (bredd, höjd) och anpassning (täck, innehåll, fyll).
      4. Teckensnitt: Välj typsnittsfamiljer och storlekar för rubrikteckensnittet, teckensnittet för produktnamn, teckensnittet för pris och teckensnittet för variationer.
      5. Anpassad CSS: Lägg till klasser för att rikta in dig på alla element i Klaviyo Customer Hub, alla inbäddade block eller rekommendationsblocket specifikt.

4. Slutför plattformsinstallationen:
   1. Installera blocket i frontend på din e-handelsplattforms webbplats:
      1. Shopify: Lägg till som ett appblock via temaredigeraren.
      2. Shopify Plus: Lägg till som ett kodsnippet (div) för handlare som behöver kontroll på temats nivå.
5. Publicera:
   1. Spara och publicera dina ändringar. Blocket visas på din aktiva PDP enligt de källa-, filter- och designinställningar som du har konfigurerat.

Attribution och analys

• Varje klick på en rekommenderad produkt spåras som en Klickad produkt -händelse med källan ”Inbäddat block för produktrekommendationer.”
• Klick tillskrivs på samma sätt som ett klick på en produkt i Hub-draglådan.
• Klaviyo loggar visningar och klick så att du kan spåra användning (Konto med minst ett live-rekommendationsblock), engagemang (klickfrekvens (CTR), andel som lägger i varukorgen efter ett klick, favoriter) och intäkter (attribuerbara intäkter per 1 000 blockintryck och andel beställningar med en klickväg som assisterats av rekommendationer).

Stilmatchning

För att matcha ditt befintliga tema är det bästa tillvägagångssättet att låta Shopify rendera produktblocket för Klaviyos räkning. Shopify kommer dock inte att rendera block inuti Klaviyos apptillägg med produktens kontext, så i stället skapar vi ett nytt sektionsblock som renderar produktblocket.