DataFirefly Live Shopping — Guía completa
Instalar, configurar y animar ventas en directo: vídeo nativo (HLS / MP4 / embed), Studio en tiempo real, ofertas flash, chat y carrito nativo para PrestaShop 8 y 9.
Presentación
El módulo DataFirefly Live Shopping (dflive) convierte tu tienda PrestaShop en una plataforma de venta por vídeo en directo. Emites un directo, fijas productos en tiempo real, lanzas ofertas flash, tus clientes añaden al carrito sin salir de la emisión, y la sesión permanece accesible como repetición. Todo funciona en tu tienda: sin plataforma de live shopping de terceros, sin suscripción recurrente.
Tres pilares: un vídeo nativo (HLS, MP4 o embed), un Studio en tiempo real integrado en el back office para gestionar el directo, y una capa de compra (fijación de productos, ofertas flash, carrito nativo, chat, reacciones, prueba social).
Compatibilidad
- PrestaShop 8.0 a 9.x
- PHP 7.4 a 8.3
- Monotienda y multitienda
- Multilenguaje (5 idiomas incluidos: FR, EN, ES, DE, IT)
- Sin dependencias (ni Composer ni framework);
hls.jsviene incluido en el módulo - Compatible con alojamiento compartido (sincronización en tiempo real por polling AJAX, sin WebSocket ni SFU)
Requisitos
El módulo gestiona la reproducción del vídeo y toda la capa de compra, pero eres tú quien proporciona la fuente de vídeo. Según el modo elegido:
- HLS: un flujo
.m3u8servido por tu propio servidor HLS, por Mux o por Cloudflare Stream, alimentado por un codificador como OBS. - MP4: una URL que apunte a un archivo
.mp4accesible públicamente. - Embed: un directo de YouTube, Twitch o Vimeo (URL o código de integración).
Se recomienda HTTPS: la reproducción automática y la pantalla completa se comportan mejor en una tienda servida por HTTPS, de la que ya disponen casi todas las tiendas en producción.
Instalación
- En el back office, abre Módulos > Gestor de módulos.
- Haz clic en Subir un módulo y selecciona el archivo
dflive.zip. - Una vez instalado, abre el menú Vender > Live Shopping.
Al instalarse, el módulo crea sus tablas (sesiones, productos de sesión, mensajes, eventos, presencia, recordatorios), registra las pestañas bajo Vender, añade las rutas /live y /live/{id}-{slug} y activa el widget de la página de inicio.
Crear un directo
Desde Vender > Live Shopping, haz clic en Añadir. El formulario está organizado en pestañas:
General
- Título y descripción del directo (multilingües).
- Presentador: nombre mostrado como host en el chat y debajo del vídeo.
- Fecha programada: activa la cuenta atrás del lado del espectador.
- Estado: programado, en directo o finalizado.
- Imagen de portada: mostrada antes del directo y en los listados.
Vídeo
- Tipo de vídeo: HLS, MP4 o embed.
- Fuente de vídeo: la URL
.m3u8, la URL.mp4o la URL / código embed según el tipo. - URL de repetición (opcional): por ejemplo la grabación VOD de tu servidor HLS, servida tras el directo.
Productos
Asocia los productos que se presentarán durante el directo mediante el selector con búsqueda AJAX. Estos productos alimentan el carrusel del lado del espectador y pasan a ser fijables desde el Studio.
Opciones y SEO
Activa o desactiva el chat, el chat de invitados, las reacciones y la prueba social para esta sesión, e indica el título y la descripción SEO de la página del directo.
Emitir el flujo
Para un directo en HLS, el principio es el siguiente:
- Configura tu codificador (OBS, por ejemplo) para emitir hacia tu servidor HLS, Mux o Cloudflare Stream.
- Obtén la URL
.m3u8de salida y pégala en el campo Fuente de vídeo de la sesión. - Inicia la emisión desde tu codificador, luego abre el Studio y haz clic en Iniciar el directo.
El módulo no te encierra en ninguna infraestructura: eliges tu cadena de emisión (autoalojada o en la nube) y simplemente pegas la URL. Para una prueba rápida, basta con un archivo MP4 o un embed de YouTube / Twitch.
El Studio (sala de control)
El Studio es la sala de control integrada en el back office. Ábrelo desde el botón Studio del listado de directos.
- Iniciar / Finalizar el directo: cambia el estado de la sesión. Al finalizar, las ofertas flash activas se limpian automáticamente.
- Fijar un producto: su tarjeta aparece inmediatamente en superposición para los espectadores. Fijar un producto desfija automáticamente el anterior.
- Oferta flash: introduce un descuento (por ejemplo
20%o10€). El módulo crea unSpecificPriceal vuelo y el precio recalculado aparece al instante para los espectadores. Un botón dedicado detiene la oferta. - Anuncio: difunde un mensaje de host fijado en el chat.
- Moderación: ocultar, mostrar o fijar cualquier mensaje del chat.
- Estadísticas en directo: número de espectadores y de reacciones en tiempo real.
El Studio envía eventos (fijación, oferta, anuncio, cambio de estado) que los espectadores recogen en el siguiente ciclo de polling. El intervalo es configurable en los ajustes del módulo.
Lado del espectador
La página de un directo (/live/{id}-{slug}) presenta:
- El reproductor de vídeo con un banner «EN DIRECTO» y el número de espectadores.
- La tarjeta del producto fijado en superposición, con botón de añadir al carrito.
- El carrusel de productos del directo, cada uno añadible al carrito nativo de PrestaShop con un clic.
- El chat (clientes y, si está activado, invitados) con anti-flood, mensajes de host y reacciones de corazones animadas.
- Los avisos de prueba social «Alguien acaba de añadir…» en las acciones de añadir al carrito.
Para una sesión programada, el espectador ve una cuenta atrás y puede inscribirse por correo para recibir aviso cuando empiece. Tras el directo, la sesión pasa a repetición y permanece accesible.
Ajustes del módulo
La página de configuración reúne los ajustes globales, en particular:
- Intervalo de polling (3000 ms por defecto): frecuencia de actualización del chat y de los eventos.
- Chat activado y chat de invitados: permite el chat y, en su caso, la participación de visitantes no conectados.
- Reacciones y prueba social: activa los corazones y los avisos de añadir al carrito.
- Tiempo de presencia: duración tras la cual un espectador inactivo deja de contarse.
- Longitud máxima de un mensaje y anti-flood: enmarcan el chat.
- Widget de inicio y número de directos mostrados: controlan el bloque de la página de inicio.
Página de listado y widget de inicio
La página /live lista los directos en curso, próximos y las repeticiones. El widget de la página de inicio destaca las sesiones activas y programadas, hasta el límite configurado.
FAQ y resolución de problemas
El vídeo no se inicia
Comprueba el tipo de vídeo y la fuente. Para un flujo HLS, asegúrate de que la URL .m3u8 es accesible públicamente y de que tu codificador está emitiendo realmente. Para un embed, comprueba que la URL de YouTube, Twitch o Vimeo es válida.
El precio de la oferta flash no cambia para los espectadores
La oferta se aplica mediante un SpecificPrice creado al vuelo y se propaga en el siguiente ciclo de polling. Comprueba el intervalo de polling y que la oferta no se haya detenido ya. Las ofertas activas se limpian automáticamente al finalizar el directo.
El chat no aparece o rechaza mis mensajes
Comprueba que el chat está activado para la sesión y globalmente. El chat de invitados debe estar activado para permitir visitantes no conectados. El anti-flood impone un retardo mínimo entre dos mensajes.
La cuenta atrás no se muestra
La cuenta atrás solo aparece para las sesiones con estado programado cuya fecha está en el futuro. Comprueba el estado y la fecha programada.
¿El módulo funciona en alojamiento compartido?
Sí. La sincronización en tiempo real usa polling AJAX, sin servidor WebSocket ni SFU, lo que garantiza la compatibilidad con el alojamiento compartido habitual.