Integreer een oproep tot actie in je site met de Divi-module

Procédure

Divi builder is inbegrepen in onzeWordpress webhostingpakketten. Als je ondersteuning voor DIVI builder wilt, moet je je direct op de Elegent theme Divi website abonneren op een licentie.

Introductie

LWS biedt 3 premium plugins van Elegant Themes (Divi, Bloom en Monarch). Deze worden regelmatig bijgewerkt. Als je eenmaal klant bent bij LWS, krijg je gratis toegang tot deze plugins door de 'Divi Builder' distributie te kiezen bij de installatie van het Wordpress CMS met onze Auto-Installer.

Als je een cPanel pakket hebt of Wordpress al hebt geïnstalleerd met deze distributie, maar geen toegang hebt tot alle thema's of updates, laat het ons dan weten door ons de toegangsgegevens voor het administratiegedeelte van je Wordpress site te geven zodat een technicus de licentie kan updaten.

Let op: u dient een Elegant Themes licentie af te sluiten om gebruik te kunnen maken van ondersteuning. LWS biedt geen ondersteuning voor deze producten.

Wat is een oproep tot actie module?

Het is altijd belangrijk om je bezoekers een duidelijke oproep tot actie te geven. Of je ze nu probeert te overtuigen om je product te kopen of om contact met je op te nemen voor een offerte, de call to action-module zorgt voor de kliks die je nodig hebt. De CTA-module is een eenvoudige combinatie van een kop, tekst en knop. In combinatie met een levendige achtergrondkleur kan een CTA gemakkelijk de aandacht van je bezoekers trekken.

Hoe voeg je een call-to-action-module toe aan je pagina?

Voordat je een call-to-action module aan je pagina kunt toevoegen, moet je eerst overschakelen naar de Divi Builder. Zodra het Divi-thema op je website is geïnstalleerd, zie je telkens wanneer je een nieuwe pagina maakt een knop Gebruik Divi Builder boven de editor voor berichten. Klik op deze knop om de Divi Builder te activeren, zodat je toegang krijgt tot alle modules. Klik vervolgens op de knop Use Visual Builder om de bouwer in visuele modus te starten. Je kunt ook op de knop Visuele bouwer gebruiken klikken terwijl je vooraan door je website bladert als je bent ingelogd op je WordPress dashboard.

Zodra je Visual Builder hebt geopend, kun je op de grijze + knop klikken om een nieuwe module aan je pagina toe te voegen. Nieuwe modules kunnen alleen binnen rijen worden toegevoegd. Als je een nieuwe pagina begint, vergeet dan niet om eerst een rij aan je pagina toe te voegen.

Zoek de oproep tot actie-module in de lijst met modules en klik erop om deze aan uw pagina toe te voegen. De lijst met modules is doorzoekbaar, wat betekent dat je ook het woord "oproep tot actie" kunt intypen en dan op enter kunt klikken om de oproep tot actie module te vinden en automatisch toe te voegen! Zodra de module is toegevoegd, wordt u begroet met een lijst met opties voor de module. Deze opties zijn onderverdeeld in drie hoofdgroepen: Inhoud, Stijl en Geavanceerd.

Voorbeeld use case: Een duidelijke oproep tot actie toevoegen aan een landingspagina

In dit voorbeeld ga ik een oproep tot actie (CTA) toevoegen aan een landingspagina voor een product. Merk op dat de CTA een kop heeft die bezoekers precies vertelt wat ze moeten doen ("Probeer ons product"). En de grote roze knop valt op en geeft duidelijk aan wat er gebeurt als ze op de knop klikken ("Begin nu"). Door de donkere tekst en roze knop op een witte achtergrond is de tekst beter leesbaar en springt de knop eruit, wat conversies kan verhogen.

Laten we meteen aan de slag gaan!

Gebruik de visual builder om een normale sectie toe te voegen met een rij over de volledige breedte (1 kolom). Voeg vervolgens een Oproep tot Actie-module toe aan de regel.

Vul de beschikbare velden in.

Je bent klaar!

Videopresentatie van de module Oproep tot actie van Divi

Conclusie

De knop met oproepen tot actie is een manier om van je bezoekers toekomstige klanten te maken! Dankzij de Call to Action-module van Divi kun je deze op je eigen manier personaliseren en de aandacht van je bezoekers trekken door ze aan te moedigen een beslissing te nemen!

Tot snel voor een nieuwe tutorial!

Om meer te weten te komen over Elegant Themes Divi en hoe het te gebruiken

De Divi code module

De Divi-commentaarmodule

> Raadpleeg de helpsectie van uw Elegantmes Divi