Vai al contenuto
memberarea memberarea.io

Riferimento di blocchi e shortcode

Ogni opzione degli otto blocchi memberarea, che cosa mostra ciascun blocco quando non c'è nulla da mostrare e gli attributi degli shortcode con i loro valori predefiniti.

In questo articolo

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.
Il blocco Catalogo dei corsi con le impostazioni Layout e Quali corsi nella barra laterale
Il blocco Catalogo dei corsi con le impostazioni Layout e Quali corsi nella barra laterale

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

Last updated on October 25, 2026

Questo articolo le è stato utile?

Articoli correlati