De Divi Inlogmodule

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 de Divi Connect Module?

Deinlogmodule geeft overal op je pagina een WordPress inlogformulier in Divi-stijl weer. Als u WordPress gebruikt als uw lidmaatschapssysteem, dan kan het toevoegen van een inlogformulier direct op een pagina erg handig zijn (in plaats van mensen door te sturen naar het WordPress inlogformulier dat buiten uw website thema leeft).

Hoe voeg je een inlogmodule toe aan je pagina

Voordat je een inlogmodule 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 Use Divi Builder boven de post editor. 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 verbindingsmodule (Connect) 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 "Login" kunt intypen en dan op enter kunt klikken om de inlogmodule 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 verdeeld in drie hoofdgroepen: Inhoud, Stijl en Geavanceerd.

Gebruiksvoorbeeld: Een aangepast aanmeldingsformulier toevoegen aan een aanmeldingspagina van een lidmaatschapssite

Omdat lidmaatschapssites vereisen dat de gebruiker toegang krijgt tot alle of een deel van de inhoud, kunt u met de aanmeldingsmodule eenvoudig een aanmeldingsformulier toevoegen aan uw eigen aanmeldingspagina voor lidmaatschap. Je kunt er ook voor kiezen om gebruikers om te leiden naar dit formulier in plaats van de standaard WordPress inlogpagina.

Hieronder zie je een eenvoudige inlogpagina met de inlogmodule die ik je laat zien:

Voeg met Visual Builder een nieuwe standaardsectie toe aan de aanmeldpagina met een rij over de volledige breedte (1 kolom). Voeg vervolgens de aanmeldingsmodule in de rij in.

Vul de velden in

Nu heeft de lidmaatschapswebsite een gepersonaliseerd inlogformulier waar gebruikers naar worden doorverwezen als ze moeten inloggen op de cursus. U hoeft het niet meer te doen met het standaard WordPress aanmeldingsformulier.

Videopresentatie van de Divi inlogmodule

Conclusie

Gefeliciteerd! Je weet nu hoe je de Divi inlogmodule kunt invoegen. Nu is het aan jou om het op jouw manier aan te passen ;)

Bedankt voor het volgen van deze tutorial en tot snel voor de volgende!

Meer informatie over Elegant Themes Divi en hoe je het kunt gebruiken

Divi Kaarten Module

Divi's module voor nummertellers

> Raadpleeg onze Elegant Themes Divi helpsectie