Chaque bloc a un shortcode jumeau avec les mêmes options. Dans l'éditeur de blocs, vous les réglez dans la barre latérale et choisissez produits, cours et badges dans une liste. Un shortcode prend les mêmes options sous forme d'attributs, et les éléments par leur UUID. L'endroit où copier un UUID est expliqué à la fin de cette page.
Un attribut que vous omettez prend la valeur par défaut du tableau. Un attribut de texte vide reprend lui aussi le texte par défaut.
Bouton de paiement
Un bouton qui ouvre le paiement de votre memberarea pour un produit.
Le panneau Paiement de la barre latérale a deux champs : Produit et Libellé du bouton. Sans libellé, le bouton affiche Acheter maintenant.
Tant qu'aucun produit n'est choisi, l'éditeur affiche un espace réservé avec la liste des produits et la page n'affiche rien. Si le produit est supprimé plus tard dans votre memberarea, l'éditeur vous avertit d'en choisir un autre.
[memberarea_checkout]
| Attribut | Valeurs | Par défaut |
|---|---|---|
product |
UUID d'un produit | aucune, obligatoire |
label |
texte libre | Acheter maintenant |
class |
vos propres classes CSS | aucune |
Produit
Affiche un produit avec un bouton d'ajout au panier, en version compacte ou avec tous les détails.
Le panneau Produit de la barre latérale contient le sélecteur Produit et Mise en page, avec Compact. Quantité et ajout au panier. (par défaut) ou Complet. Image, prix et options.
Tant qu'aucun produit n'est choisi, l'éditeur affiche un espace réservé et la page n'affiche rien.
[memberarea_product]
| Attribut | Valeurs | Par défaut |
|---|---|---|
product |
UUID d'un produit | aucune, obligatoire |
layout |
compact, full |
compact |
class |
vos propres classes CSS | aucune |
Toute valeur de layout autre que full donne la mise en page compacte.
Panier
Un bouton de panier avec une liste déroulante qui montre ce que le visiteur a ajouté et l'emmène au paiement.
Le bloc n'a pas d'options. Tant que le site n'est pas connecté, l'éditeur indique où le connecter, et la page n'affiche rien.
[memberarea_cart]
| Attribut | Valeurs | Par défaut |
|---|---|---|
class |
vos propres classes CSS | aucune |
Catalogue de cours
Liste les cours que vous vendez, chacun avec son prix et un bouton de paiement. Les membres voient un lien vers les cours qu'ils possèdent déjà.
- Mise en page : Colonnes (1 à 4, 3 par défaut), Nombre maximal de cours (0 à 24, zéro affiche tous les cours), Afficher l’image du cours, Afficher la description et Afficher le prix, tous trois activés par défaut.
- Quels cours : Uniquement les cours achetables, désactivé par défaut. Une fois activé, les cours sans produit sont exclus.
- Formulations : Bouton d’achat (par défaut Acheter maintenant) et Bouton pour un cours que le membre possède déjà (par défaut Ouvrir le cours).
- Quand il n’y a rien à afficher : Quand aucun cours n’est en vente, Destination du bouton et Texte du bouton.
Quand il ne reste aucun cours à afficher, le bloc affiche « Aucun cours n’est en vente pour le moment. » ou votre propre texte, plus un bouton vers la page que vous avez indiquée, libellé En savoir plus sauf si vous le formulez vous-même. Quand la liste des cours ne peut pas être chargée depuis votre memberarea, le bloc n'affiche rien.
[memberarea_course_catalogue]
| Attribut | Valeurs | Par défaut |
|---|---|---|
columns |
1 à 4 | 3 |
limit |
un nombre, 0 pour tous les cours |
0 |
purchasable |
oui ou non | non |
image |
oui ou non | oui |
description |
oui ou non | oui |
price |
oui ou non | oui |
button |
texte libre | Acheter maintenant |
owned |
texte libre | Ouvrir le cours |
empty |
texte libre | Aucun cours n’est en vente pour le moment. |
link |
adresse d'une page | aucune |
linklabel |
texte libre | En savoir plus |
class |
vos propres classes CSS | aucune |
Badge vérifié
Affiche le badge vérifié de l'un de vos cours, avec le nombre de participants et de leçons.
Le panneau Badge de la barre latérale contient le sélecteur Badge et quatre choix :
- Apparence : Large (par défaut), Grand, Compact, Une seule ligne.
- Style : Standard (par défaut), Clair, Transparent.
- Coins : Carrés, Légèrement arrondis, Arrondis (par défaut), Très arrondis.
- Alignement : Centré (par défaut), Gauche.
Le sélecteur ne liste que les badges activés. Si un badge choisi est désactivé plus tard, l'éditeur le signale et les visiteurs ne voient rien. Sans badge, la page n'affiche rien.
[memberarea_badge]
| Attribut | Valeurs | Par défaut |
|---|---|---|
badge |
UUID d'un badge | aucune, obligatoire |
design |
long (Large), large (Grand), compact, row (Une seule ligne) |
long |
style |
standard, light, transparent |
standard |
radius |
none (Carrés), small, medium, large |
medium |
align |
center, left |
center |
class |
vos propres classes CSS | aucune |
Une valeur que la liste ne connaît pas reprend la valeur par défaut.
Connexion des membres
Affiche un bouton de connexion aux visiteurs, et le nom, la photo et un bouton de déconnexion aux membres connectés.
- Libellés : Bouton de connexion (par défaut Se connecter) et Bouton de déconnexion (par défaut Se déconnecter).
- Connecté : Afficher la photo de profil, Afficher le nom et Proposer un bouton de déconnexion, tous activés par défaut.
- Mise en page : Alignement, avec Gauche (par défaut), Centré ou Droite.
Tant que la connexion des membres n'est pas configurée, l'éditeur affiche un avertissement et les visiteurs ne voient rien.
[memberarea_login]
| Attribut | Valeurs | Par défaut |
|---|---|---|
sign_in |
texte libre | Se connecter |
sign_out |
texte libre | Se déconnecter |
avatar |
oui ou non | oui |
name |
oui ou non | oui |
logout |
oui ou non | oui |
align |
left, center, right |
left |
class |
vos propres classes CSS | aucune |
Mes cours
Montre au membre connecté les cours qu'il possède, chacun avec un lien direct vers votre memberarea.
- Mise en page : Colonnes (1 à 4, 2 par défaut), Afficher l’image du cours et Afficher la progression, tous deux activés par défaut.
- Quand il n’y a rien à afficher : Membre sans cours, Visiteur non connecté, Destination du bouton et Texte du bouton.
Un visiteur non connecté voit « Connectez-vous pour voir vos cours. » ou votre propre texte, avec un bouton Se connecter. Un membre sans cours voit « Vous n’avez pas encore de cours. » ou votre propre texte. Les deux reçoivent un bouton vers la page que vous avez indiquée, libellé Parcourir les cours sauf si vous le formulez vous-même. Un cours qui attend un cours requis affiche « Disponible une fois le cours requis terminé. » au lieu de sa progression. Sous la barre de progression, un cours affiche par exemple « 40 % terminé », et Terminé une fois achevé. Tant que la connexion des membres n'est pas configurée, le bloc n'affiche rien.
[memberarea_my_courses]
| Attribut | Valeurs | Par défaut |
|---|---|---|
columns |
1 à 4 | 2 |
image |
oui ou non | oui |
progress |
oui ou non | oui |
empty |
texte libre | Vous n’avez pas encore de cours. |
signedout |
texte libre | Connectez-vous pour voir vos cours. |
link |
adresse d'une page | aucune |
linklabel |
texte libre | Parcourir les cours |
class |
vos propres classes CSS | aucune |
Progression du cours
Montre au membre connecté où il en est, dans un cours ou sur l'ensemble de ses cours.
- Ce qui est mesuré : Progression de, avec Tous les cours du membre (par défaut) ou Un seul cours. Pour un seul cours, choisissez-le sous Cours.
- Apparence : Forme (Barre ou Anneau), Afficher le titre, Afficher le pourcentage et, pour tous les cours, Afficher le nombre de cours terminés. Les lecteurs d'écran entendent le pourcentage dans tous les cas.
- Quand il n’y a rien à afficher : Membre sans cours (pour un seul cours : Membre sans ce cours), Visiteur non connecté, Destination du bouton et Texte du bouton.
Un visiteur non connecté voit « Connectez-vous pour voir votre progression. » ou votre propre texte, avec un bouton Se connecter. Un membre sans cours voit « Vous n’avez pas encore de cours. », un membre sans le cours choisi « Vous n’avez pas encore ce cours. », chacun remplaçable par votre propre texte et suivi de votre bouton. Avec Un seul cours mais sans cours choisi, le bloc reste vide.
[memberarea_progress]
| Attribut | Valeurs | Par défaut |
|---|---|---|
scope |
overall, course |
course si course est renseigné, sinon overall |
course |
UUID d'un cours | aucune |
display |
bar, ring |
bar |
label |
oui ou non | oui |
percent |
oui ou non | oui |
count |
oui ou non | oui |
empty |
texte libre | Vous n’avez pas encore de cours. (un seul cours : Vous n’avez pas encore ce cours.) |
signedout |
texte libre | Connectez-vous pour voir votre progression. |
link |
adresse d'une page | aucune |
linklabel |
texte libre | Parcourir les cours |
class |
vos propres classes CSS | aucune |
count ne s'affiche que pour la progression globale.
Règles valables pour chaque shortcode
Oui et non
no, false, 0 et off désactivent une option. Toute autre valeur compte
comme oui.
Majuscules et minuscules
Les noms d'attributs et les valeurs des tableaux fonctionnent quelle que soit
la casse, donc Layout="FULL" équivaut à layout="full". Vos propres textes
apparaissent exactement comme vous les saisissez.
Une ligne chacun
Placez chaque shortcode sur sa propre ligne, pour qu'il ne se retrouve pas au
milieu d'un paragraphe. La seule exception est [memberarea_checkout] : il
s'affiche en ligne et peut se placer au milieu d'une phrase.
Liens des boutons
link accepte une adresse commençant par https:// ou un chemin commençant
par /, comme /courses. Tout le reste, par exemple
www.example.com/courses, est ignoré et le bouton n'apparaît pas.
Un cours ou tous
[memberarea_progress course="…"] affiche ce cours. Ajoutez scope="overall"
pour afficher à la place la progression sur l'ensemble des cours.
Langues des widgets
Le paiement, le produit, le panier et le badge reprennent leurs textes de votre memberarea, y compris quand le paiement s'ouvre depuis un bouton du Catalogue de cours. Ils suivent la langue du site WordPress quand elle est l'allemand, l'anglais, l'espagnol, le français, l'italien, le hongrois, le néerlandais, le polonais ou le portugais. Dans toute autre langue de site, ils s'affichent en anglais.
Trouver les UUID
-
Produit : dans votre memberarea, allez dans Paiements > Paramètres > Widgets, ouvrez l'onglet Widgets, choisissez le produit sous Configurateur de snippets et cliquez sur Copier à côté de ID du produit.
Le configurateur de snippets avec un produit choisi et le bouton Copier à côté de ID du produit -
Cours : sous Cours, utilisez Copier le lien du cours sur un cours publié. Le lien se termine par l'UUID du cours, comme dans
https://your-domain/user/courses/<UUID>. -
Badge : ouvrez le cours, puis Paramètres > Badge marketing, cliquez sur Personnaliser sur une apparence, puis sur Générer le badge. Dans la fenêtre Code du badge, la valeur après
data-badge=est l'UUID du badge.
