Guía práctica

Añadir un producto de Shopify a una lección

Alva Courses puede mostrar productos de tu tienda de Shopify dentro de una lección. El bloque Producto de Shopify muestra una tarjeta de producto en directo con su imagen, su precio y un botón de compra, para que los alumnos puedan conseguir el kit, el libro o el siguiente curso que recomiendas sin salir de la lección.

Añade el bloque

1. En el panel de administración de Shopify, abre Alva Courses, elige un curso y abre una lección.
2. Elige Agregar contenido → Producto de Shopify. El bloque está disponible tanto en el constructor de cursos como en el editor de lecciones.
3. Haz clic en Seleccionar producto y elige un producto en el selector de productos de Shopify.
4. Para mostrar más productos en el mismo bloque, haz clic en Agregar otro producto. Un bloque admite hasta 12 productos. Usa Cambiar producto o Eliminar producto para editar la lista.
5. Elige un diseño, lo que muestra la tarjeta y lo que hace el botón de compra, y guarda la lección.

Revisa los avisos del producto

Al elegir un producto, Alva Courses lo comprueba en tu tienda y te avisa cuando los alumnos no podrán comprarlo. Corrígelo en Shopify, en Productos, antes de que los alumnos lleguen a la lección.

• Borrador o archivado: los alumnos no podrán ver ni comprar el producto.
• No publicado en tu Tienda online: los alumnos no lo verán. Haz que el producto esté disponible en el canal de ventas Tienda online.
• Plan de suscripción: Comprar ahora no está disponible para el producto. Usa Agregar al carrito en su lugar.
• Da acceso a un curso: una nota te recuerda que los alumnos que ya tienen ese curso pueden volver a comprarlo.

Elige un diseño

El ajuste Diseño controla cómo se colocan los productos en la lección. Tarjeta es el predeterminado.

• Tarjeta: la imagen junto a los detalles. Se apila en pantallas estrechas.
• Banner: una imagen a todo el ancho con los detalles debajo.
• Compacto: una miniatura pequeña, el título, el precio y el botón en una fila, sin la descripción. Va bien para una lista de materiales de la lección.
• Cuadrícula: tarjetas una junto a otra, 2 por fila o 3 por fila.
• Enlace en línea: un enlace redondeado con el título y el precio del producto, sin imagen, descripción ni botón.

Define la Alineación en Izquierda, Centro o Ancho completo. Con Mostrar imagen activado, elige una Forma de la imagen (Original, Cuadrada, Estándar o Panorámica; Cuadrada es la predeterminada) y un Ajuste de la imagen: Recortar para llenar o Ajustar dentro.

Elige qué muestra la tarjeta

En Contenido, Mostrar descripción usa la descripción del producto de Shopify sin su formato. Define el Origen de la descripción en Texto personalizado para explicar, en texto sin formato de hasta 2.000 caracteres, por qué el producto encaja en esta lección.

Longitud de la descripción recorta la descripción a 2, 3 o 5 líneas, o la muestra entera. Tres líneas es el valor predeterminado. Mostrar precio y Mostrar el precio original cuando esté en oferta empiezan activados. Mostrar la etiqueta de oferta, Mostrar proveedor y Mostrar SKU empiezan desactivados.

Configura el botón de compra

En Botón de compra, la Acción del botón decide lo que pueden hacer los alumnos:

• Agregar al carrito (predeterminado) añade el producto al carrito habitual de tu tienda, el mismo que muestra tu tema.
• Comprar ahora muestra el botón de pago dinámico de Shopify, que lleva al alumno directamente al checkout.
• Agregar al carrito y Comprar ahora muestra ambos.
• Ver producto enlaza a la página del producto.
• Sin botón muestra el producto sin forma de comprarlo desde la lección.

Deja Texto del botón en blanco para usar el texto propio de tu tema, o escribe hasta 80 caracteres. El Estilo del botón puede ser Sólido, Contorno o Enlace. Sólido y Contorno toman los estilos de botón de tu tema.

El Selector de variantes aparece por defecto Solo cuando el producto tiene opciones. También puedes elegir Mostrar siempre o No mostrar nunca. Activa Mostrar selector de cantidad para que los alumnos puedan comprar más de una unidad.

Cuando esté agotado define qué ocurre sin existencias: Mostrar un botón deshabilitado (predeterminado), Ocultar el producto o Mostrar un enlace a la página del producto. Abrir la página del producto en una pestaña nueva empieza activado, para que los alumnos no pierdan su sitio en la lección.

Después de agregar al carrito decide adónde va el alumno a continuación: Permanecer en la lección (predeterminado), Ir al carrito o Ir al checkout.

Qué ven los alumnos

Cada vez que un alumno abre la lección, la tarjeta se carga desde tu tienda, así que el precio, el precio rebajado, la imagen y las existencias siempre están al día. Los precios usan el formato de moneda de tu tienda, y el texto predeterminado del botón procede de tu tema.

Cuando un alumno elige una opción y añade el producto, este va al carrito habitual de tu tienda junto con cualquier otra cosa que haya añadido. Con Permanecer en la lección, después vuelve a la lección y puede seguir aprendiendo.

Si un producto ya no se encuentra en tu Tienda online, su tarjeta indica que no está disponible en lugar de dejar un hueco. Cuando previsualizas una lección, la tarjeta aparece con los botones deshabilitados.

Véase también

Conecta un curso con el producto que lo vende en Vincular un curso a un producto de Shopify. Añade otros materiales a la lección con texto, imágenes y archivos y mira cómo avanzan los alumnos por las lecciones en el reproductor de cursos de la tienda.

Última actualización: 2026-10-08