Vai al contenuto principale

Come configurare il modulo Testimonial su Divi Builder

Divi: il tema WordPress più semplice da usare

Divi: il miglior tema WordPress di tutti i tempi!

più Download di 901.000, Divi è il tema WordPress più popolare al mondo. È completo, facile da usare e viene fornito con oltre i modelli gratuiti 62. [Consigliato]

Prima di poter aggiungere un modulo di testimonianza alla tua pagina, devi prima accedere a Divi Builder. Una volta installato il tema Divi 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

L'aggiunta di una sezione di testimonianze è uno dei modi migliori per promuovere il tuo prodotto o servizio. Per questo esempio, ti mostrerò come utilizzare il modulo Testimonianza 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 delle testimonianze è "Clienti felici". È importante avere un titolo efficace, 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

Crea facilmente il tuo sito Web con Elementor

Elementor ti consente di creare facilmente qualsiasi design di sito Web con un aspetto professionale. Smetti di pagare caro per quello che puoi fare da solo. [Free]

Nome dell'autore: [inserisci nome] Titolo articolo: [inserisci titolo] Nome azienda: [inserisci azienda] Contenuto: [inserisci contenuto testimonial] URL immagine ritratto: [download 90 × 90 immagine] 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!

Stai cercando i migliori temi e plugin per WordPress?

Scarica i migliori plugin e temi WordPress su Envato e crea facilmente il tuo sito web. Già più di 49.720.000 download. [ESCLUSIVO]

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.

Crea facilmente il tuo negozio online

Scarica gratuitamente WooCommerce, i migliori plug-in di e-commerce per vendere i tuoi prodotti fisici e digitali su WordPress. [Consigliato]

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.

Altri tutorial di Divi

Questo articolo contiene i commenti 0

Lascia un commento

L'indirizzo email non verrà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito utilizza Akismet per ridurre indesiderati. Ulteriori informazioni su come vengono utilizzati i dati dei commenti.

Torna in alto
16 azioni
quota10
Tweet1
Enregistrer5