WPLounge
WordPress login
Home » Developers » WordPress leden website maken – stap voor stap uitleg

WordPress leden website maken – stap voor stap uitleg

Een WordPress website voor leden maken is een goede manier om je bezoekers te binden aan je website. Ook voor verenigingen of stichtingen is een lidmaatschap website een heel interessant concept. Hiermee kan je bijvoorbeeld bepaalde content afschermen voor gast bezoekers en alleen beschikbaar stellen voor leden.

Affiliate disclaimer:
In onze artikelen en op onze pagina's staan affiliate links. Wanneer je via één van deze links een aankoop doet, ontvangen wij een (meestal kleine) commissie van de verkoper. Wij geven altijd onze eerlijke mening over producten. Klik hier voor meer informatie.

Allereerst is het maken van een website voor leden niet zo eenvoudig als je misschien verwacht. Het bouwen van een lidmaatschap website op WordPress is veel meer dan alleen het installeren en activeren van een aantal plugins. Wat hier van belang is, is het kiezen van de juiste plugins, die allemaal hun specifieke taken uitvoeren. Vervolgens dien je de plugins correct te configureren. Alle stappen die nodig zijn voor een leden website laten we in dit artikel zien.

TIP VAN WPLOUNGE
Divi theme & Divi Builder
Bij Elegant Themes ontvang je meer dan
85 premium WordPress themes (waaronder Divi!) voor maar 89 dollar!
Bekijk de themes »»
Lees meer over Divi.

WordPress inloggen voor leden

Oorspronkelijk is een WordPress website niet bedoeld als leden website. Daardoor zijn er een flink aantal tekortkomingen van WordPress die we moeten overwinnen om tot een geschikte leden website te komen. Wat zijn nu eigenlijk de voornaamste problemen met een standaard WordPress website:

  • Het ontbreken van de juiste inlog formulieren en front-end registratie
  • Geen gebruikersprofielpagina’s
  • Het ontbreken van extra gebruikersrollen
  • Geen mogelijkheid om in te stellen welke bezoekers wat mag zien op je website
  • Geen geavanceerde controle over de menu’s

Vereisten voor een WordPress leden website

We gaan een standaard leden website bouwen die waarschijnlijk voor de meeste websites voldoende mogelijkheden geeft.  De lidmaatschap website moet aan de volgende eisen voldoen:

  • Bepaalde content alleen aan leden aanbieden
  • Verschillende lidmaatschap rollen in kunnen stellen
  • Registreren op de website zonder wp-admin
  • Leden moeten hun gebruikersprofiel aan kunnen passen
  • Basisgegevens verplichten voor iedere gebruiker (naam, email, enz)
  • Andere menu items voor leden
  • Na het inloggen worden leden doorgestuurd naar het leden gedeelte van de website.

Extra gebruiksrollen aanmaken

Standaard biedt WordPress een aantal gebruikersrollen maar deze rollen zijn bedoeld om bepaalde rechten toe te wijzen bij het bewerken en openen in de back-end van een WordPress website. Deze zijn echter niet geoptimaliseerd om met front-end gebruikers (lees: je leden) te werken. Dus is het nodig om extra gebruikersrollen aan te maken. Dit kan je doen door de Members plugin te installeren via wp-admin. Na het activeren van de plugin ga je naar Members > Nieuwe rol toevoegen zoals in het screenshot hieronder:

Nieuwe leden

Het enige wat je moet aanvinken bij Algemeen is ‘Lezen‘. Voeg nu deze rol toe door op de ‘Rol toevoegen‘ button te klikken.

Front-end registratie en login formulier mogelijk maken

Voor de volgende stap hebben we de plugin Profile Builder nodig. Na het activeren van de plugin gaan we eerst naar de algemene instellingen om ervoor te zorgen dat alle basisinstellingen goed staan ingesteld.

Profile builder instellingen

Zoals je ziet in de instellingen hierboven, kan iedereen inloggen met gebruikersnaam of email, met een minimale wachtwoord lengte van 8 karakters.  Vervolgens gaan we aangeven welke rollen op de website de wp-admin beheerdersbalk bovenaan je pagina kan zien. Wij kiezen voor de volgende instellingen:

Beheerdersbalk instellingen

Formuliervelden beheren

De vereiste formuliervelden voor leden gaan we nu kiezen, ga hiervoor naar Profile Builder > Formuliervelden. Standaard staan hier erg veel velden die we lang niet allemaal nodig hebben. De meeste van de velden die hier staan gaan we verwijderen. Dit doe je door op ‘verwijderen’ te klikken naast de veldnaam. Verwijder de meeste velden behalve:

Formuliervelden

Nu kunnen we onze eerste front-end registratieformulier gaan maken. Dit kunnen we doen door een nieuwe pagina aan te maken en daarin een shortcode te verwerken die verwijst naar  het formulier. Maak een nieuwe pagina aan met pagina’s > nieuwe pagina. Gebruik vervolgens de volgende shortcode:

Als je vervolgens de pagina bekijkt ziet het er als volgt uit:

Registreren

Nu we een registratiepagina hebben, is het tijd om het inlogformulier ergen weer te geven. De meest voor de hand liggende plaats is één van de widget gebieden op je website. Ga naar Weergave > Widgets en kies voor de Profile Builder inlogwidget. De configuratie van deze widget is erg eenvoudig:

inlogwidget

Wanneer je in plaats van een widget, wilt inloggen op een bepaalde pagina dan kan je de volgende shortcode gebruiken:

Optie om je profiel te bewerken

Hoewel slechts een beperkt aantal leden van een dergelijke mogelijkheid gebruik zullen maken, is het wel nodig om alle leden de optie te bieden om profiel informatie te wijzigen. Deze optie kan je activeren door een nieuwe pagina te maken en de volgende shortcode te gebruiken:

Bij het maken van de pagina zorg ervoor dat de toegang tot de pagina beperkt wordt. Alleen gebruikers met als rol ‘leden’ mogen toegang krijgen tot deze pagina.

toegang alleen voor leden

Dit zorgt ervoor dat alleen leden hun profiel kunnen bewerken.

Beschermde content maken

Het doel van bijna elke ledenwebsite voor WordPress is natuurlijk dat bepaalde content exclusief beschikbaar is voor leden. Het enige wat nodig is wanneer je bepaalde content alleen voor leden beschikbaar wilt stellen, is de toegang tot de content beperken tot de gebruikers die hierboven in het screenshot staan. Dus maak eenvoudig een nieuwe pagina of bericht aan en selecteer onderaan de pagina dat de content exclusief voor leden moet zijn.

Een aangepast menu makenLeden menu

De volgende stap in onze lijst is het maken van een aangepast menu waarin onze lidmaatschap links worden weergegeven. In plaats van een eenvoudig menu, gaan we bepaalde links weergeven op basis van de lidmaatschap status van de persoon die de website momenteel bekijkt. Hiervoor gebruiken we de plugin Nav Menu Roles. Na het activeren van de plugin gaan we naar Weergave > menu’s. Maak hier een normaal menu aan en noem het bijvoorbeeld Ledengedeelte. Selecteer al je lidmaatschapspagina’s en voeg ze als volgt toe aan het menu:

Nu komt het leukste gedeelte: de pagina’s beschikbaar maken op basis van lidmaatschap niveaus. Als je op de pijl naast een menu-item klikt, zie je dit:

beperk menu item

Hier kan je per menu item kiezen wie een menu item kan zien. Voor registratie kiezen we dat alleen uitgelogde gebruikers het menu item kan zien. Het menu item ‘mijn account’ is zo ingesteld dat alleen leden dit item zien. Het website menu hebben we vervolgens aan de sidebar toegevoegd en we kijken hoe dat eruit ziet als niemand is ingelogd:

Ledengedeelte

Wanneer je nu als lid bent aangemeld ziet het menu er als volgt uit:

Ledengedeelte

Meer mogelijkheden met Profile Builder Premium

Met Profile Builder premium heb je een aantal extra mogelijkheden, zo kan je bijvoorbeeld een aangepaste welkomst email maken. Wanneer nieuwe leden zich registreren op je website, wil je eigenlijk geen standaard ‘Welkom op mijn website’ email versturen. Het aanpassen van deze berichten is een must om je leden op een leuke manier welkom te heten en zo een positieve eerste ervaring te creëren.
Een andere interessante optie van Profile Builder premium is dat je een redirect kan maken wanneer leden inloggen op je website. Dus zodra leden inloggen zal automatisch een ledenpagina worden geopend.
Het is ook mogelijk om een redirect maken voor de back-end URL <voorbeeld.nl>/wp-login.php zodat gebruikers worden doorgestuurd naar een aangepaste login pagina om zo je WordPress back-end te beschermen.

Beoordeel dit artikel

Roger.Overdevest

Roger is eigenaar van de website WPLounge en van zoekmachine marketing bureau Kliq Internet

1 reactie

  • Ik heb je artikel gebruikt voor het installeren van een leden-website voor een heren sociëteit die ivm de Corona online willen discussiëren.
    Goed artikel! Bedankt.

X