Sezione Testimonianze

Puoi facilmente creare una pagina di recensioni sul sito Web o aggiungere le tue recensioni su una pagina utilizzando la sezione delle testimonianze.

L'aggiunta di recensioni dei clienti al tuo sito Web crea fiducia nel tuo marchio e aiuta a mantenere relazioni di qualità con i clienti.


In questo articolo:

  1. Che cos'è un elenco di testimonianze?
  2. Aggiunta di una sezione Elenco testimonianze alla pagina
  3. Aggiungere e modificare elementi dell'elenco
  4. Sequenza degli elementi dell'elenco
  5. Eliminazione di elementi dell'elenco
  6. Modifica del layout della sezione
  7. Opzioni di stile
  8. La carta Intera e la carta Testo

1. L'elenco delle testimonianze

  • Puoi facilmente includere una sezione Testimonial sul tuo sito web dove puoi mostrare feedback, commenti e testimonianze sul tuo sito web.
  • È un ottimo modo per mostrare il buzz positivo sul tuo sito web.

2. Aggiungi la sezione Elenco testimonianze

  • È possibile aggiungere una sezione a una pagina. Puoi aggiungere una sezione a una pagina già esistente oppure crea una nuova pagina all'interno del tuo sito web.
  • Sulla tua pagina, Fare clic sul blu + icona per aggiungere a Nuova sezione alla tua pagina.

 

  • Ora vedrai il categorie di sezione sul lato sinistro.
  • Scorri verso il basso e scegli il Sezione Testimonianze (1) opzione in cui è possibile scegliere tra i diversi layout.

  • Scegli qualsiasi layout di sezione (2) e fai clic su di esso per aggiungerlo alla tua pagina.

3. Aggiungi e modifica voci di elenco

Aggiungi voce di elenco

Dopo aver aggiunto la sezione:

  • Clicca sul Modifica testimonianze (1) pulsante per aprire il pannello degli elementi dell'elenco.

  • Clicca sul Aggiungi articolo (2) pulsante per aggiungere una nuova voce di elenco.
  • Avrai la possibilità di duplicare ed eliminare (3) le voci dell'elenco.


Modifica voce elenco

  • Fare clic sulla voce dell'elenco che si desidera modificare.
  • Si apriranno le particolari opzioni di modifica dell'elemento dell'elenco.
  • Carica un'immagine (1) per la voce di elenco.
  • Aggiungere un Titolo (2) Sottotitolo (3), e Descrizione (4) della voce di elenco.

  • Fare clic sull'icona Link Builder del Link del titolo (5) per aprire il generatore di collegamenti per collegare il titolo della voce dell'elenco a qualsiasi pagina.
  • Impostare il collegamento in modo che si apra in a nuova scheda o nella stessa scheda (6).
  • Aggiungi qualsiasi tipo di Link (7) alla voce di elenco. È possibile aggiungere un pulsante/collegamento immagine/icona social/collegamento testuale. Scopri di più.
  • Risparmi (8) le tue modifiche.


Guarda in azione:


4. Elementi dell'elenco di sequenze

  • Puoi facilmente trascinare e rilasciare gli elementi dell'elenco per modificare la sequenza.

5. Eliminare un elemento dell'elenco

Dopo aver aggiunto un elemento dell'elenco, è possibile modificarlo e anche eliminarlo.

  • Clicca sul Elimina icona accanto alla voce dell'elenco delle testimonianze.
  • Clicca sul Elimina pulsante nel popup di conferma.
  • Risparmi le tue modifiche.
Note:

L'elemento dell'elenco una volta eliminato non può essere recuperato.


6. Disposizione della sezione

  • Clicca sul Gestisci testimonianze pulsante per aprire il pannello di modifica Elenco immagini.
  • Scegliere il disposizione scheda.
  • Seleziona il layout per la tua sezione e salva le modifiche.

7. Modella la tua sezione

  • Fare clic su Modifica testimonianze (1) pulsante per aprire il pannello di modifica dell'elenco delle testimonianze.

  • Scegliere il Stile (2) scheda.
  • Cambia lo stile per gli elementi della sezione e Salva (3) le tue modifiche.

Opzioni di stile

Avrai più opzioni di stile per la sezione: 

articoli 

  1. Scegli Mostra articoli in righe e colonne or carosello 
    • Se hai scelto il file righe e colonne opzione, gli elementi dell'elenco verranno disposti in righe e colonne. In questo caso, è necessario specificare il numero di righe e colonne.
    • Se hai scelto il file carosello opzione, gli elementi dell'elenco verranno presentati come una presentazione. Vedi qui per saperne di più .
  2. Impostare il numero di colonne per le voci dell'elenco. Puoi scegliere da 1 a 10 colonne.
  3. specificare la Spazio tra le colonne degli elementi della lista.
  4. Scegliere il Ordine dei contenuti cioè le immagini degli elementi dell'elenco da visualizzare per primi o il testo associato.
  5. Allineare il contenuto negli elementi dell'elenco. Puoi impostarli per essere allineati a sinistra, a destra o al centro.
  6. Scegli di eseguire il loop del carosello o meno.
  7. Nel caso del carosello, scegli il Controlli di navigazione. Puoi scegliere tra Nessun controllo, Frecce – In basso al centro/In alto a destra/In basso a destra, Chevron o Punti.

Immagini 

  1. Scegliere il ritaglio dell'immagine per le voci dell'elenco. È possibile impostare le immagini come Quadrato, Cerchio, Orizzontale, Verticale e Dinamico.
  2. Scegliere di avere un raggio d'angolo comune o un raggio d'angolo diverso per ciascun lato degli elementi dell'elenco e impostare un numero (in px) per il raggio dell'angolo delle immagini delle voci dell'elenco.

Consiglio

Usando il raggio dell'angolo campo, è possibile creare diverse forme delle immagini degli elementi dell'elenco. Nel caso in cui specifichi 500 px qui, le immagini verranno visualizzate a forma di cerchio. 

  • Nel caso tu abbia scelto angoli divisi, puoi impostare raggi d'angolo diversi per ogni angolo.

Al passaggio del mouse sull'immagine 

  1. Scegliere il Colore al passaggio del mouse dell'immagine essere la colore di accento o essere specificato. Se hai scelto il colore di accento, quindi specifica il file opacità.
  2. Se hai scelto il file specificare il colore opzione quindi impostare l' Colore e opacità al passaggio del mouse di base per le voci dell'elenco.
  3. Impostare il Elementi colore per gli elementi dell'elenco della sezione.
  4. Scegli animare le immagini degli elementi dell'elenco al passaggio del mouse facendo clic su Sì.

Dimensioni e spazio 

  1. specificare la Larghezza immagine per le voci dell'elenco.
  2. specificare la Larghezza contenuto per le voci dell'elenco.
  3. specificare la Spazio sotto il titolo della sezione nel px.
  4. specificare la Spazio sotto le immagini delle voci dell'elenco (in %).
  5. specificare la Spazio sotto i titoli delle voci dell'elenco (in %).

Stile di testo

  1. Clicca sul Cambia stile di testo pulsante per visitare il Design sezione e gestire le dimensioni e gli stili dei caratteri.
  2. Impostare il Titolo stile del carattere per gli elementi dell'elenco.
  3. Impostare il Sottotitolo stile del carattere per gli elementi dell'elenco.
  4. Imposta l'impostazione predefinita Descrizione stile del carattere per gli elementi dell'elenco.

Carte 

  1. Scopri come per gestire le carte.

Nota: I Carta l'opzione è disponibile solo in primo layout.  

Shadow 

  1. Dsiplay – Scegli di mostrare l'ombra dietro gli elementi dell'elenco sempre o solo al passaggio del mouse.
  2. Style - Scegli tra i preset esistenti o crea un'ombra personalizzata.
    Se hai scelto l'opzione Personalizzato, visita questo Generatore di ombre a scatola per creare un'ombra personalizzata. Infine, copia e incolla il file scatola ombra CSS.

  1. Nel caso in cui tu abbia scelto l'opzione dei preset, allora Scegli Stili ombra dal menu a discesa.

  1. Scopri come per gestire lo stile di pulsanti e collegamenti.
  2. Risparmi i cambiamenti.


8. La carta Intera e la carta Testo

Quando accendi il Scheda completa/testo sopra il tuo elenco di testimonianze, le voci dell'elenco avranno un contorno e uno sfondo con il colore della carta che hai selezionato nel Design .
Vedi anche: Colori e spaziatura del sito web.

Scheda completa

Quando è selezionata l'opzione scheda completa, il colore della scheda viene applicato all'intera scheda, ovvero all'immagine e al testo ad essa associati.

Dai un'occhiata: 

Scheda di testo

Quando è selezionata l'opzione scheda di testo, il colore della scheda viene applicato solo al testo associato all'immagine.

Dai un'occhiata: 

Non trovi quello che cerchi?

Mettiti in contatto con un esperto Pixpa.