Hoe de Testimonial-module op Divi Builder te configureren

par Blair Jersyer | Divi

Voordat u een testimonial-module aan uw pagina kunt toevoegen, moet u eerst naar de Divi Builder gaan. Zodra de Divi-thema geïnstalleerd op uw website, ziet u een knop Gebruik Divi Builder boven de berichteditor wanneer u een nieuwe pagina maakt. Klik op deze knop om Divi Builder te activeren en toegang te krijgen tot alle modules die het biedt. Klik vervolgens op de knop Gebruik Visual Builder om de generator in visuele modus te starten. U kunt ook op de knop klikken Visual Builder inschakelen wanneer u door uw website op de voorgrond bladert en u bent verbonden met uw WordPress-dashboard.

gebruik de Divi visual builder

Nadat u Visual Builder heeft geopend, kunt u op de grijze plusknop klikken om een ​​nieuwe module aan uw pagina toe te voegen. Nieuwe modules kunnen alleen binnen rijen worden toegevoegd. Als u een nieuwe pagina begint, vergeet dan niet om eerst een rij aan uw pagina toe te voegen.

Wordpress getuigenis module

Zoek de testimonial-module in de lijst met modules en klik erop om deze aan je pagina toe te voegen. De lijst met modules is doorzoekbaar, wat betekent dat u ook "testimonial" kunt typen en vervolgens op enter kunt drukken om de testimonial-module automatisch te zoeken en toe te voegen! Zodra de module is toegevoegd, wordt u begroet door de lijst met moduleopties. Deze opties zijn onderverdeeld in drie hoofdgroepen: Inhoud , Ontwerpfase et vergevorderd .

Voorbeeld use case: Testimonial-sectie voor een productpagina

Het toevoegen van een getuigenissectie is een van de beste manieren om dat te doen bevorderen uw product of dienst. Voor dit voorbeeld laat ik u zien hoe u de Testimonial-module gebruikt om een ​​testimonial-sectie onderaan een landingspagina te maken bevorderen uw product of dienst. De titel van de getuigenissectie is “Tevreden klanten”. Het is belangrijk om een ​​effectieve titel te hebben die zowel creatief als relevant is. Alle drie de getuigenissen zijn kort in een lay-out met drie kolommen, gevolgd door een CTA-knop onderaan de pagina.

Voorbeeldinhoud met getuigenissen van divi

Om het getuigenisgedeelte aan de pagina toe te voegen, gebruikt u de visuele builder om een ​​standaardgedeelte met een rij van drie kolommen toe te voegen. Voeg vervolgens een testimonial-module toe aan de eerste kolom van uw rij.

Divi getuigenis sectieWerk de Testimonial-module-instellingen als volgt bij:

Inhoud tabblad

Naam auteur: [vul naam in]
Artikeltitel: [vul titel in]
Bedrijfsnaam: [vul bedrijf in]
Inhoud: [vul de inhoud van de testimonial in]
Portret afbeelding URL: [download 90 × 90 afbeelding]
Citaat icoon
:

Ontwerp tabblad

Tekstkleur: Licht
Tekstoriëntatie:
Body Corps Police: Roboto Light
Tekstgrootte body: 20px
Hoogte van de lichaamslijn: 1.5em

Divi wordpress testimonial voorbeeldNu je je eerste getuigenismodule hebt gemaakt, dupliceer je deze twee keer en sleep je de dubbele modules om de tweede en derde kolom te vullen.

Voorbeeld van een divi-getuigenis

Omdat alle ontwerpparameters zijn overgedragen naar dubbele modules in de tweede en derde regel, kunt u eenvoudig teruggaan en de inhoud van elke module bijwerken.

Dat is alles.

De inhoudsparameters van de module Testimonial

Parameter van de inhoud van de divi-moduleDe instellingen op het inhoudstabblad zijn georganiseerd in groepen die u kunt openen om meer opties te bekijken. Dit maakt het veel gemakkelijker voor u om de instelling te vinden waarnaar u op zoek bent. U kunt ook de zoekbalk bovenaan gebruiken om alle instellingenstabbladen in één keer te vinden voor de instelling die u zoekt. Het brengt je meteen ter zake!

Teksten

Hier kunt u de naam van de testimonial-auteur, de titel van het artikel, het bedrijf en de inhoud van de testimonial zelf toevoegen.

Beeld

Als je een profielfoto of een ander type afbeelding hebt bij je getuigenis, voeg je deze hier toe.

Pandrecht

Hier kunt u de URL van de auteur of het bedrijf toevoegen en de opening ervan bepalen.

Communie

Hier kunt u ervoor kiezen om het citaatpictogram zichtbaar of verborgen te maken.

verband

Hier kunt u ervoor kiezen om een ​​achtergrondkleur of een afbeelding toe te voegen aan uw getuigenis.

Admin-label

In deze vervolgkeuzelijst kunt u een admin-label toevoegen dat zowel in de builder op het dashboard als in de visual builder-weergave zal verschijnen.

De ontwerpparameters van de getuigenismodule

Parameter ontwerp diviDe instellingen op het tabblad Ontwerp zijn onderverdeeld in de volgende groepen om het gemakkelijker te maken de gewenste instelling te vinden. En vergeet niet dat u ook de zoekbalk kunt gebruiken om een ​​nog snellere instelling te vinden!

Citaat pictogram

Hier kunt u de kleur van het citaatpictogram aanpassen.

Portret

Met de staande instellingen kunt u de randstraal, de staande breedte en de staande hoogte aanpassen voor de afbeelding die u mogelijk hebt toegevoegd op het tabblad Inhoud.

Teksten

Met deze instellingen kunt u de kleur en oriëntatie van de tekst wijzigen.

Het lichaam van de tekst

Met deze instellingen kunt u het lettertype, de dikte, de grootte, de kleur, de afstand, de regelhoogte en meer aanpassen.

grens

Hier kunt u ervoor kiezen om een ​​rand te gebruiken. En als u ervoor kiest om een ​​rand te gebruiken, kunt u ook de kleur selecteren, de breedte wijzigen en de stijl kiezen.

tussenruimte

In het tussengebied kunt u een aangepaste vulling toevoegen aan de boven-, rechter-, onder- of linkerkant van de getuigenis. U kunt deze waarden ook wijzigen voor desktops, tablets of mobiele apparaten.

De geavanceerde parameters van de Testimonial-module

Geavanceerde instellingen divi getuigenissenOp het tabblad Geavanceerd van uw testimonial-module kunt u een ID (identifier) ​​en een unieke css-klasse toevoegen. U kunt ook aangepaste css toevoegen aan verschillende voorgedefinieerde (en vooraf geselecteerde) css-selectors in de videoschuifregelaar van de vervolgkeuzelijst met aangepaste css. Ten slotte kunt u in de vervolgkeuzelijst zichtbaarheid de zichtbaarheid van uw module op telefoons, tablets en desktops aanpassen.

[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”]DOWNLOAD DIVI THEMA [/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”]DOWNLOAD DE TEMPLATES DIVI[/vcex_button][/vc_column][/vc_row]

Andere Divi-zelfstudies

Plaats de reactie

Uw e-mailadres wordt niet gepubliceerd. Verplichte velden zijn gemarkeerd *

Deze site gebruikt Akismet om ongewenst te verminderen. Meer informatie over hoe uw opmerkingen worden gebruikt.