Saltar al contenido
memberarea memberarea.io

Referencia de bloques y shortcodes

Todas las opciones de los ocho bloques de memberarea, lo que muestra cada bloque cuando no hay nada que mostrar y los atributos de los shortcodes con sus valores por defecto.

En este artículo

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.
El bloque Catálogo de cursos con los ajustes Estructura y Qué cursos en la barra lateral
El bloque Catálogo de cursos con los ajustes Estructura y Qué cursos en la barra lateral

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

Last updated on October 25, 2026

¿Le ha resultado útil este artículo?

Artículos relacionados