Cada bloque tiene un shortcode gemelo con las mismas opciones. En el editor de bloques las ajusta en la barra lateral y elige productos, cursos y badges de una lista. Un shortcode recibe las mismas opciones como atributos, y los elementos por su UUID. Al final de esta página se explica dónde copiar un UUID.
Un atributo que omita toma el valor por defecto de la tabla. Un atributo de texto vacío también vuelve al texto por defecto.
Botón de pago
Un botón que abre el checkout de memberarea para un producto.
El panel lateral Pago tiene dos campos: Producto y Texto del botón. Sin texto, el botón dice Comprar ahora.
Mientras no haya un producto elegido, el editor muestra un marcador con la lista de productos y la página no muestra nada. Si más tarde el producto se elimina en su memberarea, el editor le avisa para que elija otro.
[memberarea_checkout]
| Atributo | Valores | Por defecto |
|---|---|---|
product |
UUID de un producto | ninguno, obligatorio |
label |
cualquier texto | Comprar ahora |
class |
sus propias clases CSS | ninguno |
Producto
Muestra un producto con un botón para añadirlo al carrito, compacto o con todos los detalles.
El panel lateral Producto tiene el selector Producto y Estructura, con Compacto. Cantidad y añadir al carrito. (por defecto) o Completo. Imagen, precio y opciones.
Mientras no haya un producto elegido, el editor muestra un marcador y la página no muestra nada.
[memberarea_product]
| Atributo | Valores | Por defecto |
|---|---|---|
product |
UUID de un producto | ninguno, obligatorio |
layout |
compact, full |
compact |
class |
sus propias clases CSS | ninguno |
Cualquier layout distinto de full da la estructura compacta.
Carrito
Un botón de carrito con un desplegable que muestra lo que el visitante ha añadido y lo lleva al checkout.
El bloque no tiene opciones. Mientras el sitio no esté conectado, el editor muestra un aviso de dónde conectarlo y la página no muestra nada.
[memberarea_cart]
| Atributo | Valores | Por defecto |
|---|---|---|
class |
sus propias clases CSS | ninguno |
Catálogo de cursos
Lista los cursos que vende, cada uno con su precio y un botón de pago. Los miembros ven un enlace a los cursos que ya tienen.
- Estructura: Columnas (de 1 a 4, por defecto 3), Número máximo de cursos (de 0 a 24, cero muestra todos los cursos), Mostrar la imagen del curso, Mostrar la descripción y Mostrar el precio, las tres activadas por defecto.
- Qué cursos: Solo cursos que se pueden comprar, desactivada por defecto. Si está activada, se omiten los cursos sin producto.
- Textos: Botón de compra (por defecto Comprar ahora) y Botón para un curso que el miembro ya tiene (por defecto Abrir el curso).
- Cuando no hay nada que mostrar: Cuando no hay ningún curso a la venta, Adónde lleva el botón y Texto del botón.

Cuando no queda ningún curso que mostrar, el bloque muestra "Ahora mismo no hay cursos a la venta." o su propio texto, más un botón hacia la página que haya indicado, con el texto Más información salvo que usted lo redacte. Cuando la lista de cursos no se puede cargar desde su memberarea, el bloque no muestra nada.
[memberarea_course_catalogue]
| Atributo | Valores | Por defecto |
|---|---|---|
columns |
de 1 a 4 | 3 |
limit |
un número, 0 para todos los cursos |
0 |
purchasable |
sí o no | no |
image |
sí o no | sí |
description |
sí o no | sí |
price |
sí o no | sí |
button |
cualquier texto | Comprar ahora |
owned |
cualquier texto | Abrir el curso |
empty |
cualquier texto | Ahora mismo no hay cursos a la venta. |
link |
dirección de una página | ninguno |
linklabel |
cualquier texto | Más información |
class |
sus propias clases CSS | ninguno |
Insignia verificada
Muestra el badge verificado de uno de sus cursos, con participantes y número de lecciones.
El panel lateral Insignia tiene el selector Insignia y cuatro opciones:
- Diseño: Ancho (por defecto), Grande, Compacto, Una sola fila.
- Estilo: Estándar (por defecto), Claro, Transparente.
- Esquinas: Rectas, Ligeramente redondeadas, Redondeadas (por defecto), Muy redondeadas.
- Alineación: Centrado (por defecto), Izquierda.
El selector solo lista los badges que están activados. Si un badge elegido se desactiva más tarde, el editor lo indica y los visitantes no ven nada. Sin badge, la página no muestra nada.
[memberarea_badge]
| Atributo | Valores | Por defecto |
|---|---|---|
badge |
UUID de un badge | ninguno, obligatorio |
design |
long (Ancho), large, compact, row (Una sola fila) |
long |
style |
standard, light, transparent |
standard |
radius |
none (Rectas), small, medium, large |
medium |
align |
center, left |
center |
class |
sus propias clases CSS | ninguno |
Un valor que la lista no conoce vuelve al valor por defecto.
Acceso de miembros
Muestra a los visitantes un botón para iniciar sesión, y a los miembros con la sesión iniciada su nombre, su foto y un botón para cerrar sesión.
- Etiquetas: Botón de inicio de sesión (por defecto Iniciar sesión) y Botón de cierre de sesión (por defecto Cerrar sesión).
- Sesión iniciada: Mostrar la imagen de perfil, Mostrar el nombre y Ofrecer un botón de cierre de sesión, todas activadas por defecto.
- Estructura: Alineación, con Izquierda (por defecto), Centrado o Derecha.
Mientras el acceso de miembros no esté configurado, el editor muestra un aviso y los visitantes no ven nada.
[memberarea_login]
| Atributo | Valores | Por defecto |
|---|---|---|
sign_in |
cualquier texto | Iniciar sesión |
sign_out |
cualquier texto | Cerrar sesión |
avatar |
sí o no | sí |
name |
sí o no | sí |
logout |
sí o no | sí |
align |
left, center, right |
left |
class |
sus propias clases CSS | ninguno |
Mis cursos
Muestra al miembro con la sesión iniciada los cursos que tiene, cada uno con un enlace directo a su memberarea.
- Estructura: Columnas (de 1 a 4, por defecto 2), Mostrar la imagen del curso y Mostrar el progreso, ambas activadas por defecto.
- Cuando no hay nada que mostrar: Miembro sin cursos, Visitante sin sesión iniciada, Adónde lleva el botón y Texto del botón.
Un visitante sin sesión iniciada ve "Inicia sesión para ver tus cursos." o su propio texto, con un botón Iniciar sesión. Un miembro sin cursos ve "Todavía no tienes cursos." o su propio texto. Ambos reciben un botón hacia la página que haya indicado, con el texto Ver cursos salvo que usted lo redacte. Un curso que espera a un curso requerido muestra "Disponible cuando termines el curso requerido." en lugar de su progreso. Bajo la barra de progreso, un curso dice, por ejemplo, "40% completado", y Completado cuando está terminado. Mientras el acceso de miembros no esté configurado, el bloque no muestra nada.
[memberarea_my_courses]
| Atributo | Valores | Por defecto |
|---|---|---|
columns |
de 1 a 4 | 2 |
image |
sí o no | sí |
progress |
sí o no | sí |
empty |
cualquier texto | Todavía no tienes cursos. |
signedout |
cualquier texto | Inicia sesión para ver tus cursos. |
link |
dirección de una página | ninguno |
linklabel |
cualquier texto | Ver cursos |
class |
sus propias clases CSS | ninguno |
Progreso del curso
Muestra al miembro con la sesión iniciada cuánto ha avanzado, en un curso o en todos ellos.
- Qué se mide: Progreso de, con Todos los cursos del miembro (por defecto) o Un curso. Para un curso, elíjalo en Curso.
- Apariencia: Forma (Barra o Anillo), Mostrar el título, Mostrar el porcentaje y, para todos los cursos, Mostrar cuántos cursos están terminados. Los lectores de pantalla oyen el porcentaje en cualquier caso.
- Cuando no hay nada que mostrar: Miembro sin cursos (para un curso: Miembro sin este curso), Visitante sin sesión iniciada, Adónde lleva el botón y Texto del botón.
Un visitante sin sesión iniciada ve "Inicia sesión para ver tu progreso." o su propio texto, con un botón Iniciar sesión. Un miembro sin cursos ve "Todavía no tienes cursos.", un miembro sin el curso elegido "Todavía no tienes este curso.", cada uno reemplazable por su propio texto y seguido de su botón. Con Un curso pero sin curso elegido, el bloque queda vacío.
[memberarea_progress]
| Atributo | Valores | Por defecto |
|---|---|---|
scope |
overall, course |
course si course está indicado, si no overall |
course |
UUID de un curso | ninguno |
display |
bar, ring |
bar |
label |
sí o no | sí |
percent |
sí o no | sí |
count |
sí o no | sí |
empty |
cualquier texto | Todavía no tienes cursos. (un curso: Todavía no tienes este curso.) |
signedout |
cualquier texto | Inicia sesión para ver tu progreso. |
link |
dirección de una página | ninguno |
linklabel |
cualquier texto | Ver cursos |
class |
sus propias clases CSS | ninguno |
count solo se muestra para el progreso global.
Reglas para todos los shortcodes
Sí y no
no, false, 0 y off desactivan una opción. Cualquier otro valor cuenta
como sí.
Mayúsculas y minúsculas
Los nombres de los atributos y los valores de las tablas funcionan con
cualquier combinación de mayúsculas y minúsculas, así que Layout="FULL" es lo
mismo que layout="full". Sus propios textos aparecen exactamente como los
escribe.
Una línea cada uno
Ponga cada shortcode en su propia línea, para que no acabe en medio de un
párrafo. La única excepción es [memberarea_checkout]: se muestra en línea y
puede ir dentro de una frase.
Enlaces de botón
link acepta una dirección que empiece por https:// o una ruta que empiece
por /, como /courses. Cualquier otra cosa, como www.example.com/courses,
se descarta y el botón no aparece.
Un curso o todos
[memberarea_progress course="…"] muestra ese curso. Añada scope="overall"
para mostrar en su lugar el progreso en todos los cursos.
Idiomas de los widgets
El checkout, el producto, el carrito y el badge toman sus textos de su memberarea, también cuando el checkout se abre desde un botón del Catálogo de cursos. Siguen el idioma del sitio WordPress cuando es alemán, inglés, español, francés, italiano, húngaro, neerlandés, polaco o portugués. Con cualquier otro idioma del sitio se muestran en inglés.
Encontrar los UUID
-
Producto: en su memberarea vaya a Pagos > Configuraciones > Widgets, abra la pestaña Widgets, elija el producto en Configurador de fragmentos y pulse Copiar junto a ID del producto.

El configurador de fragmentos con un producto elegido y el botón Copiar junto a ID del producto -
Curso: en Cursos, use Copiar enlace del curso en un curso publicado. El enlace termina en el UUID del curso, como en
https://your-domain/user/courses/<UUID>. -
Badge: abra el curso, después Configuraciones > Insignia de marketing, pulse Personalizar en un diseño y después Generar insignia. En la ventana Código de la insignia, el valor que sigue a
data-badge=es el UUID del badge.