Testimonianze

Link in evidenza

1. Documentazione Shopify sulle sezioni e i blocchi
2. Documentazione di Company XYZ sul blocco testimonianza
3. Documentazione di Company XYZ sulle impostazioni del layout
4. Documentazione di Company XYZ sulle impostazioni dei controlli della presentazione
5. Documentazione di Company XYZ sulle impostazioni degli header
6. Documentazione di Company XYZ sulle impostazioni delle schede
7. Documentazione di Company XYZ sulle impostazioni del padding della sezione
8. Documentazione di Company XYZ sulle impostazioni degli sfondi delle sezioni
9. Documentazione di Company XYZ sulle impostazioni dei separatori
10. Documentazione di Company XYZ sulle impostazioni di visibilità
11. Documentazione di Company XYZ sulle impostazioni delle larghezze del layout

Video utili

Video di Shopify Academy: personalizzare il tuo negozio

Video di Shopify Academy: personalizzare il tuo negozio

Video Shopify: come ottimizzare il negozio per aumentare le conversioni

Video Shopify: come ottimizzare il negozio per aumentare le conversioni

Usa Testimonials per mettere in evidenza le citazioni dei clienti, collegarle ai prodotti in primo piano e presentarle in una griglia o in una presentazione. È una scelta valida per pagine iniziali, landing page e pagine promozionali in cui la riprova sociale richiede un controllo del design maggiore rispetto a un semplice feed di recensioni. Per una panoramica più ampia di come funzionano sezioni e blocchi nell’editor, vedere documentazione Shopify su sezioni e blocchi

Impostazioni di base

Impostazioni di layout

Impostazioni di layout controllano quante schede testimonianza vengono visualizzate e il loro comportamento su desktop, tablet e dispositivi mobili. È possibile combinare layout a griglia e presentazione in base al dispositivo, cosa utile quando si desidera un layout più completo su schermi grandi e una navigazione più semplice su quelli piccoli.

I layout a griglia funzionano meglio quando le testimonianze sono brevi e visivamente uniformi. I layout a presentazione sono in genere più adatti a citazioni più lunghe, contenuti multimediali misti o schede con altezze sensibilmente diverse.

Se il numero di colonne per tablet resta impostato su 0, gli schermi tablet usano l’impostazione di colonne desktop. Può far risparmiare tempo nella configurazione, ma vale la pena controllare gli spazi su tablet se le schede includono citazioni lunghe, immagini di prodotto o video.

L’allineamento del contenuto aiuta a mantenere le schede intenzionali quando la lunghezza delle testimonianze varia. L’allungamento verticale può rendere le righe più ordinate facendo corrispondere le altezze delle schede all’interno della stessa riga.

Se le testimonianze variano molto in lunghezza, testate insieme l’allineamento del contenuto e l’allungamento verticale. Altezze corrispondenti di solito appaiono più ordinate nelle griglie, mentre altezze naturali possono risultare migliori in layout più editoriali.

Impostazioni della presentazione

Impostazioni della presentazione si applicano quando un dispositivo è impostato su un layout a presentazione. Questi controlli influiscono su animazione, riproduzione automatica, ciclo, navigazione, paginazione e sulla visualizzazione parziale della diapositiva successiva.

L’animazione in dissolvenza è la soluzione migliore quando si vuole mettere in risalto una testimonianza alla volta. Modifica inoltre il comportamento del layout imponendo una vista a singola diapositiva e disattiva l’anteprima delle diapositive e gli stili di paginazione che dipendono dalla presenza di più diapositive visibili.

La riproduzione automatica può aggiungere movimento, ma i contenuti delle testimonianze di solito richiedono un ritmo più lento rispetto ai banner promozionali. Se abilitate la riproduzione automatica, usate un intervallo più lungo e mantenete visibile la navigazione così che i clienti possano mettere in pausa e procedere al proprio ritmo.

Consiglio

Per presentazioni di testimonianze leggibili, usate una riproduzione automatica più lenta, una navigazione visibile ed evitate velocità di animazione eccessive.

Impostazioni colore

Queste sostituzioni di colore a livello di sezione consentono di regolare i colori di icone, testo e sottotitoli senza modificare il resto del tema. Sono più utili quando la sezione si trova su uno sfondo personalizzato o richiede un contrasto più forte di quello offerto dagli stili globali.

Se personalizzate anche i colori delle schede, verificate insieme entrambi i set. L’introduzione della sezione e le schede delle testimonianze possono usare trattamenti cromatici diversi, quindi un rapido controllo del contrasto aiuta a mantenere la sezione coerente.

Tipi di blocco supportati

1. Testimonianza

Testimonianza

Il blocco Testimonianza aggiunge una citazione di un singolo cliente, una riga della fonte, una valutazione e un collegamento opzionale a un prodotto. Può includere anche contenuti di supporto in immagine o video per dare maggiore impatto visivo alla testimonianza. Vedere documentazione Company XYZ sul blocco Testimonianza.

Usate citazioni brevi e mirate quando volete mostrare più schede contemporaneamente. Se una testimonianza racconta una storia più lunga o include contenuti multimediali più ricchi, di solito risulta più semplice da fruire in un layout a presentazione.

Quando assegnate un prodotto, la scheda può collegare visivamente la testimonianza a un articolo specifico. Lo stile dell’immagine del prodotto si applica solo quando è selezionato un prodotto, quindi va bene mantenere nascosta l’immagine del prodotto quando la citazione deve bastare da sola.

Impostazioni immagine

L’immagine è opzionale, ma può cambiare in modo significativo il tono della scheda. Un’immagine semplice può rendere una testimonianza più personale, mentre il video può renderla più editoriale o orientata alla campagna.

L’immagine in alto dà più priorità visiva ai contenuti multimediali. L’immagine in basso mantiene la citazione come focus principale, che spesso è la scelta migliore per contenuti orientati alla fiducia.

Se usate un video, un’immagine poster aiuta a rendere la scheda curata prima dell’avvio della riproduzione. La riproduzione automatica è di solito più adatta a clip brevi e senza audio piuttosto che a testimonianze parlate.

Attenzione

Le schede di testimonianze ricche di contenuti multimediali possono rendere più difficile scorrere rapidamente una griglia densa. Se diverse testimonianze includono video o immagini molto alte, un layout a presentazione è spesso più facile da gestire.

Impostazioni condivise a livello di blocco

Ogni blocco testimonianza include anche le proprie sostituzioni di colore della scheda, i controlli di visibilità e un titolo dell’editor. Le modifiche ai colori a livello di blocco sono utili per mettere in risalto una testimonianza in primo piano, ma funzionano meglio se usate in modo selettivo.

Impostazioni standard della sezione

Impostazioni dell’header

Impostazioni dell’header controllano il contenuto introduttivo sopra le testimonianze, inclusi allineamento, struttura dell’intestazione, icona opzionale, testo di supporto e un pulsante opzionale. Usate quest’area per presentare la sezione con un messaggio chiaro sul feedback dei clienti, la fiducia nel brand o le recensioni in primo piano.

Se aggiungete un pulsante, mantenete l’azione strettamente collegata alle testimonianze, ad esempio collegandola a una collezione, a un gruppo di prodotti o a una pagina recensioni dedicata. Scegliete il livello dell’intestazione in base alla struttura della pagina, non solo alle dimensioni visive.

Impostazioni scheda

Impostazioni scheda consentono di modificare i colori predefiniti dello sfondo, del bordo e del testo delle schede testimonianza in questa sezione. Queste impostazioni sono utili quando volete che le schede sembrino sollevate rispetto allo sfondo della pagina o che si adattino a una campagna stagionale.

Date priorità alla leggibilità quando usate gradienti o colori di sfondo più tenui. Un contrasto elevato è fondamentale soprattutto per il testo delle citazioni, i nomi delle fonti e le icone di valutazione.

Impostazioni di padding

Impostazioni di padding controllano lo spazio sopra e sotto la sezione. Regolatele per dare alle testimonianze abbastanza respiro, soprattutto quando la sezione si trova tra aree ricche di immagini o di testo.

Uno spazio più generoso può rendere le testimonianze più premium. Uno spazio più contenuto può funzionare nelle landing page compatte, ma controllate attentamente su mobile per evitare che la sezione risulti troppo compressa.

Impostazioni dello sfondo sezione

Impostazioni dello sfondo sezione consentono di aggiungere alla sezione un colore di sfondo, un gradiente, un’immagine, un video e un overlay. Questo è utile quando volete che l’area delle testimonianze risulti distinta dai contenuti circostanti.

I contenuti multimediali di sfondo possono aggiungere atmosfera, ma possono anche ridurre la leggibilità. Usate insieme overlay e sostituzioni di colore in modo che il testo delle citazioni resti facile da leggere.

Impostazioni dei separatori

Impostazioni dei separatori aggiungono una linea sopra o sotto la sezione per creare una transizione più pulita tra le aree della pagina. Sono una buona scelta quando volete una separazione senza aggiungere un trattamento di sfondo completo.

Mantenete semplice lo stile dei separatori se le schede testimonianza usano già bordi marcati o sfondi evidenti. Troppi divisori visivi possono rendere la pagina troppo carica.

Impostazioni di visibilità

Impostazioni di visibilità controllano se la sezione appare su desktop, mobile o entrambi. Questo è utile quando volete una presentazione delle testimonianze per schermi più grandi e un’altra per quelli più piccoli.

Usate con attenzione la visibilità specifica per dispositivo, così da non ritrovarvi a gestire più versioni dello stesso contenuto, a meno che il vantaggio di layout non sia chiaro.

Impostazioni di larghezza

Impostazioni di larghezza controllano la larghezza della sezione e la larghezza massima del suo contenuto. In Testimonials, queste impostazioni influiscono fortemente sulla leggibilità e sulla percezione della densità del layout.

Larghezze del contenuto più ridotte in genere rendono più facili da leggere le citazioni lunghe. Larghezze maggiori sono migliori per griglie a più colonne, ma visualizzate l’anteprima del layout finale nella vetrina perché le anteprime dell’editor possono rendere più difficile giudicare con precisione le modifiche alla larghezza.

Note sull’uso

1. Abbinate il layout al contenuto. Usate le griglie per testimonianze più brevi e uniformi e le presentazioni per citazioni più lunghe, contenuti multimediali misti o lunghezze delle schede non omogenee.
2. Collegate i prodotti in modo selettivo. Collegate le testimonianze ai prodotti solo quando la citazione supporta chiaramente un articolo specifico, così la sezione resta utile invece che eccessivamente promozionale.
3. Proteggete la leggibilità. Controllate con attenzione il contrasto del testo ogni volta che usate sfondi personalizzati, gradienti, overlay o sostituzioni di colore delle schede.
4. Usate il movimento con moderazione. La riproduzione automatica, il ciclo e il video possono aggiungere energia, ma i contenuti delle testimonianze di solito funzionano meglio quando i clienti hanno abbastanza tempo per leggere con comodità.
5. Previsualizzate ogni breakpoint. Rivedete insieme i layout desktop, tablet e mobile, soprattutto quando mescolate citazioni lunghe, immagini e comportamento della presentazione.
6. Bilanciate la sezione con i blocchi. L’aggiunta di più blocchi testimonianza può trasformare la sezione da semplice evidenza a un layout di riprova sociale più completo, quindi verificate se il contenuto introduttivo sembra ancora necessario.
7. Controllate insieme contenuti multimediali e sostituzioni di colore. Contenuti multimediali separati per desktop e mobile, o scelte di colore locali più esplicite, possono modificare ritaglio, visibilità e contrasto al punto che ogni viewport richiede un rapido controllo finale.