Elk blok heeft een shortcode als tweelingbroer met dezelfde opties. In de blokeditor stel je ze in de zijbalk in en kies je producten, cursussen en badges uit een lijst. Een shortcode neemt dezelfde opties als attributen, en items via hun UUID. Waar je een UUID kopieert, staat aan het eind van deze pagina.
Een attribuut dat je weglaat, krijgt de standaardwaarde uit de tabel. Een leeg tekstattribuut valt ook terug op de standaardtekst.
Afrekenknop
Een knop die de memberarea-checkout voor één product opent.
Het zijbalkpaneel Afrekenen heeft twee velden: Product en Knoptekst. Zonder tekst staat op de knop Nu kopen.
Zolang er geen product gekozen is, toont de editor een tijdelijke aanduiding met de productlijst en toont de pagina niets. Wordt het product later in je memberarea verwijderd, dan waarschuwt de editor je om een ander te kiezen.
[memberarea_checkout]
| Attribuut | Waarden | Standaard |
|---|---|---|
product |
UUID van een product | geen, verplicht |
label |
elke tekst | Nu kopen |
class |
je eigen CSS-klassen | geen |
Product
Toont één product met een knop om het in de winkelwagen te leggen, compact of met alle details.
Het zijbalkpaneel Product heeft de keuzelijst Product en Lay-out, met Compact. Aantal en in winkelwagen. (de standaard) of Volledig. Afbeelding, prijs en opties.
Zolang er geen product gekozen is, toont de editor een tijdelijke aanduiding en toont de pagina niets.
[memberarea_product]
| Attribuut | Waarden | Standaard |
|---|---|---|
product |
UUID van een product | geen, verplicht |
layout |
compact, full |
compact |
class |
je eigen CSS-klassen | geen |
Elke andere layout dan full geeft de compacte lay-out.
Winkelwagen
Een winkelwagenknop met een uitklaplijst die toont wat de bezoeker heeft toegevoegd, en die hem naar de checkout brengt.
Het blok heeft geen opties. Zolang de site niet gekoppeld is, toont de editor een hint waar je hem koppelt, en toont de pagina niets.
[memberarea_cart]
| Attribuut | Waarden | Standaard |
|---|---|---|
class |
je eigen CSS-klassen | geen |
Cursuscatalogus
Toont de cursussen die je verkoopt, elk met prijs en een afrekenknop. Leden zien een link naar de cursussen die ze al hebben.
- Lay-out: Kolommen (1 tot 4, standaard 3), Maximaal aantal cursussen (0 tot 24, nul toont elke cursus), Cursusafbeelding tonen, Beschrijving tonen en Prijs tonen, alle drie standaard aan.
- Welke cursussen: Alleen cursussen die te koop zijn, standaard uit. Staat het aan, dan vallen cursussen zonder product weg.
- Teksten: Koopknop (standaard Nu kopen) en Knop voor een cursus die het lid al heeft (standaard Cursus openen).
- Als er niets te tonen is: Als er geen cursus te koop is, Waar de knop naartoe leidt en Tekst op de knop.

Blijft er geen cursus over om te tonen, dan toont het blok "Er zijn op dit moment geen cursussen te koop." of je eigen tekst, plus een knop naar de pagina die je hebt ingevuld, met de tekst Lees verder, tenzij je die zelf formuleert. Kan de cursuslijst niet uit je memberarea worden geladen, dan toont het blok niets.
[memberarea_course_catalogue]
| Attribuut | Waarden | Standaard |
|---|---|---|
columns |
1 tot 4 | 3 |
limit |
een getal, 0 voor elke cursus |
0 |
purchasable |
ja of nee | nee |
image |
ja of nee | ja |
description |
ja of nee | ja |
price |
ja of nee | ja |
button |
elke tekst | Nu kopen |
owned |
elke tekst | Cursus openen |
empty |
elke tekst | Er zijn op dit moment geen cursussen te koop. |
link |
adres van een pagina | geen |
linklabel |
elke tekst | Lees verder |
class |
je eigen CSS-klassen | geen |
Geverifieerde badge
Toont de geverifieerde badge van een van je cursussen, met het aantal deelnemers en lessen.
Het zijbalkpaneel Badge heeft de keuzelijst Badge en vier keuzes:
- Ontwerp: Breed (de standaard), Groot, Compact, Eén regel.
- Stijl: Standaard (de standaard), Licht, Transparant.
- Hoeken: Vierkant, Licht afgerond, Afgerond (de standaard), Sterk afgerond.
- Uitlijning: Gecentreerd (de standaard), Links.
De keuzelijst toont alleen badges die aanstaan. Wordt een gekozen badge later uitgezet, dan meldt de editor dat en zien bezoekers niets. Zonder badge toont de pagina niets.
[memberarea_badge]
| Attribuut | Waarden | Standaard |
|---|---|---|
badge |
UUID van een badge | geen, verplicht |
design |
long (Breed), large, compact, row (Eén regel) |
long |
style |
standard, light, transparent |
standard |
radius |
none (Vierkant), small, medium, large |
medium |
align |
center, left |
center |
class |
je eigen CSS-klassen | geen |
Een waarde die de lijst niet kent, valt terug op de standaard.
Inloggen voor leden
Toont bezoekers een inlogknop, en ingelogde leden hun naam, foto en een uitlogknop.
- Labels: Inlogknop (standaard Inloggen) en Uitlogknop (standaard Uitloggen).
- Ingelogd: Profielfoto tonen, Naam tonen en Uitlogknop aanbieden, alle standaard aan.
- Lay-out: Uitlijning, met Links (de standaard), Gecentreerd of Rechts.
Zolang inloggen voor leden niet is ingesteld, toont de editor een waarschuwing en zien bezoekers niets.
[memberarea_login]
| Attribuut | Waarden | Standaard |
|---|---|---|
sign_in |
elke tekst | Inloggen |
sign_out |
elke tekst | Uitloggen |
avatar |
ja of nee | ja |
name |
ja of nee | ja |
logout |
ja of nee | ja |
align |
left, center, right |
left |
class |
je eigen CSS-klassen | geen |
Mijn cursussen
Toont het ingelogde lid de cursussen die het heeft, elk met een directe link naar je memberarea.
- Lay-out: Kolommen (1 tot 4, standaard 2), Cursusafbeelding tonen en Voortgang tonen, beide standaard aan.
- Als er niets te tonen is: Lid zonder cursussen, Bezoeker die niet is ingelogd, Waar de knop naartoe leidt en Tekst op de knop.
Een bezoeker die niet is ingelogd, ziet "Log in om je cursussen te zien." of je eigen tekst, met een knop Inloggen. Een lid zonder cursussen ziet "Je hebt nog geen cursussen." of je eigen tekst. Beide krijgen een knop naar de pagina die je hebt ingevuld, met de tekst Cursussen bekijken, tenzij je die zelf formuleert. Een cursus die op een vereiste cursus wacht, toont "Beschikbaar zodra je de vereiste cursus hebt afgerond." in plaats van de voortgang. Onder de voortgangsbalk staat bij een cursus bijvoorbeeld "40% klaar", en Afgerond zodra hij af is. Zolang inloggen voor leden niet is ingesteld, toont het blok niets.
[memberarea_my_courses]
| Attribuut | Waarden | Standaard |
|---|---|---|
columns |
1 tot 4 | 2 |
image |
ja of nee | ja |
progress |
ja of nee | ja |
empty |
elke tekst | Je hebt nog geen cursussen. |
signedout |
elke tekst | Log in om je cursussen te zien. |
link |
adres van een pagina | geen |
linklabel |
elke tekst | Cursussen bekijken |
class |
je eigen CSS-klassen | geen |
Cursusvoortgang
Toont het ingelogde lid hoe ver het is, in één cursus of over alle cursussen.
- Wat er gemeten wordt: Voortgang van, met Alle cursussen van het lid (de standaard) of Eén cursus. Voor één cursus kies je die onder Cursus.
- Weergave: Vorm (Balk of Ring), Titel tonen, Percentage tonen en, voor alle cursussen, Tonen hoeveel cursussen zijn afgerond. Schermlezers horen het percentage in elk geval.
- Als er niets te tonen is: Lid zonder cursussen (voor één cursus: Lid zonder deze cursus), Bezoeker die niet is ingelogd, Waar de knop naartoe leidt en Tekst op de knop.
Een bezoeker die niet is ingelogd, ziet "Log in om je voortgang te zien." of je eigen tekst, met een knop Inloggen. Een lid zonder cursussen ziet "Je hebt nog geen cursussen.", een lid zonder de gekozen cursus "Je hebt deze cursus nog niet.", elk te vervangen door je eigen tekst en gevolgd door je knop. Met Eén cursus maar zonder gekozen cursus blijft het blok leeg.
[memberarea_progress]
| Attribuut | Waarden | Standaard |
|---|---|---|
scope |
overall, course |
course als course is ingevuld, anders overall |
course |
UUID van een cursus | geen |
display |
bar, ring |
bar |
label |
ja of nee | ja |
percent |
ja of nee | ja |
count |
ja of nee | ja |
empty |
elke tekst | Je hebt nog geen cursussen. (één cursus: Je hebt deze cursus nog niet.) |
signedout |
elke tekst | Log in om je voortgang te zien. |
link |
adres van een pagina | geen |
linklabel |
elke tekst | Cursussen bekijken |
class |
je eigen CSS-klassen | geen |
count verschijnt alleen bij de totale voortgang.
Regels voor elke shortcode
Ja en nee
no, false, 0 en off zetten een optie uit. Elke andere waarde telt als
ja.
Hoofdletters en kleine letters
Attribuutnamen en de waarden uit de tabellen werken in elke schrijfwijze, dus
Layout="FULL" is hetzelfde als layout="full". Je eigen teksten verschijnen
precies zoals je ze typt.
Elk op een eigen regel
Zet elke shortcode op een eigen regel, zodat hij niet midden in een alinea
belandt. De enige uitzondering is [memberarea_checkout]: die wordt inline
weergegeven en kan in een zin staan.
Knoplinks
link neemt een adres dat begint met https:// of een pad dat begint met /,
zoals /courses. Al het andere, zoals www.example.com/courses, wordt
weggelaten en de knop verschijnt niet.
Eén cursus of alle
[memberarea_progress course="…"] toont die cursus. Voeg scope="overall" toe
om in plaats daarvan de voortgang over alle cursussen te tonen.
Talen van de widgets
De checkout, het product, de winkelwagen en de badge halen hun teksten uit je memberarea, ook als de checkout opent vanaf een knop in de Cursuscatalogus. Ze volgen de taal van de WordPress-site als die Duits, Engels, Spaans, Frans, Italiaans, Hongaars, Nederlands, Pools of Portugees is. Bij elke andere sitetaal verschijnen ze in het Engels.
De UUID's vinden
-
Product: ga in je memberarea naar Betalingen > Instellingen > Widgets, open het tabblad Widgets, kies het product onder Snippetconfigurator en klik op Kopiëren naast Product-ID.

De snippetconfigurator met een gekozen product en de knop Kopiëren naast Product-ID -
Cursus: gebruik onder Cursussen de optie Cursuslink kopiëren bij een gepubliceerde cursus. De link eindigt op de UUID van de cursus, zoals in
https://your-domain/user/courses/<UUID>. -
Badge: open de cursus, dan Instellingen > Marketingbadge, klik bij een ontwerp op Aanpassen en daarna op Badge genereren. In het venster Badgecode is de waarde na
data-badge=de UUID van de badge.