Naar inhoud gaan
memberarea memberarea.io

Naslag voor blokken en shortcodes

Elke optie van de acht memberarea-blokken, wat elk blok toont als er niets te tonen is, en de shortcode-attributen met hun standaardwaarden.

In dit artikel

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.
Het blok Cursuscatalogus met de instellingen Lay-out en Welke cursussen in de zijbalk
Het blok Cursuscatalogus met de instellingen Lay-out en Welke cursussen in de zijbalk

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.

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
    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.

Last updated on October 25, 2026

Was dit artikel nuttig?

Gerelateerde artikelen