Ogni blocco ha uno shortcode gemello con le stesse opzioni. Nell'editor a blocchi le imposta nella barra laterale e sceglie prodotti, corsi e badge da un elenco. Uno shortcode accetta le stesse opzioni come attributi, e gli elementi tramite il loro UUID. Dove copiare un UUID è spiegato alla fine di questa pagina.
Un attributo che omette prende il valore predefinito indicato nella tabella. Anche un attributo di testo vuoto torna al testo predefinito.
Pulsante checkout
Un pulsante che apre il checkout della sua memberarea per un prodotto.
Il pannello laterale Checkout ha due campi: Prodotto ed Etichetta del pulsante. Senza etichetta il pulsante dice Acquista ora.
Finché non sceglie un prodotto, l'editor mostra un segnaposto con l'elenco dei prodotti e la pagina non mostra nulla. Se in seguito il prodotto viene rimosso nella sua memberarea, l'editor la avvisa di sceglierne un altro.
[memberarea_checkout]
| Attributo | Valori | Predefinito |
|---|---|---|
product |
UUID di un prodotto | nessuno, obbligatorio |
label |
qualsiasi testo | Acquista ora |
class |
le sue classi CSS | nessuno |
Prodotto
Mostra un prodotto con un pulsante per aggiungerlo al carrello, in forma compatta o con tutti i dettagli.
Il pannello laterale Prodotto ha la selezione Prodotto e Layout, con Compatto. Quantità e aggiunta al carrello. (il predefinito) oppure Completo. Immagine, prezzo e opzioni.
Finché non sceglie un prodotto, l'editor mostra un segnaposto e la pagina non mostra nulla.
[memberarea_product]
| Attributo | Valori | Predefinito |
|---|---|---|
product |
UUID di un prodotto | nessuno, obbligatorio |
layout |
compact, full |
compact |
class |
le sue classi CSS | nessuno |
Qualsiasi layout diverso da full dà il layout compatto.
Carrello
Un pulsante del carrello con un menu a tendina che mostra ciò che il visitatore ha aggiunto e lo porta al checkout.
Il blocco non ha opzioni. Finché il sito non è collegato, l'editor mostra un'indicazione su dove collegarlo, e la pagina non mostra nulla.
[memberarea_cart]
| Attributo | Valori | Predefinito |
|---|---|---|
class |
le sue classi CSS | nessuno |
Catalogo dei corsi
Elenca i corsi che vende, ciascuno con il suo prezzo e un pulsante per il checkout. I membri vedono un collegamento ai corsi che hanno già.
- Layout: Colonne (da 1 a 4, predefinito 3), Numero massimo di corsi (da 0 a 24, zero mostra tutti i corsi), Mostra l'immagine del corso, Mostra la descrizione e Mostra il prezzo, tutti e tre attivi per impostazione predefinita.
- Quali corsi: Solo i corsi acquistabili, disattivato per impostazione predefinita. Se attivo, i corsi senza un prodotto vengono esclusi.
- Testi: Pulsante di acquisto (predefinito Acquista ora) e Pulsante per un corso che il membro ha già (predefinito Apri il corso).
- Quando non c'è nulla da mostrare: Quando nessun corso è in vendita, Dove porta il pulsante e Testo del pulsante.

Quando non resta nessun corso da mostrare, il blocco mostra "Al momento non ci sono corsi in vendita." o il suo testo, più un pulsante verso la pagina che ha indicato, con l'etichetta Scopri di più a meno che non la formuli lei. Quando l'elenco dei corsi non può essere caricato dalla sua memberarea, il blocco non mostra nulla.
[memberarea_course_catalogue]
| Attributo | Valori | Predefinito |
|---|---|---|
columns |
da 1 a 4 | 3 |
limit |
un numero, 0 per tutti i corsi |
0 |
purchasable |
sì o no | no |
image |
sì o no | sì |
description |
sì o no | sì |
price |
sì o no | sì |
button |
qualsiasi testo | Acquista ora |
owned |
qualsiasi testo | Apri il corso |
empty |
qualsiasi testo | Al momento non ci sono corsi in vendita. |
link |
indirizzo di una pagina | nessuno |
linklabel |
qualsiasi testo | Scopri di più |
class |
le sue classi CSS | nessuno |
Badge verificato
Mostra il badge verificato di uno dei suoi corsi, con i partecipanti e il numero di lezioni.
Il pannello laterale Badge ha la selezione Badge e quattro scelte:
- Design: Largo (il predefinito), Grande, Compatto, Riga singola.
- Stile: Standard (il predefinito), Chiaro, Trasparente.
- Angoli: Squadrati, Leggermente arrotondati, Arrotondati (il predefinito), Molto arrotondati.
- Allineamento: Centrato (il predefinito), Sinistra.
La selezione elenca solo i badge attivi. Se un badge scelto viene disattivato in seguito, l'editor lo segnala e i visitatori non vedono nulla. Senza un badge la pagina non mostra nulla.
[memberarea_badge]
| Attributo | Valori | Predefinito |
|---|---|---|
badge |
UUID di un badge | nessuno, obbligatorio |
design |
long (Largo), large, compact, row (Riga singola) |
long |
style |
standard, light, transparent |
standard |
radius |
none (Squadrati), small, medium, large |
medium |
align |
center, left |
center |
class |
le sue classi CSS | nessuno |
Un valore che l'elenco non conosce torna al predefinito.
Accesso dei membri
Mostra ai visitatori un pulsante di accesso e ai membri connessi nome, foto e un pulsante per uscire.
- Etichette: Pulsante di accesso (predefinito Accedi) e Pulsante di uscita (predefinito Esci).
- Connesso: Mostra la foto profilo, Mostra il nome e Offri un pulsante di uscita, tutti attivi per impostazione predefinita.
- Layout: Allineamento, con Sinistra (il predefinito), Centrato o Destra.
Finché l'accesso dei membri non è configurato, l'editor mostra un avviso e i visitatori non vedono nulla.
[memberarea_login]
| Attributo | Valori | Predefinito |
|---|---|---|
sign_in |
qualsiasi testo | Accedi |
sign_out |
qualsiasi testo | Esci |
avatar |
sì o no | sì |
name |
sì o no | sì |
logout |
sì o no | sì |
align |
left, center, right |
left |
class |
le sue classi CSS | nessuno |
I miei corsi
Mostra al membro connesso i corsi che possiede, ciascuno con un collegamento diretto nella sua memberarea.
- Layout: Colonne (da 1 a 4, predefinito 2), Mostra l'immagine del corso e Mostra i progressi, entrambi attivi per impostazione predefinita.
- Quando non c'è nulla da mostrare: Membro senza corsi, Visitatore non connesso, Dove porta il pulsante e Testo del pulsante.
Un visitatore non connesso vede "Accedi per vedere i tuoi corsi." o il suo testo, con un pulsante Accedi. Un membro senza corsi vede "Non hai ancora alcun corso." o il suo testo. Entrambi ricevono un pulsante verso la pagina che ha indicato, con l'etichetta Sfoglia i corsi a meno che non la formuli lei. Un corso che attende un corso richiesto mostra "Disponibile dopo aver completato il corso richiesto." al posto dei suoi progressi. Sotto la barra dei progressi un corso riporta per esempio "40% completato", e Completato quando è terminato. Finché l'accesso dei membri non è configurato, il blocco non mostra nulla.
[memberarea_my_courses]
| Attributo | Valori | Predefinito |
|---|---|---|
columns |
da 1 a 4 | 2 |
image |
sì o no | sì |
progress |
sì o no | sì |
empty |
qualsiasi testo | Non hai ancora alcun corso. |
signedout |
qualsiasi testo | Accedi per vedere i tuoi corsi. |
link |
indirizzo di una pagina | nessuno |
linklabel |
qualsiasi testo | Sfoglia i corsi |
class |
le sue classi CSS | nessuno |
Progressi del corso
Mostra al membro connesso a che punto è, in un corso o in tutti.
- Che cosa misurare: Progressi di, con Tutti i corsi del membro (il predefinito) oppure Un corso. Per un corso, lo scelga sotto Corso.
- Aspetto: Forma (Barra o Anello), Mostra il titolo, Mostra la percentuale e, per tutti i corsi, Mostra quanti corsi sono completati. Gli screen reader sentono la percentuale in ogni caso.
- Quando non c'è nulla da mostrare: Membro senza corsi (per un corso: Membro senza questo corso), Visitatore non connesso, Dove porta il pulsante e Testo del pulsante.
Un visitatore non connesso vede "Accedi per vedere i tuoi progressi." o il suo testo, con un pulsante Accedi. Un membro senza corsi vede "Non hai ancora alcun corso.", un membro senza il corso scelto "Non hai ancora questo corso.", ciascuno sostituibile con il suo testo e seguito dal suo pulsante. Con Un corso ma senza un corso scelto, il blocco resta vuoto.
[memberarea_progress]
| Attributo | Valori | Predefinito |
|---|---|---|
scope |
overall, course |
course se course è impostato, altrimenti overall |
course |
UUID di un corso | nessuno |
display |
bar, ring |
bar |
label |
sì o no | sì |
percent |
sì o no | sì |
count |
sì o no | sì |
empty |
qualsiasi testo | Non hai ancora alcun corso. (un corso: Non hai ancora questo corso.) |
signedout |
qualsiasi testo | Accedi per vedere i tuoi progressi. |
link |
indirizzo di una pagina | nessuno |
linklabel |
qualsiasi testo | Sfoglia i corsi |
class |
le sue classi CSS | nessuno |
count compare solo per i progressi complessivi.
Regole per ogni shortcode
Sì e no
no, false, 0 e off disattivano un'opzione. Qualsiasi altro valore vale
come sì.
Maiuscole e minuscole
I nomi degli attributi e i valori delle tabelle funzionano con qualsiasi
combinazione di maiuscole e minuscole, quindi Layout="FULL" equivale a
layout="full". I suoi testi compaiono esattamente come li scrive.
Una riga ciascuno
Metta ogni shortcode su una riga a sé, così non finisce in mezzo a un
paragrafo. L'unica eccezione è [memberarea_checkout]: viene reso in linea e
può stare all'interno di una frase.
Collegamenti dei pulsanti
link accetta un indirizzo che inizia con https:// oppure un percorso che
inizia con /, come /courses. Tutto il resto, come
www.example.com/courses, viene scartato e il pulsante non compare.
Un corso o tutti
[memberarea_progress course="…"] mostra quel corso. Aggiunga
scope="overall" per mostrare invece i progressi su tutti i corsi.
Lingue dei widget
Il checkout, il prodotto, il carrello e il badge prendono i loro testi dalla sua memberarea, anche quando il checkout si apre da un pulsante del Catalogo dei corsi. Seguono la lingua del sito WordPress quando è tedesco, inglese, spagnolo, francese, italiano, ungherese, olandese, polacco o portoghese. Con qualsiasi altra lingua del sito compaiono in inglese.
Trovare gli UUID
-
Prodotto: nella sua memberarea vada su Pagamenti > Impostazioni > Widget, apra la scheda Widget, scelga il prodotto sotto Configuratore snippet e prema Copia accanto a ID prodotto.

Il Configuratore snippet con un prodotto scelto e il pulsante Copia accanto a ID prodotto -
Corso: sotto Corsi, usi Copia link del corso su un corso pubblicato. Il link termina con l'UUID del corso, come in
https://your-domain/user/courses/<UUID>. -
Badge: apra il corso, poi Impostazioni > Badge di marketing, prema Personalizza su un design e poi Genera badge. Nella finestra Codice del badge, il valore dopo
data-badge=è l'UUID del badge.