Så här anpassar du granskningswidgetar
Lär dig hur du anpassar utseendet på dina omdömeswidgetar (t.ex. blocken i din butik som visar och tar emot produktomdömen).
Tillgängliga recensionswidgetar
Klaviyo Reviews erbjuder flera widgetar som du kan lägga till i din butik:
- Widget för stjärnbetyg
Visar ditt aktuella stjärnbetyg för en viss produkt och läggs oftast till under produktens namn.
- Widget för recensionssammanfattning
Visar ett diagram som bryter ner alla betyg en produkt har fått, användarbilder som skickats in med recensioner och den vanligaste kundfeedbacken. Det läggs vanligtvis till nära längst ned på en produktsida.
- Widget för granskningslista
Visar en lista över alla publicerade recensioner och kundfrågor tillsammans med ett sökfält, filter, en knapp för Skriv en recension och en knapp för Ställ en fråga. Den läggs oftast till direkt under widgeten för recensionssammanfattning.
- Widget för produktrecensioner
En kombination av widgetarna sammanfattning av recensioner och recensionslista ovan. Om du lägger till widgeten för produktrecensioner på din webbplats behöver du inte lägga till widgetarna recensionslista och sammanfattning av recensioner separat. - Widget för utvald recensionskarusell
Visar valda recensioner från valfri av dina produkter. Detta kan visas på din startsida, på en fristående recensionssida eller någon annanstans på din webbplats. Du kan välja vilka recensioner som ska visas i den här widgeten. Om tillgängligt följer kundinskickade bilder med varje recension; dina produktbilder används om ingen bild skickades in tillsammans med recensionen.
- SEO/alla recensioner-widgeten visar alla dina recensioner för alla produkter på en enda sida. Använd den här widgeten för att förbättra din SEO och ge potentiella kunder en enda plats där de kan se vad dina nuvarande kunder gillar. Den här widgeten läggs oftast till på en fristående sida för Recensioner på din webbplats.
Dessa widgetar är helt anpassningsbara, vilket innebär att du kan välja dina varumärkestypsnitt och färger, samt handplocka recensioner som ska lyftas fram i karusellen med utvalda recensioner.
Välj ett språk för widget för omdömen och inskickningssidor
Som standard är allt innehåll i Klaviyo Reviews på engelska. Så här väljer du ett annat språk:
- Gå till fliken Recensioner i Klaviyo.
- Klicka på Inställningar för recensioner.
- Välj Allmänt.
- I menyn Välj språk väljer du ditt språk.
Att uppdatera ditt språk för Klaviyo Reviews gäller för:
- Sida för recensionsinlämning
- Webbplatswidgetar
- Widget för stjärnbetyg
- Widgeten granskningssammanfattning
- Widget för granskning av lista
- Produktrecensionswidget
- Karusellwidget för utvalda recensioner
Du kan inte uppdatera språkinställningen för bara en widget; alla widgets måste använda samma språk. Alla widgets och inlämningssidan uppdateras omedelbart, inklusive de som redan är live på din webbplats.
När du uppdaterar ditt språk för Klaviyo Reviews gäller det inte för några andra Klaviyo-funktioner (t.ex. anpassade frågor, flöde, registreringsformulär, inställningssidor, innehållet i kundinskickade recensioner osv.). Dessa måste översättas och redigeras manuellt.
Dölj granskningswidgetar tills en produkt har fått recensioner
Dessa instruktioner gäller widgeten för stjärnbetyg och widgeten för recensionslista.
Som standard visar en produkt utan recensioner 0/5 stjärnor och ett meddelande som visar att inga recensioner har skickats in än. Om du vill dölja widgeten tills du får recensioner följer du de här stegen:
- Öppna fliken Recensioner i Klaviyo.
- Välj Recensionsinställningar.
- Klicka på Webbplatswidgetar.
- Välj Produktrecensioner eller Stjärnbetyg.
- Öppna menyn Tomt läge.
- Stäng av inställningen Visa med noll stjärnor.
Ändra widgetens utseende
Följ de här stegen för att justera stilen (t.ex. teckensnitt, färger med mera) för valfri widget för recensioner.
- Öppna fliken Recensioner i Klaviyo.
- Välj Recensionsinställningar.
- Klicka på Webbplatswidgetar.
- Välj den widget du vill redigera.
- Klicka på Layout och stil.
- Justera widgetens utseende efter behov, inklusive teckensnitt, färger och avstånd.
Om du ändrar en inställning i en recensionswidget (t.ex. knappfärg) påverkar det inte den inställningen för andra widgetar, med undantag för widgeten SEO/Alla recensioner. Den här widgeten ärver alla inställningar från produktrecensionswidgeten. Om du vill anpassa utseendet på widgeten SEO/Alla recensioner men inte produktrecensionswidgeten måste du använda anpassad CSS.
Tillgängliga inställningar för granskningsstil
Öppna varje rullgardinsmeny om du vill läsa mer om stilalternativen som finns för den kategorin.
Produktrecensionswidget
I avsnittet Layout & stil i produktrecensionernas stilinställningar kan du justera följande inställningar:
- Marginal
Justera utrymmet längst upp, längst ner, till vänster och/eller till höger om widgeten. - Primär bakgrundsfärg
Aktivera den här inställningen om du vill lägga till en bakgrundsfärg för hela widget-området. - Sekundär bakgrundsfärg
Redigera färgen för vissa widgetelement, som histogramstaplar. - Accentfärg
Redigera färgen som används för olika accentdetaljer, inklusive markeringen i en intervallfråga och verifierade recensentmärken. - Hörnradie
Använd rundade hörn för hela området för widgeten för produktrecensioner. Observera att detta bara syns om du lägger till en primär bakgrundsfärg. - Delningslinjer
Lägg till valfria linjer mellan varje recension. - Primärt teckensnitt
Välj Ärv från webbplats för att använda webbplatsens befintliga teckensnitt eller välj ett teckensnitt. Inställningen Primärt teckensnitt gäller för alla widget-teckensnitt utom:- Etiketten #/5 i avsnittet Kundrecensioner.
- Tidsstämpeln på varje recension.
- Etikettexten i stjärnhistogrammet.
- Platshållartexten i sökfältet.
- Sekundärt typsnitt
Välj Ärv från webbplatsen om du vill använda webbplatsens befintliga typsnitt, eller välj ett typsnitt. Inställningen Sekundärt typsnitt gäller för stjärnhistogrammet, sökfältet, tidsstämpeln för varje omdöme och etiketten #/5 i avsnittet Kundomdömen. - Teckenstorlek, tjocklek och färg
Justera storlek, tjocklek och färg för de primära respektive sekundära teckensnitten. - Knappinställningar
- Färg
Knappfärg. - Hörnradius
Rundningen av knapphörn. Ställ in på 0 för ingen rundning. - Kantlinje
En färgad kantlinje runt knappen. - Ange hovringsfärg
Om knappar ska ändra färg vid hovring aktiverar du den här inställningen. - Utfyllnad
Utfyllnad i varje knapp, runt knapptexten. Om du lägger till utfyllnad kommer knappen att se större ut. - Typsnitt, teckenstorlek, teckengrad, teckenfärg
Typsnittet som används för widget-knapparna.
- Färg
- Betygsinställningar
- Ifylld färg
Färgen på markerade stjärnor (t.ex. om en produkt har betyget 4/5 stjärnor använder de första 4 stjärnorna den här färgen). - Tom färg
Färgen på icke-markerade stjärnor (t.ex. om en produkt har betyget 4/5 stjärnor använder den femte stjärnan den här färgen). - Kant
En valfri färgad kant som omger alla stjärnor. - Avstånd
Avståndet mellan varje stjärna. - Form
Välj alternativa betygsstilar, som vassa stjärnor, rundade hjärtan och mer. - Storlek
- Sammanfattning
Storleken på stjärnorna i granskningssammanfattningen. - Recension
Storleken på stjärnorna i varje kundrecension.
- Sammanfattning
- Ifylld färg
- Filterinställningar
Filter -inställningar gäller för sökfältet och recensionsfiltren.- Bakgrundsfärg
Bakgrundsfärgen för filterknapparna och sökfältet. - Bredd och färg på aktivt streck
Bredden och färgen på ramen som visar ett aktivt (dvs. valt) filteralternativ. (Minst 1.) - Hörnradie
Avrundningen av hörn på sökfältet. Om du inte vill ha någon avrundning väljer du 0 px. - Sökikon
Slå på eller av förstoringsglasets sökikon.
- Bakgrundsfärg
- Bildinställningar
- Hörnradie för sammanfattningsbilder
Avrundning för valet av sammanfattningsbilder i recensionssammanfattningen. - Hörnradie för granskningsbilder
Avrundning på varje bild i enskilda recensioner. - Granska bildstorlek
Storleken på bilder som ingår i enskilda recensioner.
- Hörnradie för sammanfattningsbilder
Karusell med utvalda recensioner
I avsnittet Layout i stilinställningarna för karusellen med utvalda recensioner kan du justera följande inställningar:
- Rubrik för avsnitt
Lägg till en etikett, Kundrecensioner, i den här widgeten. - Karuselltyp
Välj om karusellen ska visa bilder eller bara text. - Max antal recensioner per sida
Välj hur många utvalda recensioner som ska visas per sida. - Textgräns
Välj hur många textrader som ska ingå i varje förhandsgranskning av recension. - Marginal
Justera utrymmet längst upp, längst ner, till vänster och/eller till höger om widgeten. - Textjustering
Om texten ska vara vänster-, höger- eller mittjusterad. - Kortobjekt
Växla på eller av alternativet för att visa en recensions datum, författare och verifieringsmärke.
I avsnittet Stil i stilinställningarna för karusellen med utvalda recensioner kan du justera följande inställningar:
- Teckensnittsinställningar för avsnittsrubrik
Teckensnitt, teckensnittsfärg och teckenstorlek för avsnittsrubriken. Observera att Avsnittsrubrik måste vara aktiverat under Layout för att den här inställningen ska gälla för din widget. - Bildhöjd
Redigera storleken på bilden som ingår i granskningsförhandsvisningen. - Corner radius
Ändra hörnavrundningen på varje utvald recensionsruta. - Kortfärg
Lägg till en bakgrundsfärg för varje recensionsruta. - Skugga
Lägg till eller ta bort en skugga från korten. - Kantlinje
Lägg till eller ta bort en kantlinje från korten. - Inställningar för betygsstil
- Ifylld färg
Färgen på markerade stjärnor (t.ex. om en produkt har betyget 4/5 stjärnor använder de första 4 stjärnorna den här färgen). - Tom färg
Färgen på icke-markerade stjärnor (t.ex. om en produkt har betyget 4/5 stjärnor använder den femte stjärnan den här färgen). - Kant
En valfri färgad kant som omger alla stjärnor. - Avstånd
Avståndet mellan varje stjärna. - Storlek
Storleken på stjärnorna i varje kundrecension. - Form
Välj alternativa betygsstilar, som vassa stjärnor, rundade hjärtan och mer.
- Ifylld färg
- Granska inställningar för rubrikteckensnitt
Välj Ärv från webbplatsen för att använda det befintliga teckensnittet på din webbplats, eller välj ett teckensnitt och teckenstorlek, vikt och färg. - Teckensnittsinställningar för recensionstext
Välj Ärv från webbplats om du vill använda webbplatsens befintliga teckensnitt, eller välj teckensnitt samt teckenstorlek, vikt och färg. - Teckensnittsinställningar för datum- och namnetiketter
Välj Ärv från webbplats om du vill använda webbplatsens befintliga teckensnitt, eller välj ett teckensnitt samt teckenstorlek, vikt och färg.
Stjärnbetyg
- Marginal
Justera utrymmet längst upp, längst ner, till vänster och/eller till höger om widgeten. - Inställningar för betygsstil
- Ifylld färg
Färgen på markerade stjärnor (t.ex. om en produkt har betyget 4/5 stjärnor använder de första 4 stjärnorna den här färgen). - Tom färg
Färgen på ofyllda (dvs. inte valda) stjärnor (t.ex. om en produkt är betygsatt med 4/5 stjärnor använder den 5:e stjärnan den här färgen). - Kant
En valfri färgad kant som omger alla stjärnor. - Avstånd
Avståndet mellan varje stjärna. - Storlek
Storleken på stjärnorna i varje kundrecension. - Form
Välj alternativa betygsstilar, som vassa stjärnor, rundade hjärtan och mer.
- Ifylld färg
- Primärt teckensnitt
Redigera teckensnittet som används för texten # betyg. Välj Ärv från webbplats för att använda ditt befintliga teckensnitt på webbplatsen eller välj ett teckensnitt. - Teckenstorlek, teckensnittsvikt och färg
Justera storlek, vikt och färg för texten # betyg.
Inaktivera eller aktivera recensionsfilter och åtgärder
Låt dina kunder filtrera recensioner efter betyg, media (dvs. om recensionerna innehåller bilder) eller deras svar på anpassade frågor. Detta kan hjälpa potentiella kunder att hitta de recensioner som är mest relevanta för dem.
- Gå till fliken Recensioner i Klaviyo.
- Klicka på Inställningar för recensioner.
- Välj Webbplatswidgetar.
- Välj Produktrecensionswidget.
- Välj Recensionslista.
- Om du vill visa eller dölja knappen och fliken för Q&A eller knappen Write a review växlar du det valet på eller av i kortet Actions.
- Om du vill ta bort eller lägga till filteravsnittet i din granskningslistwidget inaktiverar eller aktiverar du reglaget Filter.
- Markera eller avmarkera någon av dessa inställningar för att avgöra vilka filteralternativ som visas: Sökfält, Sortering (senaste, högsta, lägsta), Betyg, Media, Anpassade frågor.
Om den mest relevanta filtreringen
Filtret Mest relevant lyfter fram de recensioner som användare mest sannolikt tycker är hjälpsamma. När det väljs visas recensionerna i den här ordningen:
- Recensioner med text, bilder eller anpassade frågor som skickats in från besökarens land
- Recensioner utan något innehåll (dvs. enbart betygsrecensioner) som skickats in från besökarens land
- Recensioner med text, bilder eller anpassade frågor som skickats in från andra länder
- Recensioner utan något innehåll (dvs. recensioner med endast betyg) som skickats in från andra länder
I varje kategori sorteras recensionerna efter inskickningsdatum, där den senaste visas först.
Välj om du vill visa produktbilder i din recensionssammanfattning
Recensionssammanfattningar inkluderar ett valfritt galleri med produktbilder som kunder har skickat in. Så här aktiverar eller inaktiverar du det här galleriet:
- Gå till fliken Recensioner i Klaviyo.
- Klicka på Inställningar för recensioner.
- Välj Webbplatswidgetar.
- Välj widgeten Produktrecensioner .
- Välj Recensionssammanfattning och media.
- Slå av eller på inställningen Bildgalleri.
Dölj objekt från recensionslistan
De här instruktionerna gäller widgeten för recensionslistan.
Du kan dölja element från listan över dina recensioner (t.ex. recensionsförfattare, butikssvar, tidsstämpel) om du vill. Gör så här:
- Öppna fliken Recensioner i Klaviyo.
- Välj Recensionsinställningar.
- Klicka på Webbplatswidgetar.
- Välj Produktrecensioner.
- Klicka på Recensionslista.
- Stäng av de element som du vill dölja.
Om du inaktiverar Stjärnbetyg, Media och Anpassade frågor från recensionslistan försvinner inställningsalternativen för Recensionsfilter. För att en webbplatsbesökare ska kunna filtrera sin sökning måste minst ett filterkriterium (stjärnbetyg, media eller anpassade frågor) vara synligt i recensionslistan.
Välj recensioner som ska visas i karusellen för utvalda recensioner
Utvalda recensioner visas i karusellen för utvalda recensioner. Så här väljer du vilka recensioner som ska visas:
- Navigera till fliken Recensioner.
- Välj Alla recensioner.
- Bredvid en recension som du vill lyfta fram klickar du på Funktioner.
- Upprepa efter behov. Vi rekommenderar att du väljer minst 3–5 recensioner att lyfta fram.
Ytterligare resurser
- How to install Klaviyo Reviews on Shopify 2.0 themes
Learn how to install Klaviyo Reviews on your Shopify 2.0 store by installing the app and adding reviews widgets.
- How to install Klaviyo Reviews on Shopify (vintage themes and headless)
Learn how to install Klaviyo Reviews with a vintage Shopify theme or headless architecture. This process involves copying several code snippets and pasting them into your site’s code.
- How to install Klaviyo Reviews for WooCommerce
Learn how to install Klaviyo Reviews on your WooCommerce store and add reviews widgets. To learn about all the steps required to get started, head to Getting started with Klaviyo Reviews.