Så här installerar du Klaviyo Reviews på Shopify (vintage-teman och huvudlösa)
Du kommer att lära dig
Lär dig hur du installerar Klaviyo Reviews med ett vintage Shopify-tema eller huvudlös arkitektur. Den här processen innebär att du kopierar flera kodsnippet och klistrar in dem i webbplatsens kod.
Om du använder ett Shopify 2.0-tema kan du installera Klaviyo Reviews utan att använda kod. Gå till vår artikel om Komma igång med Klaviyo Reviews för att lära dig mer. Om du använder WooCommerce kan du lära dig hur du installerar Klaviyo Reviews för WooCommerce.
Denna process kräver direkt redigering av dina temafiler i Shopify. Om du inte känner dig bekväm med att göra detta själv, kontakta din utvecklare eller kontakta en Klaviyo partner för att få hjälp.
Innan du börjar
Innan du klistrar in dessa kodsnippet i din webbplats kod , lägg till Klaviyo Reviews app till din Shopify butik. För vintage-teman, aktivera Klaviyo's onsite spårning.
Installera med huvudlös arkitektur på ShopifyInstallera med huvudlös arkitektur på Shopify
För att integrera Klaviyo Reviews med en huvudlös Shopify butik, lägg till Klaviyo's JavaScript spårning snippet, även känd som Klaviyo.js, till alla sidor där du vill lägga till recensioner widget (t.ex. produktsidor). Du kan redan ha installerat detta utdrag om du har konfigurerat Klaviyo's onsite spårning eller registreringsformulär.
Lär dig hur du installerar Klaviyo.js för Shopify butik.
När du har lagt till det här skriptet på din webbplats fortsätter du genom att kopiera kodsnippet i stegen nedan till webbplatsens kod.
Lägg till kodsnippetLägg till kodsnippet
Kodsnippet nedan gör att vissa recensioner widget kan visas i olika delar av din butik.
- Stjärnbetyget widget visar det aktuella stjärnbetyget för en viss produkt och installeras oftast under produktnamnet.
- Granskningssammanfattningen widget visar ett diagram med alla betyg som valts för en produkt, användarbilder som skickats in med recensioner och den vanligaste feedbacken som produkten har fått. Den är vanligtvis installerad längst ner på en produktsida.
- Produktrecensioner widget är en kombination av widgetarna Recensions Summary och Recensions Lista. Om du lägger till produktrecensioner widget på din webbplats behöver du inte lägga till recensionslistan och recensionssammanfattningswidgeten separat.
- Review lista widgetvisar en lista över alla publicerade recensioner och kundfrågor, tillsammans med ett sökfält, filter, en Skriv en recension -knapp och en Ställ en fråga-knapp. Den installeras vanligtvis omedelbart under granskningsöversikten widget.
- Karusellen för utvalda recensioner widgetvisar utvalda recensioner från alla dina produkter. Det kan vara på din hemsida, på en fristående sida med recensioner eller någon annanstans på din webbplats. Du kan välja vilka recensioner som ska visas på widget. Om tillgängligt följer kund-inlämnade bilder med varje recension; dina produktbilder används om ingen bild har skickats in tillsammans med recensionen.
- SEO / Alla recensioner widgetvisar alla dina recensioner för alla produkter på en enda sida. Använd denna widget för att förbättra din SEO och ge en enda plats för potentiella kunder att se vad dina nuvarande kunder älskar. Den här widget läggs oftast till på en fristående sida med recensioner på din webbplats.
Stjärnklassificering widget
Använd stjärnklassificeringen widget för att på ett tydligt sätt funktionera en produkts genomsnittliga betyg och antalet recensioner som den har fått.
För att installera denna widget under din produkts titel:
- Öppna administratören för din Shopify-butik.
- Klicka på webbutik under Försäljningskanal.
- Klicka på menyn med tre punkter bredvid ditt nuvarande tema > Duplicate för att skapa en klon av ditt nuvarande tema.
- Klicka på Redigera kod i menyn med tre punkter.
- Sök efter "product" i filsökfältet och leta upp den fil som används för innehållet på produktsidan. Det kan vara produkt.vätska, product-mall.liquid, eller något liknande. (Om du använder en anpassad mall för produktsidan väljer du den istället).
- Välj filen och sök sedan efter {{ product.title }} för att hitta koden som visar din produkts titel.
- Lägg till en ny rad under denna kod.
- På den nya raden klistrar du in detta kodsnippet:
<div class="klaviyo-star-rating-widget" data-id="{{product.id}}" data-product-title="{{product.title}}" data-product-type="{{product.type}}" ></div> - Klicka på Spara.
- Klicka på Förhandsgranska butik.
- Navigera till en produktsida i förhandsgranskningen av din butik. Du bör se en stjärna widget under produktens titel.
Produktrecensionswidget
Använd recensionssammanfattningen och recensionslistan widget (eller bara produktrecensionen widget) för att lägga till en sammanfattning och lista över alla publicerade recensioner för varje produkt på din webbplats.
För att installera sammanfattningen och lista widget separat, gå till avsnittet separat recension sammanfattning och recension lista widget nedan.
För att installera denna widget:
- Öppna administratören för din Shopify-butik.
- Klicka på webbutik under Försäljningskanal.
- Klicka på Customize bredvid ditt nuvarande tema för att redigera det, eller klicka på menyn med tre punkter > Duplicate om du vill redigera ett utkast till tema i stället för ditt nuvarande.
- Klicka på Redigera kod i menyn med tre punkter.
- Sök efter "product" i filsökfältet och leta upp den fil som används för innehållet på produktsidan. Det kan vara produkt.vätska, product-mall.liquid, eller något liknande. (Om du använder en anpassad mall för produktsidan väljer du den istället).
- Välj filen och navigera sedan längst ned (eller där du vill att recensionernas sammanfattning och lista widget ska visas).
- Lägg till en ny rad och klistra sedan in detta kodsnippet:
<div id="klaviyo-reviews-all" data-id="{{product.id}}" ></div> - Klicka på Spara.
- Klicka på Förhandsgranska butik.
- Navigera till en produktsida i din butik för att förhandsgranska en produkt som har recensioner. Du bör se en sammanfattning av recensioner och en listvy widget längst ner på sidan.
Separat widget för granskningssammanfattning och granskningslista
Om du föredrar att installera widgetarna för recensionssammanfattning och recensionslista separat (i stället för tillsammans, enligt beskrivningen i avsnittet ovan), använder du följande kodsnippet:
Sammanfattning av recensionen widget
<div id="klaviyo-reviews-summary" data-id="{{product.id}}" ></div>
Granskning lista widget
<div id="klaviyo-reviews-list" data-id="{{product.id}}" ></div>
Utvalda recensioner karusell widget (valfritt)
Karusellen med utvalda recensioner visar handplockade recensioner på valfri sida (t.ex. din startsida).
För att lägga till en karusell som visar alla dina utvalda recensioner måste du först välja recensioner till funktioner.
- I Klaviyo:s huvudnavigering väljer du Recensioner.
- Klicka på Alla recensioner.
- Bredvid en recension som du vill funktioner, klicka på funktioner.
När du har valt ut flera recensioner som ska fungera på din webbplats kan du installera en recensionskarusell widget på vilken sida som helst. Navigera till sidan där du vill att karusellen ska visas och klistra sedan in följande utdrag i sidans kod:
<div id="klaviyo-featured-reviews-karusell"></div>
SEO / widget för alla recensioner (valfritt)
SEO / Alla recensioner widget visar alla publicerade recensioner för varje produkt. Lägg till detta på en fristående sida med recensioner eller på din sida med information om dig själv.
<div id="klaviyo-reviews-all" data-id="all"></div>
Utfall
När du har installerat widgeten som beskrivs i den här artikeln och satt det nya temat i drift kommer dina recensioner att visas på produktsidorna (liksom på alla andra sidor på din webbplats där du har installerat dem).
Ytterligare resurser