Prima di poter aggiungere un modulo di testimonianza alla tua pagina, devi prima accedere a Divi Builder. Una volta il Tema Divi installato sul tuo sito web, noterai un pulsante Usa Divi Builder sopra l'editor dei post ogni volta che crei una nuova pagina. Fare clic su questo pulsante per attivare Divi Builder e accedere a tutti i moduli che offre. Quindi fare clic sul pulsante Usa Visual Builder per avviare il generatore in modalità visuale. Puoi anche fare clic sul pulsante Abilita Visual Builder quando navighi sul tuo sito Web in primo piano se sei connesso alla dashboard di WordPress.

usa il visual builder di Divi

Una volta entrato in Visual Builder, puoi fare clic sul pulsante più grigio per aggiungere un nuovo modulo alla tua pagina. I nuovi moduli possono essere aggiunti solo all'interno delle righe. Se stai iniziando una nuova pagina, ricordati di aggiungere prima una riga alla tua pagina.

Modulo di testimonianza di Wordpress

Individua il modulo di testimonianza nell'elenco dei moduli e fai clic su di esso per aggiungerlo alla tua pagina. L'elenco dei moduli è ricercabile, il che significa che puoi anche digitare "testimonial" e quindi premere Invio per cercare e aggiungere automaticamente il modulo testimonial! Una volta aggiunto il modulo, sarai accolto dall'elenco delle opzioni del modulo. Queste opzioni sono suddivise in tre gruppi principali: Contenuto , Design et avanzato .

Esempio di caso d'uso: sezione di testimonianze per una pagina di prodotto

Aggiungere una sezione di testimonianze è uno dei modi migliori per farlo promuovere il tuo prodotto o servizio. Per questo esempio, ti mostrerò come utilizzare il modulo Testimonial per creare una sezione di testimonianze nella parte inferiore di una pagina di destinazione per promuovere il tuo prodotto o servizio. Il titolo della sezione testimonianze è “Clienti felici”. È importante avere un titolo efficace che sia allo stesso tempo creativo e pertinente. Tutte e tre le testimonianze sono brevi in ​​un layout a tre colonne seguito da un pulsante CTA nella parte inferiore della pagina.

Contenuto di esempio con testimonianze divi

Per aggiungere la sezione delle testimonianze alla pagina, utilizza il visual builder per aggiungere una sezione standard con una riga di tre colonne. Quindi aggiungi un modulo di testimonianza alla prima colonna della tua riga.

Sezione testimonianze DiviAggiorna le impostazioni del modulo Testimonial con quanto segue:

Scheda Contenuto

Nome dell'autore: [inserisci il nome]
Titolo articolo: [inserisci titolo]
Nome azienda: [inserire azienda]
Contenuto: [inserisci il contenuto della testimonianza]
URL immagine ritratto: [scarica immagine 90 × 90]
Icona citazione
:

Scheda di progettazione

Colore del testo: chiaro
Orientamento del testo:
Corpo polizia: Roboto Light
Dimensione carattere corpo: 20px
Altezza della linea del corpo: 1.5em

Esempio di testimonianza di Divi wordpressOra che hai creato il tuo primo modulo di testimonianza, duplicalo due volte e trascina i moduli duplicati per riempire la seconda e la terza colonna.

Esempio di testimonianza divi

Poiché tutti i parametri di progettazione sono stati trasferiti su moduli duplicati nella seconda e terza riga, è possibile semplicemente tornare indietro e aggiornare i contenuti di ciascuno.

Tutto qui.

I parametri di contenuto del modulo Testimonial

Parametro del contenuto del modulo diviLe impostazioni nella scheda contenuto sono organizzate in gruppi che puoi aprire per visualizzare più opzioni. Questo ti rende molto più facile trovare l'impostazione che stai cercando. Puoi anche utilizzare la barra di ricerca in alto per trovare tutte le schede delle impostazioni contemporaneamente per l'impostazione che stai cercando. Ti porterà dritto al punto!

Testo

Qui è dove puoi aggiungere il nome dell'autore della testimonianza, il titolo dell'articolo, l'azienda e il contenuto della testimonianza stessa.

Immagine

Se hai una foto del profilo o un altro tipo di immagine per accompagnare la tua testimonianza, è qui che la aggiungerai.

Collegamento

Qui puoi aggiungere l'URL dell'autore o dell'azienda e controllarne l'apertura.

elementi

Qui puoi scegliere di rendere visibile o nascosta l'icona della citazione.

contesto

Qui puoi scegliere di aggiungere un colore di sfondo o un'immagine alla tua testimonianza.

Etichetta amministrativa

In questo elenco a discesa, puoi aggiungere un'etichetta amministratore che apparirà nel builder sulla dashboard, nonché nella vista del visual builder.

I parametri di progettazione del modulo testimonial

Parameter design diviLe impostazioni nella scheda Progettazione sono organizzate nei seguenti gruppi per rendere più facile trovare l'impostazione desiderata. E ricorda, puoi anche utilizzare la barra di ricerca per trovare un'impostazione ancora più veloce!

Icona di citazione

Qui è dove puoi regolare il colore dell'icona della citazione.

Ritratto

Le impostazioni del ritratto ti consentono di regolare il raggio del bordo, la larghezza del ritratto e l'altezza del ritratto per l'immagine che potresti aver aggiunto nella scheda Contenuto.

Testo

Queste impostazioni consentono di modificare il colore e l'orientamento del testo.

Il corpo del testo

Queste impostazioni consentono di regolare il carattere, lo spessore, la dimensione, il colore, la spaziatura, l'altezza della linea e altro.

confine

Qui puoi scegliere di utilizzare un bordo. E se scegli di utilizzare un bordo, puoi anche selezionarne il colore, modificarne la larghezza e sceglierne lo stile.

spaziatura

Nell'area della spaziatura, puoi aggiungere un riempimento personalizzato in alto, a destra, in basso o a sinistra della testimonianza. È inoltre possibile modificare questi valori per desktop, tablet o dispositivi mobili.

I parametri avanzati del modulo Testimonial

Impostazioni avanzate per testimonianzeNella scheda Avanzate del tuo modulo di testimonianza, puoi aggiungere un ID (identificatore) e una classe CSS univoca. Puoi anche aggiungere CSS personalizzati a vari selettori CSS predefiniti (e preselezionati) nel modulo di scorrimento video a discesa CSS personalizzato. Infine, nell'elenco a discesa della visibilità, puoi regolare la visibilità del tuo modulo su telefoni, tablet e desktop.

[vc_row center_row=”yes”][vc_column width=”1/2″][vcex_button target=”blank” layout=”expanded” align=”center” font_family=”Raleway” font_weight=”700″ style=”flat” custom_background=”#18b69d” custom_hover_background=”#118d7a” custom_color=”#ffffff” custom_hover_color=”#ffffff” icon_right=”fa fa-download”]SCARICA TEMA DIVI [/vcex_button][/vc_column][vc_column width=” 1 /2″][vcex_button url=”https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=23065&url=40632&tid1=tutorials” target=”blank” layout=”expanded” align=”center” font_family = ”Raleway” font_weight=”700″ style=”flat” custom_background=”#c4226e” custom_hover_background=”#8d184f” custom_color=”#ffffff” custom_hover_color=”#ffffff” icon_right=”fa fa-download”]SCARICA IL MODELLI DIVI[/vcex_button][/vc_column][/vc_row]

Altri tutorial di Divi