Jeder Block hat einen Shortcode als Gegenstück mit denselben Optionen. Im Block-Editor stellen Sie sie in der Seitenleiste ein und wählen Produkte, Kurse und Badges aus einer Liste. Ein Shortcode nimmt dieselben Optionen als Attribute und die Einträge über ihre UUID. Wo Sie eine UUID kopieren, steht am Ende dieser Seite.
Ein Attribut, das Sie weglassen, bekommt den Standardwert aus der Tabelle. Auch ein leeres Text-Attribut fällt auf die Standardformulierung zurück.
Checkout-Button
Ein Button, der den memberarea-Checkout für ein Produkt öffnet.
Das Seitenleisten-Panel Checkout hat zwei Felder: Produkt und Button-Beschriftung. Ohne Beschriftung lautet der Button Jetzt kaufen.
Solange kein Produkt gewählt ist, zeigt der Editor einen Platzhalter mit der Produktliste und die Seite zeigt nichts. Wird das Produkt später in Ihrem memberarea entfernt, warnt der Editor Sie und bittet um ein anderes.
[memberarea_checkout]
| Attribut | Werte | Standard |
|---|---|---|
product |
UUID eines Produkts | keiner, Pflicht |
label |
beliebiger Text | Jetzt kaufen |
class |
eigene CSS-Klassen | keiner |
Produkt
Zeigt ein Produkt mit einem Button zum Warenkorb, kompakt oder mit allen Details.
Das Seitenleisten-Panel Produkt hat die Auswahl Produkt und Layout mit Kompakt. Menge und in den Warenkorb. (der Standard) oder Vollständig. Bild, Preis und Optionen.
Solange kein Produkt gewählt ist, zeigt der Editor einen Platzhalter und die Seite zeigt nichts.
[memberarea_product]
| Attribut | Werte | Standard |
|---|---|---|
product |
UUID eines Produkts | keiner, Pflicht |
layout |
compact, full |
compact |
class |
eigene CSS-Klassen | keiner |
Jeder layout-Wert außer full ergibt das kompakte Layout.
Warenkorb
Ein Warenkorb-Button mit einem Aufklappmenü, das zeigt, was der Besucher hinzugefügt hat, und ihn zum Checkout führt.
Der Block hat keine Optionen. Solange die Website nicht verbunden ist, zeigt der Editor einen Hinweis, wo Sie sie verbinden, und die Seite zeigt nichts.
[memberarea_cart]
| Attribut | Werte | Standard |
|---|---|---|
class |
eigene CSS-Klassen | keiner |
Kurskatalog
Listet die Kurse, die Sie verkaufen, jeweils mit Preis und Checkout-Button. Mitglieder sehen einen Link in die Kurse, die sie schon haben.
- Layout: Spalten (1 bis 4, Standard 3), Höchstens wie viele Kurse (0 bis 24, null zeigt jeden Kurs), Kursbild zeigen, Beschreibung zeigen und Preis zeigen, alle drei standardmäßig an.
- Welche Kurse: Nur kaufbare Kurse, standardmäßig aus. Ist es an, fallen Kurse ohne Produkt weg.
- Formulierungen: Kauf-Button (Standard Jetzt kaufen) und Button für einen Kurs, den das Mitglied schon hat (Standard Kurs öffnen).
- Wenn es nichts zu zeigen gibt: Wenn kein Kurs im Angebot ist, Wohin der Button führt und Button-Text.
Bleibt kein Kurs zum Zeigen übrig, zeigt der Block "Gerade sind keine Kurse im Angebot." oder Ihren eigenen Text, dazu einen Button zu der Seite, die Sie eingetragen haben, beschriftet mit Mehr erfahren, sofern Sie ihn nicht selbst formulieren. Kann die Kursliste nicht aus Ihrem memberarea geladen werden, zeigt der Block nichts.
[memberarea_course_catalogue]
| Attribut | Werte | Standard |
|---|---|---|
columns |
1 bis 4 | 3 |
limit |
eine Zahl, 0 für jeden Kurs |
0 |
purchasable |
ja oder nein | nein |
image |
ja oder nein | ja |
description |
ja oder nein | ja |
price |
ja oder nein | ja |
button |
beliebiger Text | Jetzt kaufen |
owned |
beliebiger Text | Kurs öffnen |
empty |
beliebiger Text | Gerade sind keine Kurse im Angebot. |
link |
Adresse einer Seite | keiner |
linklabel |
beliebiger Text | Mehr erfahren |
class |
eigene CSS-Klassen | keiner |
Geprüftes Badge
Zeigt das geprüfte Badge eines Ihrer Kurse mit Teilnehmerzahl und Lektionsanzahl.
Das Seitenleisten-Panel Badge hat die Auswahl Badge und vier Einstellungen:
- Design: Breit (der Standard), Groß, Kompakt, Einzeilig.
- Stil: Standard (der Standard), Hell, Transparent.
- Ecken: Eckig, Leicht abgerundet, Abgerundet (der Standard), Stark abgerundet.
- Ausrichtung: Zentriert (der Standard), Links.
Die Auswahl listet nur eingeschaltete Badges. Wird ein gewähltes Badge später ausgeschaltet, sagt der Editor das, und Besucher sehen nichts. Ohne Badge zeigt die Seite nichts.
[memberarea_badge]
| Attribut | Werte | Standard |
|---|---|---|
badge |
UUID eines Badges | keiner, Pflicht |
design |
long (Breit), large, compact, row (Einzeilig) |
long |
style |
standard, light, transparent |
standard |
radius |
none (Eckig), small, medium, large |
medium |
align |
center, left |
center |
class |
eigene CSS-Klassen | keiner |
Ein Wert, den die Liste nicht kennt, fällt auf den Standard zurück.
Mitglieder-Anmeldung
Zeigt Besuchern einen Anmelde-Button und angemeldeten Mitgliedern Name, Profilbild und einen Abmelde-Button.
- Beschriftungen: Anmelde-Button (Standard Anmelden) und Abmelde-Button (Standard Abmelden).
- Angemeldet: Profilbild zeigen, Namen zeigen und Abmelde-Button anbieten, alle standardmäßig an.
- Layout: Ausrichtung, mit Links (der Standard), Zentriert oder Rechts.
Solange die Mitglieder-Anmeldung nicht eingerichtet ist, zeigt der Editor eine Warnung, und Besucher sehen nichts.
[memberarea_login]
| Attribut | Werte | Standard |
|---|---|---|
sign_in |
beliebiger Text | Anmelden |
sign_out |
beliebiger Text | Abmelden |
avatar |
ja oder nein | ja |
name |
ja oder nein | ja |
logout |
ja oder nein | ja |
align |
left, center, right |
left |
class |
eigene CSS-Klassen | keiner |
Meine Kurse
Zeigt dem angemeldeten Mitglied die Kurse, die es hat, und jeder führt direkt in Ihr memberarea.
- Layout: Spalten (1 bis 4, Standard 2), Kursbild zeigen und Fortschritt zeigen, beide standardmäßig an.
- Wenn es nichts zu zeigen gibt: Mitglied ohne Kurse, Nicht angemeldeter Besucher, Wohin der Button führt und Button-Text.
Ein nicht angemeldeter Besucher sieht "Melde dich an, um deine Kurse zu sehen." oder Ihren eigenen Text, mit einem Button Anmelden. Ein Mitglied ohne Kurse sieht "Du hast noch keine Kurse." oder Ihren eigenen Text. Beide bekommen einen Button zu der Seite, die Sie eingetragen haben, beschriftet mit Kurse ansehen, sofern Sie ihn nicht selbst formulieren. Ein Kurs, der auf einen vorausgesetzten Kurs wartet, zeigt "Verfügbar, sobald du den vorausgesetzten Kurs abgeschlossen hast." statt seines Fortschritts. Unter dem Fortschrittsbalken steht bei einem Kurs zum Beispiel "40% geschafft", und Abgeschlossen, sobald er fertig ist. Solange die Mitglieder-Anmeldung nicht eingerichtet ist, zeigt der Block nichts.
[memberarea_my_courses]
| Attribut | Werte | Standard |
|---|---|---|
columns |
1 bis 4 | 2 |
image |
ja oder nein | ja |
progress |
ja oder nein | ja |
empty |
beliebiger Text | Du hast noch keine Kurse. |
signedout |
beliebiger Text | Melde dich an, um deine Kurse zu sehen. |
link |
Adresse einer Seite | keiner |
linklabel |
beliebiger Text | Kurse ansehen |
class |
eigene CSS-Klassen | keiner |
Kurs-Fortschritt
Zeigt dem angemeldeten Mitglied, wie weit es ist, in einem Kurs oder über alle Kurse hinweg.
- Was gemessen wird: Fortschritt von, mit Allen Kursen des Mitglieds (der Standard) oder Einem Kurs. Für einen Kurs wählen Sie ihn unter Kurs aus.
- Darstellung: Form (Balken oder Ring), Titel zeigen, Prozentzahl zeigen und, für alle Kurse, Zeigen, wie viele Kurse abgeschlossen sind. Screenreader hören die Prozentzahl in jedem Fall.
- Wenn es nichts zu zeigen gibt: Mitglied ohne Kurse (für einen Kurs: Mitglied ohne diesen Kurs), Nicht angemeldeter Besucher, Wohin der Button führt und Button-Text.
Ein nicht angemeldeter Besucher sieht "Melde dich an, um deinen Fortschritt zu sehen." oder Ihren eigenen Text, mit einem Button Anmelden. Ein Mitglied ohne Kurse sieht "Du hast noch keine Kurse.", ein Mitglied ohne den gewählten Kurs "Diesen Kurs hast du noch nicht.", jeweils durch Ihren eigenen Text ersetzbar und gefolgt von Ihrem Button. Mit Einem Kurs, aber ohne gewählten Kurs bleibt der Block leer.
[memberarea_progress]
| Attribut | Werte | Standard |
|---|---|---|
scope |
overall, course |
course, wenn course gesetzt ist, sonst overall |
course |
UUID eines Kurses | keiner |
display |
bar, ring |
bar |
label |
ja oder nein | ja |
percent |
ja oder nein | ja |
count |
ja oder nein | ja |
empty |
beliebiger Text | Du hast noch keine Kurse. (ein Kurs: Diesen Kurs hast du noch nicht.) |
signedout |
beliebiger Text | Melde dich an, um deinen Fortschritt zu sehen. |
link |
Adresse einer Seite | keiner |
linklabel |
beliebiger Text | Kurse ansehen |
class |
eigene CSS-Klassen | keiner |
count erscheint nur beim Gesamtfortschritt.
Regeln für jeden Shortcode
Ja und nein
no, false, 0 und off schalten eine Option aus. Jeder andere Wert zählt
als ja.
Groß- und Kleinschreibung
Attributnamen und die Werte aus den Tabellen funktionieren in jeder Schreibung,
Layout="FULL" ist also dasselbe wie layout="full". Ihre eigenen Texte
erscheinen genau so, wie Sie sie eintippen.
Je eine Zeile
Setzen Sie jeden Shortcode in eine eigene Zeile, damit er nicht mitten in einem
Absatz landet. Die einzige Ausnahme ist [memberarea_checkout]: Er wird im
Textfluss dargestellt und kann in einem Satz stehen.
Button-Links
link nimmt eine Adresse, die mit https:// beginnt, oder einen Pfad, der mit
/ beginnt, etwa /courses. Alles andere, etwa www.example.com/courses, wird
verworfen, und der Button erscheint nicht.
Ein Kurs oder alle
[memberarea_progress course="…"] zeigt diesen Kurs. Ergänzen Sie
scope="overall", um stattdessen den Fortschritt über alle Kurse zu zeigen.
Sprachen der Widgets
Checkout, Produkt, Warenkorb und Badge beziehen ihre Texte aus Ihrem memberarea, auch wenn sich der Checkout über einen Button im Kurskatalog öffnet. Sie folgen der Sprache der WordPress-Website, wenn diese Deutsch, Englisch, Spanisch, Französisch, Italienisch, Ungarisch, Niederländisch, Polnisch oder Portugiesisch ist. Bei jeder anderen Website-Sprache erscheinen sie auf Englisch.
Die UUIDs finden
-
Produkt: Gehen Sie in Ihrem memberarea zu Zahlungen > Einstellungen > Widgets, öffnen Sie den Tab Widgets, wählen Sie das Produkt unter Snippet-Konfigurator und drücken Sie Kopieren neben Produkt-ID.
Der Snippet-Konfigurator mit gewähltem Produkt und dem Kopieren-Button neben Produkt-ID -
Kurs: Nutzen Sie unter Kurse bei einem veröffentlichten Kurs Kurslink kopieren. Der Link endet auf die UUID des Kurses, etwa
https://ihre-domain/user/courses/<UUID>. -
Badge: Öffnen Sie den Kurs, dann Einstellungen > Marketing-Badge, drücken Sie bei einem Design Anpassen und dann Badge generieren. Im Fenster Badge-Code ist der Wert nach
data-badge=die UUID des Badges.
