Hur man anpassar granskningswidgeten

Förväntad lästid: 10 minut(er)

Uppdaterad 7 juli 2025 10:27 EST

Lär dig hur du anpassar utseendet på din recensionswidget (t.ex. det block i din butik som visar och accepterar produktrecensioner).

Tillgängliga recensioner widget

Klaviyo Recensioner innehåller flera widgetar som du kan lägga till i din butik:

Stjärnklassificering widget
Visar ditt aktuella stjärnbetyg för en viss produkt och läggs oftast till under produktens namn.
Sammanfattning av recension widget
Visar ett diagram med alla betyg som en produkt har fått, användarbilder som skickats in med recensioner och den vanligaste kundfeedbacken. Den läggs vanligtvis till längst ner på en produktsida.
Lista över recensioner widget
Visar 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 läggs oftast till omedelbart under granskningssammanfattningen widget.
Produktrecensioner widget
En kombination av widgetarna Sammanfattning av recensioner och Lista över recensioner ovan. Om du lägger till produktrecensioner widget på din webbplats behöver du inte lägga till recensionslistan och recensionssammanfattningswidgeten separat.
Karusell för utvalda recensioner widget
Visar utvalda recensioner från någon av 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.

Dessa widgetar är helt anpassningsbara, vilket innebär att du kan välja teckensnitt och färger för ditt varumärke, samt handplocka recensioner som ska markeras i den utvalda recensionskarusellen.

Välj språk för widget för recensioner och inlämningssidor

Som standard är allt innehåll på Klaviyo Reviews på engelska. För att välja ett annat språk:

Navigera till fliken Recensioner i Klaviyo.
Klicka på Inställningar för recensioner.
Välj Allmänt.
Välj språk i menyn Select language (Välj språk).

uppdatera ditt språk för Klaviyo Recensioner gäller för:

Sida för recensionsinlämning
Webbplatswidgetar

Stjärnklassificering widget
Sammanfattning av recensionen widget
Granskning lista widget
Produktrecensionswidget
Utvalda recensioner karusell widget

Du kan inte uppdatera språkinställningen för bara en widget; alla widgetar måste använda samma språk. Alla widgetar och inlämningssidan uppdateras omedelbart, även de som redan finns på din webbplats.

uppdatera ditt språk för Klaviyo Recensioner gäller inte för några andra Klaviyo funktioner (t.ex. anpassade frågor, flöde, registreringsformulär, preferenssidor, innehållet i kund-inlämnade recensioner etc.). Dessa måste översättas och redigeras manuellt.

Dölj widget för recensioner tills en produkt har fått recensioner

Dessa instruktioner gäller för stjärnklassificeringen widget och recensionslistan widget.

En produkt som inte har några recensioner visar som standard 0/5 stjärnor och ett meddelande som anger att inga recensioner har skickats in ännu. Om du föredrar att dölja widget tills du har fått recensioner, gör du så här:

Öppna fliken Recensioner i Klaviyo.
Välj inställningar för recensioner.
Klicka på Onsite widget.
Välj Produktrecensioner eller Stjärnbetyg.
Öppna menyn Tomt tillstånd.
Slå av inställningen Visa med noll stjärnor.

Ändra widget utseende

Följ dessa steg för att justera stilen (t.ex. teckensnitt, färger och mer) för alla recensioner widget.

Öppna fliken Recensioner i Klaviyo.
Välj inställningar för recensioner.
Klicka på Onsite widget.
Välj den widget som du vill redigera.
Klicka på layout & stil.
Justera widget:s utseende efter önskemål, inklusive typsnitt, färger och avstånd.

Att ändra en inställning i en recension widget (t.ex. knappens färg) påverkar inte den inställningen för andra widgetar, med undantag för SEO / Alla recensioner widget. Denna widget ärver alla inställningar från produktrecensionerna widget. För att anpassa utseendet på SEO / Alla recensioner widget men inte produktrecensionerna widget måste du använda anpassad CSS.

Tillgängliga inställningar för granskningsstil

Öppna varje rullgardinsmeny för att lära dig mer om de stilalternativ som finns tillgängliga för den kategorin.

Produktrecensionswidget

I avsnittet Layout & Stil i stilinställningarna för produktrecensioner kan du justera följande inställningar:

Marginal
Justera utrymmet upptill, nedtill, till vänster och/eller till höger på widget.
Primär bakgrundsfärg
Aktivera denna inställning för att lägga till en bakgrundsfärg för hela widget -området.
Sekundär bakgrundsfärg
Redigera färgen för vissa element på widget, t.ex. histogramfält.
Accentfärg
Redigera den färg som används för olika accenter, inklusive markeringen på en fråga om intervall och märken för verifierade granskare.
Radie i hörn
Applicera rundade hörn på hela området för produktgranskningen widget. Observera att detta bara syns om du lägger till en primär bakgrundsfärg.
Linjer för uppdelning
Lägg till valfria linjer mellan varje granskning.
Primärt teckensnitt
Välj Inherit from site om du vill använda webbplatsens befintliga teckensnitt eller välj ett teckensnitt. Inställningen Primärt teck ensnitt gäller för alla widget teckensnitt utom:
- Etiketten #/5 i avsnittet om kundrecensioner.
- Tidsstämpel för varje recension.
- Etikettexten i stjärnhistogrammet.
- Platshållartexten i sökfältet.
Sekundärt teckensnitt
Välj Inherit from site om du vill använda webbplatsens befintliga teckensnitt eller välj ett teckensnitt. Inställningen Sekundärt teckensnitt gäller för stjärnhistogrammet, sökfältet, tidsstämpeln för varje recension och #/5-etiketten i avsnittet Kundrecensioner.
Storlek, vikt och färg på teckensnitt
Justera storlek, vikt och färg för det primära respektive det sekundära teckensnittet.
Inställningar för knappar
- Färg på knapp
  Knappens färg.
- Radie i hörn
  Rundningen på knappens hörn. Sätt till 0 för ingen avrundning.
- Gräns
  En färgad kant runt knappen.
- Ange färg för muspekare
  Aktivera den här inställningen om knapparna ska ändra färg vid svävning.
- Fyllning
  Utfyllnad inom varje knapp, som omger knapptexten. Genom att lägga till utfyllnad blir knappen större.
- Teckensnitt, teckenstorlek, teckenvikt, teckenfärg
  Det teckensnitt som används för knapparna på widget.
Inställningar för betyg
- Fylld färg
  Färgen på de valda stjärnorna (t.ex. om en produkt har fått betyget 4/5 stjärnor får de första 4 stjärnorna den här färgen).
- Tom färg
  Färgen på icke valda stjärnor (t.ex. om en produkt har fått betyget 4/5 stjärnor använder den 5:e stjärnan den här färgen).
- Gräns
  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 mycket mer.
- Storlek
  - Sammanfattningen
    Storleken på stjärnorna i sammanfattningen av recensionen.
  - Granskning
    Storleken på stjärnorna inom varje kundgranskning.
Inställningar för filter
Filterinställningarna gäller för sökfältet och granskningsfiltren.
- Bakgrundsfärg
  Bakgrundsfärgen för filterknapparna och sökfältet.
- Aktiv stroke bredd, färg
  Bredden och färgen på den kant som indikerar ett Aktivt (dvs. valt) filteralternativ. (Minimum 1.)
- Radie i hörn
  Avrundningen av hörnen på sökfältet. För ingen avrundning, välj 0 px.
- Ikon för sökning
  Slå på eller av sökikonen med förstoringsglas.
Inställningar för bilder
- Sammanfattning bilder hörn radie
  Rundning på urvalet av sammanfattningsbilder i granskningssammanfattningen.
- Granska bilder hörn radie
  Avrundning på varje bild inom enskilda recensioner.
- Storlek på bilder från recensioner
  Storleken på de bilder som ingår i enskilda recensioner.

Karusell med utvalda recensioner

I avsnittet Layout i stilinställningarna för karusellen med utvalda recensioner kan du justera följande inställningar:

Rubriken för avsnittet
Lägg till en etikett, kundrecensioner, till denna widget.
Typ av karusell
Välj om karusellen ska visa bilder eller bara text.
Max recensioner per sida
Välj hur många utvalda recensioner som ska visas per sida.
Textgräns
Välj hur många rader text som ska inkluderas i varje förhandsgranskning.
Marginal
Justera utrymmet upptill, nedtill, till vänster och/eller till höger på widget.
Justering av text
Om texten ska vara vänster-, höger- eller mittjusterad.
Artiklar på kort
Aktivera eller inaktivera alternativet att visa datum, författare och verifieringsmärke för en granskning.

I avsnittet Stil i stilinställningarna för karusellen med utvalda recensioner kan du justera följande inställningar:

Inställningar för teckensnitt för sektionsrubrik
Teckensnitt, teckensnittsfärg och teckenstorlek för sektionsrubriken. Observera att Section headline måste vara aktiverat under layout för att den här inställningen ska gälla för din widget.
Bildens höjd
Redigera storleken på den bild som ingår i förhandsgranskningen av recensionen.
Radie i hörn
Ändra hörnens avrundning på varje "featured review"-platta.
Färg på kort
Lägg till en bakgrundsfärg för varje granskningsbricka.
Skugga
Lägg till eller ta bort en skugga från korten.
Gräns
Lägg till eller ta bort en kant på korten.
Inställningar för betygsstil
- Fylld färg
  Färgen på de valda stjärnorna (t.ex. om en produkt har fått betyget 4/5 stjärnor får de första 4 stjärnorna den här färgen).
- Tom färg
  Färgen på icke valda stjärnor (t.ex. om en produkt har fått betyget 4/5 stjärnor använder den 5:e stjärnan den här färgen).
- Gräns
  En valfri färgad kant som omger alla stjärnor.
- Avstånd
  Avståndet mellan varje stjärna.
- Stjärnornas storlek
  Storleken på stjärnorna inom varje kundgranskning.
- Form
  Välj alternativa betygsstilar, som vassa stjärnor, rundade hjärtan och mycket mer.
Granska inställningar för teckensnitt för rubriker
Välj Inherit from site om du vill använda webbplatsens befintliga teckensnitt eller välj ett teckensnitt samt storlek, vikt och färg.
Granska inställningar för kroppsteckensnitt
Välj Inherit from site om du vill använda webbplatsens befintliga teckensnitt eller välj ett teckensnitt och teckensnittets storlek, vikt och färg.
Inställningar för teckensnitt för datum- och namnetiketter
Välj Inherit from site för att använda det befintliga typsnittet på webbplatsen eller välj ett typsnitt och storlek, vikt och färg.

Stjärnbetyg

Marginal
Justera utrymmet upptill, nedtill, till vänster och/eller till höger på widget.
Inställningar för betygsstil
- Fylld färg
  Färgen på de valda stjärnorna (t.ex. om en produkt har fått betyget 4/5 stjärnor får de första 4 stjärnorna den här färgen).
- Tom färg
  Färgen på ofyllda (dvs. icke valda) stjärnor (t.ex. om en produkt har fått betyget 4/5 stjärnor använder den 5:e stjärnan denna färg).
- Gräns
  En valfri färgad kant som omger alla stjärnor.
- Avstånd
  Avståndet mellan varje stjärna.
- Stjärnornas storlek
  Storleken på stjärnorna inom varje kundgranskning.
- Form
  Välj alternativa betygsstilar, som vassa stjärnor, rundade hjärtan och mycket mer.
Primary font
Redigera det typsnitt som används för texten # ratings. Välj Inherit from site om du vill använda webbplatsens befintliga typsnitt eller välj ett typsnitt.
Fontstorlek, vikt och färg
Justera storlek, vikt och färg för texten # ratings.

inaktivera eller aktivera granskningsfilter och åtgärder

Låt din kund filtrera recensioner efter betyg, media (dvs. om recensioner 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.

Navigera till fliken Recensioner i Klaviyo.
Klicka på Inställningar för recensioner.
Välj widgeten Onsite.
Välj produktrecensioner widget.
Välj Granskningslista.
För att visa eller dölja knappen och fliken Q&A, eller knappen Skriv en recension, växlar du mellan att aktivera eller inaktivera det valet i kortet Åtgärder.
För att ta bort eller lägga till filteravsnittet i din granskningslista widget, inaktivera eller aktivera filterknappen.
Markera eller avmarkera någon av dessa inställningar för att bestämma vilka filteralternativ som ska visas: Sökfält, Sortering (senaste, högsta, lägsta), Betyg, Media, Egna frågor.

Om den mest relevanta filtreringen

Filtret Mest relevanta lyfter fram de recensioner som användarna mest sannolikt kommer att tycka är användbara. När du väljer detta visas recensionerna i denna ordning:

Recensioner med text, bilder eller anpassade frågor som skickas in från besökarens land
Recensioner utan innehåll (d.v.s. recensioner som endast innehåller betyg) som skickas från besökarens land
Recensioner med text, bilder eller anpassade frågor som skickas från andra länder
Recensioner utan innehåll (d.v.s. recensioner som endast innehåller betyg) som skickas från andra länder

Inom varje kategori är recensionerna sorterade efter inlämningsdatum, med de senaste först.

Välj om du vill använda produktbilder i sammanfattningen av dina recensioner

Granskningssammanfattningar innehåller ett valfritt galleri med kund-inlämnade produktbilder. För att aktivera eller inaktivera detta galleri:

Navigera till fliken Recensioner i Klaviyo.
Klicka på Inställningar för recensioner.
Välj widgeten Onsite.
Välj Produktrecensioner widget.
Välj Granska sammanfattning & media.
Slå av eller på inställningen för bildgalleri.

Dölj objekt från listan över recensioner

Dessa instruktioner gäller för granskningslistan widget.

Du kan dölja element från din lista över recensioner (t.ex. recensionens författare, butikens svar, tidsstämpel) om du vill. För att göra det:

Öppna fliken Recensioner i Klaviyo.
Välj inställningar för recensioner.
Klicka på Onsite widget.
Välj Produktrecensioner.
Klicka på Granska lista.
Stäng av de element som du vill dölja.

Om du inaktiverar Star rating, media och Custom questions från granskningslistan försvinner inställningsalternativen för granskningsfilter. 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 med utvalda recensioner

Utvalda recensioner kommer att visas i karusellen för utvalda recensioner. För att välja vilka recensioner som ska funktioner:

Navigera till fliken Reviews.
Välj alla recensioner.
Klicka på funktioner bredvid en recension som du vill funktioner.
Upprepa enligt önskemål. Vi rekommenderar att du väljer ut minst 3-5 recensioner att lyfta fram.

Ytterligare resurser

Var den här artikeln till hjälp?

Använd endast detta formulär för feedback på artiklar. Lär dig hur du kontaktar support.

Utforska mer från Klaviyo

Community

Få kontakt med kollegor, partner och Klaviyo-experter för att hitta inspiration, dela insikter och få svar på alla dina frågor.

Besök communityn

Live-utbildning

Delta i en livesession med Klaviyo-experter för att lära dig om bästa praxis, hur man konfigurerar viktiga funktioner och mer.

Registrera dig nu

Support

Få tillgång till support via ditt konto.

E-postsupport (gratis provperiod och betalkonton) Tillgänglig dygnet runt, alla dagar i veckan

Chatt/virtuell hjälp
Tillgängligheten varierar beroende på plats och abonnemangstyp

Logga in