Plurivium
Agendar Demo
Volver al catálogo

Showcase de Cursos

Destaca tus cursos más importantes con un carrusel elegante y profesional. Aumenta el engagement y las conversiones mostrando tus mejores programas de forma atractiva.

Integrar en mi sitio

Copia y pega este código en tu sitio web. Es así de simple.

<script>
  window.PV_CONFIG = {
    tenant: "TU-TENANT-ID",
    apiUrl: "https://plurivium.com/api"
  };
</script>
<script type="module" src="https://plurivium.com/widgets/all-widgets.js"></script>

<courses-carousel></courses-carousel>

Nota: Reemplaza TU-TENANT-ID con el ID de tu tenant. Lo encontrarás en tu panel de administración.

Configuración Avanzada (Developers)

Atributos Disponibles

Atributo Tipo Default Descripción
base-url String auto URL base del API (se detecta automáticamente)
courses-url String /api/courses URL custom para obtener cursos
click-action String url Acción al hacer click: 'url', 'modal', 'none'
click-target String _self Target del link: '_self', '_blank'

Ejemplos de Uso

Básico (abre en misma ventana):

<courses-carousel></courses-carousel>

Abre en nueva pestaña:

<courses-carousel click-action="url" click-target="_blank"></courses-carousel>

Abre modal:

<courses-carousel click-action="modal"></courses-carousel>

Funcionalidades Técnicas

  • Carga cursos desde /api/courses
  • Usa Splide.js para el carrusel
  • Responsive: 1-3 items según viewport
  • Lazy loading de imágenes
  • Navegación con flechas y dots
  • Autoplay opcional