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.
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.
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.
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.
Aggiorna 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
Ora 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.
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
Le 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
Le 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
Nella 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
- siti 5 che utilizzano Divi ristorante a tema
- Come aggiungere testo su un prodotto Divi WooCommerce
- Come cambiare il colore del menu tra le pagine Divi
- Come personalizzare le griglie di un blog con Divi
- Come utilizzare il ruolo di Editor Divi su WordPress
- Come creare un dispositivo di scorrimento Divi a schermo intero
- Come cambiare il colore dei menu tra le pagine di Divi
- Funzionalità che probabilmente non conosci su Divi
- Come usare Divi Builder su WordPress
- Come usare il modulo di scorrimento video Divi
- Come utilizzare il modulo Divi Builder Flip
- Come aggiungere un modulo di testimonianza su Divi Builder
- Come usare il modulo di testo Divi
- Come creare un dispositivo di scorrimento su Divi
- Come modificare un ruolo utente Divi
- Come usare il modulo Divi Social Media
- Come utilizzare il modulo negozio sul tema WordPress Divi
- Come utilizzare il modulo barra laterale Divi
- Come utilizzare il modulo Tabella prezzi Divi
- Come utilizzare il modulo del titolo delle pubblicazioni Divi
- Come aggiungere un modulo video di Divi
- Come utilizzare il modulo di navigazione dell'articolo
- Come usare il modulo di ricerca Divi
- Come utilizzare il modulo portafoglio Divi
- Come usare il modulo persona su Divi Builder
- Come usare il modulo portafoglio con filtro Divi
- Come utilizzare il modulo di scorrimento a larghezza piena
- Come utilizzare il modulo immagine Divi Builder
- Come utilizzare il modulo di navigazione a larghezza intera di Divi Builder
- Come utilizzare il modulo della galleria di immagini
- Come utilizzare il modulo Divi Builder Full-Width Card
- Come utilizzare il modulo Divi Full Width Portfolio
- Come utilizzare il modulo di intestazione a tutta larghezza Divi
- Come utilizzare il modulo contatore Divi
- Come utilizzare il dispositivo di scorrimento degli articoli su Divi Builder
- Come utilizzare il modulo Divi Email Optin