Come personalizzare i widget di recensione
Scopri come personalizzare l’aspetto dei tuoi widget per le recensioni (ad esempio, i blocchi sul tuo negozio che mostrano e raccolgono recensioni sui prodotti).
Widget di recensioni disponibili
Klaviyo Reviews offre diversi widget che puoi aggiungere al tuo negozio:
- Widget di valutazione a stelle
Mostra la tua valutazione a stelle attuale per un determinato prodotto e, nella maggior parte dei casi, viene aggiunto sotto il nome del prodotto.
- Widget di riepilogo delle recensioni
Mostra un grafico che suddivide tutte le valutazioni ricevute da un prodotto, le immagini inviate dagli utenti con le recensioni e i feedback dei clienti più comuni. Di solito viene aggiunto vicino alla parte inferiore di una pagina prodotto.
- Widget elenco recensioni
Mostra un elenco di tutte le recensioni pubblicate e delle domande dei clienti, insieme a una barra di ricerca, filtri, un pulsante Scrivi una recensione e un pulsante Fai una domanda. Il più delle volte viene aggiunto subito sotto il widget di riepilogo delle recensioni.
- Widget recensioni prodotto
Una combinazione dei widget riepilogo recensioni ed elenco recensioni sopra. Se aggiungi il widget delle recensioni dei prodotti al tuo sito, non devi aggiungere separatamente i widget di elenco delle recensioni e di riepilogo delle recensioni. - Widget carosello di recensioni in evidenza
Mostra recensioni selezionate da qualsiasi tuo prodotto. Puoi metterlo in evidenza sulla home page, su una pagina di recensioni dedicata o in qualsiasi altra parte del sito. Puoi selezionare le recensioni da mettere in evidenza in questo widget. Se disponibili, le immagini inviate dai clienti accompagnano ogni recensione; se non è stata inviata alcuna immagine insieme alla recensione, vengono utilizzate le immagini del prodotto.
- Il widget SEO / tutti i widget delle recensioni mostra tutte le tue recensioni su tutti i prodotti in un’unica pagina. Usa questo widget per migliorare la tua SEO e offrire un unico punto in cui i potenziali clienti possano vedere cosa apprezzano i tuoi clienti attuali. Questo widget viene aggiunto più spesso a una pagina Recensioni autonoma sul tuo sito.
Questi widget sono completamente personalizzabili, quindi puoi scegliere i caratteri e i colori del tuo brand, oltre a selezionare manualmente le recensioni da mettere in evidenza nel carosello delle recensioni in primo piano.
Seleziona una lingua per i widget delle recensioni e le pagine di invio
Per impostazione predefinita, tutti i contenuti di Klaviyo Reviews sono in inglese. Per selezionare un’altra lingua:
- Vai alla scheda Recensioni in Klaviyo.
- Fai clic su Impostazioni delle recensioni.
- Seleziona Generale.
- Nel menu Seleziona lingua, scegli la tua lingua.
L'aggiornamento della lingua per Klaviyo Reviews si applica a:
- Pagina di invio della recensione
- Widget sul sito
- Widget di valutazione a stelle
- Widget Riepilogo recensione
- Widget elenco recensioni
- Widget delle recensioni di prodotti
- Widget con carosello di recensioni in evidenza
Non puoi aggiornare l’impostazione della lingua solo per un widget; tutti i widget devono usare la stessa lingua. Tutti i widget e la pagina di invio vengono aggiornati immediatamente, inclusi quelli già attivi sul tuo sito.
L’aggiornamento della lingua per Klaviyo Reviews non si applica ad altre funzionalità di Klaviyo (ad esempio, domande personalizzate, flusso, modulo d'iscrizione, pagine delle preferenze, il contenuto delle recensioni inviate dai clienti e così via). Questi devono essere tradotti e modificati manualmente.
Nascondi i widget di recensione finché un prodotto non ha ricevuto recensioni
Queste istruzioni si applicano al widget di valutazione a stelle e al widget della lista delle recensioni.
Per impostazione predefinita, un prodotto senza recensioni mostrerà 0/5 stelle e un messaggio che indica che non è stata ancora inviata alcuna recensione. Se preferisci nascondere il widget finché non ricevi recensioni, segui questi passaggi:
- Apri la scheda Reviews in Klaviyo.
- Seleziona Impostazioni delle recensioni.
- Clicca su Widget sul sito.
- Seleziona Recensioni del prodotto o Valutazione in stelle.
- Apri il menu Stato vuoto.
- Disattiva l'impostazione Mostra con zero stelle.
Modifica l'aspetto del widget
Segui questi passaggi per modificare lo stile (ad esempio font, colori e altro) di qualsiasi widget di recensione.
- Apri la scheda Reviews in Klaviyo.
- Seleziona Impostazioni delle recensioni.
- Clicca su Widget sul sito.
- Scegli il widget che vuoi modificare.
- Clicca su Stile e layout.
- Regola l’aspetto del widget come preferisci, inclusi font, colori e spaziatura.
La modifica di un’impostazione in un widget delle recensioni (ad es. il colore del pulsante) non influisce su tale impostazione per gli altri widget, ad eccezione del widget SEO/widget di tutte le recensioni. Questo widget eredita tutte le impostazioni dal widget delle recensioni dei prodotti. Per personalizzare l’aspetto del widget SEO/widget di tutte le recensioni ma non del widget delle recensioni del prodotto, devi usare CSS personalizzati.
Impostazioni dello stile della recensione disponibili
Apri ogni menu a discesa per saperne di più sulle opzioni di stile disponibili per quella categoria.
Widget delle recensioni di prodotti
Nella sezione Layout & stile delle impostazioni dello stile delle recensioni dei prodotti, puoi modificare le seguenti impostazioni:
- Margine
Regola lo spazio nella parte superiore, inferiore, sinistra e/o destra del widget. - Colore di sfondo principale
Attiva questa impostazione per aggiungere un colore di sfondo all'intera area del widget. - Colore di sfondo secondario
Modifica il colore per alcuni elementi del widget, come le barre dell’istogramma. - Colore di evidenziazione
Modifica il colore utilizzato per varie evidenziazioni, inclusa la selezione in una domanda con intervallo e i badge dei recensori verificati. - Raggio degli angoli
Applica angoli arrotondati all'intera area del widget di recensione del prodotto. Nota che questa opzione è visibile solo se aggiungi un colore di sfondo principale. - Linee divisorie
Aggiungi linee facoltative tra ogni recensione. - Carattere principale
Scegli Eredita dal sito per usare il carattere esistente del tuo sito oppure seleziona un carattere. L'impostazione Carattere principale si applica a tutti i caratteri del widget tranne:- L'etichetta #/5 nella sezione Recensioni dei clienti.
- Il timestamp di ogni recensione.
- Il testo dell’etichetta nell’istogramma a stelle.
- Il testo segnaposto nel campo di ricerca.
- Carattere secondario
Scegli Eredita dal sito per utilizzare il carattere del tuo sito esistente oppure seleziona un carattere. L’impostazione Carattere secondario si applica all’istogramma a stelle, al campo di ricerca, al timestamp di ogni recensione e all’etichetta #/5 nella sezione Recensioni dei clienti. - Dimensione, spessore e colore del carattere
Regola rispettivamente la dimensione, lo spessore e il colore dei caratteri principali e secondari. - Impostazioni del pulsante
- Colore
Colore del pulsante. - Raggio dell'angolo
L'arrotondamento degli angoli dei pulsanti. Imposta su 0 per non arrotondare. - Bordo
Un bordo colorato attorno al pulsante. - Specifica il colore al passaggio del mouse
Se i pulsanti devono cambiare colore al passaggio del mouse, abilita questa impostazione. - Spaziatura interna
Spaziatura all’interno di ogni pulsante, attorno al testo del pulsante. L’aggiunta di spaziatura interna farà apparire il pulsante più grande. - Carattere, dimensione del carattere, spessore del carattere, colore del carattere
Il carattere utilizzato per i pulsanti del widget.
- Colore
- Impostazioni di valutazione
- Colore pieno
Il colore delle stelle selezionate (ad esempio, se un prodotto è valutato 4/5 stelle, le prime 4 stelle usano questo colore). - Colore vuoto
Il colore delle stelle non selezionate (ad es. se un prodotto ha una valutazione di 4/5 stelle, la 5° stella usa questo colore). - Bordo
Un bordo colorato facoltativo che circonda tutte le stelle. - Spaziatura
Lo spazio tra ogni stella. - Forma
Scegli stili di valutazione alternativi, come stelle appuntite, cuori arrotondati e altro ancora. - Dimensioni
- Riepilogo
Le dimensioni delle stelle nel riepilogo della recensione. - Recensione
La dimensione delle stelle all'interno di ogni recensione cliente.
- Riepilogo
- Colore pieno
- Impostazioni dei filtri
Le impostazioni deifiltri si applicano al campo di ricerca e ai filtri delle recensioni.- Colore di sfondo
Il colore di sfondo dei pulsanti del filtro e della barra di ricerca. - Larghezza e colore del tratto attivo
La larghezza e il colore del bordo che indica un’opzione di filtro attiva (ovvero selezionata). (Minimo 1.) - Raggio dell'angolo
L'arrotondamento degli angoli nel campo di ricerca. Per non arrotondare, seleziona 0 px. - Icona di ricerca
Attiva o disattiva l'icona di ricerca a forma di lente di ingrandimento.
- Colore di sfondo
- Impostazioni delle immagini
- Raggio dell’angolo delle immagini di riepilogo
Arrotondamento della selezione delle immagini di riepilogo nel riepilogo delle recensioni. - Raggio angolare delle immagini delle recensioni
Arrotondamento di ogni immagine all'interno delle singole recensioni. - Dimensioni delle immagini delle recensioni
La dimensione delle immagini incluse con le singole recensioni.
- Raggio dell’angolo delle immagini di riepilogo
Carosello di recensioni in evidenza
Nella sezione Layout delle impostazioni dello stile del carosello delle recensioni in evidenza, puoi modificare le seguenti impostazioni:
- Titolo della sezione
Aggiungi un’etichetta, Recensioni clienti, a questo widget. - Tipo di carosello
Scegli se il carosello deve mostrare immagini o solo testo. - Numero massimo di recensioni per pagina
Scegli quante recensioni in evidenza visualizzare per pagina. - Limite di testo
Scegli quante righe di testo includere in ogni anteprima della recensione. - Margine
Regola lo spazio nella parte superiore, inferiore, sinistra e/o destra del widget. - Allineamento del testo
Se il testo deve essere allineato a sinistra, a destra o al centro. - Elementi della scheda
Attiva o disattiva l'opzione per visualizzare la data, l'autore e il badge di verifica di una recensione.
Nella sezione Style delle impostazioni dello stile del carosello di recensioni in evidenza, puoi modificare le seguenti impostazioni:
- Impostazioni del carattere dell’intestazione della sezione
Carattere, colore del carattere e dimensione del carattere per l’intestazione della sezione. Tieni presente che Titolo della sezione deve essere abilitato in Layout affinché questa impostazione si applichi al tuo widget. - Altezza immagine
Modifica la dimensione dell’immagine inclusa nell’anteprima della recensione. - Raggio degli angoli
Modifica l’arrotondamento degli angoli su ogni riquadro di recensione in evidenza. - Colore scheda
Aggiungi un colore di sfondo a ogni riquadro della recensione. - Ombra
Aggiungi o rimuovi un’ombra dalle schede. - Bordo
Aggiungi o rimuovi un bordo dalle schede. - Impostazioni dello stile di valutazione
- Colore pieno
Il colore delle stelle selezionate (ad esempio, se un prodotto è valutato 4/5 stelle, le prime 4 stelle usano questo colore). - Colore vuoto
Il colore delle stelle non selezionate (ad es. se un prodotto ha una valutazione di 4/5 stelle, la 5° stella usa questo colore). - Bordo
Un bordo colorato facoltativo che circonda tutte le stelle. - Spaziatura
Lo spazio tra ogni stella. - Dimensione
La dimensione delle stelle all'interno di ogni recensione cliente. - Forma
Scegli stili di valutazione alternativi, come stelle appuntite, cuori arrotondati e altro ancora.
- Colore pieno
- Impostazioni del carattere del titolo della recensione
Scegli Eredita dal sito per utilizzare il carattere del tuo sito esistente oppure seleziona un carattere e dimensione, spessore e colore del carattere. - Rivedi le impostazioni del carattere del corpo della recensione
Scegli Eredita dal sito per usare il carattere già presente sul tuo sito oppure seleziona un carattere, oltre a dimensione, spessore e colore. - Impostazioni del font per le etichette di data e nome
Scegli Eredita dal sito per usare il font esistente del tuo sito oppure seleziona un font e la dimensione, lo spessore e il colore del font.
Valutazione in stelle
- Margine
Regola lo spazio nella parte superiore, inferiore, sinistra e/o destra del widget. - Impostazioni dello stile di valutazione
- Colore pieno
Il colore delle stelle selezionate (ad esempio, se un prodotto è valutato 4/5 stelle, le prime 4 stelle usano questo colore). - Colore vuoto
Il colore delle stelle non compilate (ovvero non selezionate) (ad esempio, se un prodotto ha una valutazione di 4/5 stelle, la quinta stella usa questo colore). - Bordo
Un bordo colorato facoltativo che circonda tutte le stelle. - Spaziatura
Lo spazio tra ogni stella. - Dimensione
La dimensione delle stelle all'interno di ogni recensione cliente. - Forma
Scegli stili di valutazione alternativi, come stelle appuntite, cuori arrotondati e altro ancora.
- Colore pieno
- Carattere principale
Modifica il carattere usato per il testo # valutazioni. Scegli Eredita dal sito per usare il carattere esistente del sito oppure seleziona un carattere. - Dimensione, spessore e colore del carattere
Regola la dimensione, lo spessore e il colore del testo N. valutazioni.
Disattiva o attiva i filtri e le azioni delle recensioni
Consenti ai tuoi clienti di filtrare le recensioni per valutazione, contenuti multimediali (ovvero se le recensioni contengono immagini) o in base alle loro risposte a domande personalizzate. Questo può aiutare i potenziali clienti a trovare le recensioni più pertinenti per loro.
- Vai alla scheda Recensioni in Klaviyo.
- Fai clic su Impostazioni recensioni.
- Seleziona Widget sul sito.
- Seleziona Widget delle recensioni di prodotti.
- Seleziona Elenco di revisione.
- Per mostrare o nascondere il pulsante e la scheda D&R oppure il pulsante Write a review, attiva o disattiva quella selezione nella scheda Actions.
- Per rimuovere o aggiungere la sezione dei filtri nel widget dell'elenco di recensioni, disattiva o attiva l'interruttore Filtri.
- Seleziona o deseleziona una di queste impostazioni per determinare quali opzioni di filtro vengono visualizzate: Barra di ricerca, Ordinamento (più recente, più alto, più basso), Valutazione, Media, Domande personalizzate.
Informazioni sul filtro più pertinente
Il filtro Più pertinenti mette in evidenza le recensioni che è più probabile che gli utenti trovino utili. Se selezionate, le recensioni verranno visualizzate in questo ordine:
- Recensioni con testo, immagini o domande personalizzate inviate dal paese della persona che ha visitato il sito
- Recensioni senza contenuto (ovvero recensioni solo con valutazione) inviate dal paese della persona visitatrice
- Recensioni con testo, immagini o domande personalizzate inviate da altri paesi
- Recensioni senza alcun contenuto (ovvero recensioni solo con valutazione) inviate da altri Paesi
All’interno di ciascuna categoria, le recensioni sono ordinate in base alla data di invio, con le più recenti per prime.
Scegli se includere le immagini dei prodotti nel riepilogo delle recensioni
I riepiloghi delle recensioni includono una galleria facoltativa di immagini del prodotto inviate dai clienti. Per abilitare o disabilitare questa galleria:
- Vai alla scheda Recensioni in Klaviyo.
- Fai clic su Impostazioni recensioni.
- Seleziona Widget sul sito.
- Seleziona il widget Recensioni dei prodotti .
- Seleziona Riepilogo recensioni e media.
- Disattiva o attiva l’impostazione Galleria immagini.
Nascondi elementi dall’elenco delle recensioni
Queste istruzioni si applicano al widget dell'elenco di recensioni.
Se vuoi, puoi nascondere elementi dall’elenco delle recensioni (ad esempio autore della recensione, risposta del negozio, data e ora). Per farlo:
- Apri la scheda Reviews in Klaviyo.
- Seleziona Impostazioni delle recensioni.
- Clicca su Widget sul sito.
- Scegli Recensioni dei prodotti.
- Fai clic su Elenco delle recensioni.
- Disattiva gli elementi che vuoi nascondere.
Se disattivi Valutazione in stelle, Media e Domande personalizzate dall'elenco delle recensioni, le opzioni dell'impostazione Filtri delle recensioni scompariranno. Affinché un visitatore del sito possa filtrare la ricerca, nell'elenco di recensioni deve essere visibile almeno un criterio di filtro (valutazione a stelle, contenuti multimediali o domande personalizzate).
Seleziona le recensioni da visualizzare nel carosello delle recensioni in evidenza
Le recensioni in evidenza verranno visualizzate nel carosello delle recensioni in evidenza. Per scegliere quali recensioni mettere in evidenza:
- Vai alla scheda Recensioni.
- Seleziona Tutte le recensioni.
- Accanto a una recensione che vuoi mettere in evidenza, fai clic su Funzionalità.
- Ripeti a piacere. Ti consigliamo di selezionare almeno 3-5 recensioni da mettere in evidenza.
Risorse aggiuntive
- Come installare Klaviyo Reviews sui temi Shopify 2.0
Scopri come installare Klaviyo Reviews sul tuo negozio Shopify 2.0 installando l'app e aggiungendo widget delle recensioni.
- Come installare Klaviyo Reviews su Shopify (temi vintage e headless)
Scopri come installare Klaviyo Reviews con un tema Shopify vintage o un'architettura headless. Questo processo prevede la copia di diversi snippet di codice e il loro incollaggio nel codice del tuo sito.
- Come installare Klaviyo Reviews per WooCommerce
Scopri come installare Klaviyo Reviews sul tuo negozio WooCommerce e aggiungere i widget delle recensioni. Per scoprire tutti i passaggi necessari per iniziare, vai a Primi passi con Klaviyo Reviews.