DataFirefly Live Shopping: volledige gids
Liveverkopen installeren, configureren en presenteren: native video (HLS/MP4/embed), realtime Studio, flashaanbiedingen, chat en native winkelwagen voor PrestaShop 8 en 9.
Overzicht
De module DataFirefly Live Shopping (dflive) verandert uw PrestaShop-winkel in een platform voor liveverkoop via video. U zendt een live uit, pint producten in realtime vast, lanceert flashaanbiedingen, uw klanten voegen toe aan de winkelwagen zonder de uitzending te verlaten, en de sessie blijft als replay beschikbaar. Alles draait op uw eigen winkel: geen extern liveshoppingplatform, geen terugkerend abonnement.
Drie pijlers: een native video (HLS, MP4 of embed), een in de backoffice geïntegreerde realtime Studio om de live aan te sturen, en een shoppinglaag (product vastpinnen, flashaanbiedingen, native winkelwagen, chat, reacties, social proof).
Compatibiliteit
- PrestaShop 8.0 tot 9.x
- PHP 7.4 tot 8.3
- Single- en multistore
- Meertalig (5 talen inbegrepen: FR, EN, ES, DE, IT)
- Geen afhankelijkheden (geen Composer, geen framework);
hls.jsis in de module ingebouwd - Compatibel met shared hosting (synchronisatie via AJAX-polling, zonder WebSocket of SFU)
Vereisten
De module verzorgt het afspelen van de video en de volledige shoppinglaag, maar u levert zelf de videobron. Afhankelijk van de gekozen modus:
- HLS: een
.m3u8-stream, geserveerd door uw eigen HLS-server, door Mux of door Cloudflare Stream, gevoed door een encoder zoals OBS. - MP4: een URL naar een publiek toegankelijk
.mp4-bestand. - Embed: een live op YouTube, Twitch of Vimeo (URL of embedcode).
HTTPS wordt aanbevolen: automatisch afspelen en volledig scherm gedragen zich beter op een winkel die via HTTPS wordt geserveerd, wat vrijwel alle productiewinkels al hebben.
Installatie
- Open in de backoffice Modules > Modulebeheer.
- Klik op Een module installeren en selecteer het bestand
dflive.zip. - Open na de installatie het menu Verkopen > Live Shopping.
Bij de installatie maakt de module zijn tabellen aan (sessies, sessieproducten, berichten, gebeurtenissen, aanwezigheid, herinneringen), registreert hij de tabbladen onder Verkopen, voegt hij de routes /live en /live/{id}-{slug} toe en activeert hij de homepagewidget.
Een live aanmaken
Klik vanuit Verkopen > Live Shopping op Toevoegen. Het formulier is in tabbladen georganiseerd:
Algemeen
- Titel en beschrijving van de live (meertalig).
- Presentator: naam die als host in de chat en onder de video wordt getoond.
- Geplande datum: activeert de aftelklok aan kijkerszijde.
- Status: gepland, live of beëindigd.
- Omslagafbeelding: getoond vóór de live en in de lijsten.
Video
- Videotype: HLS, MP4 of embed.
- Videobron: de
.m3u8-URL, de.mp4-URL of de embed-URL/-code, afhankelijk van het type. - Replay-URL (optioneel): bijvoorbeeld de VOD-opname van uw HLS-server, geserveerd na de live.
Producten
Koppel de producten die tijdens de live worden gepresenteerd via de selector met AJAX-zoekfunctie. Deze producten voeden de productbalk aan kijkerszijde en worden vastpinbaar vanuit de Studio.
Opties & SEO
Schakel per sessie de chat, de gastchat, de reacties en de social proof in of uit, en vul de SEO-titel en -beschrijving van de livepagina in.
De stream uitzenden
Voor een live in HLS is het principe als volgt:
- Configureer uw encoder (bijvoorbeeld OBS) om uit te zenden naar uw HLS-server, Mux of Cloudflare Stream.
- Haal de uitgaande
.m3u8-URL op en plak die in het veld Videobron van de sessie. - Start de uitzending vanuit uw encoder, open daarna de Studio en klik op Live starten.
De module sluit u in geen enkele infrastructuur op: u kiest uw uitzendketen (zelfgehost of cloud) en plakt gewoon de URL. Voor een snelle test volstaat een MP4-bestand of een YouTube/Twitch-embed.
De Studio (regiekamer)
De Studio is de controlekamer in de backoffice. Open hem via de knop Studio in de livelijst.
- Live starten / beëindigen: schakelt de status van de sessie om. Aan het einde worden de lopende flashaanbiedingen automatisch opgeruimd.
- Een product vastpinnen: de productkaart verschijnt onmiddellijk als overlay bij de kijkers. Een product vastpinnen maakt automatisch het vorige los.
- Flashaanbieding: voer een korting in (bijvoorbeeld
20%of10€). De module maakt on the fly eenSpecificPriceaan en de herberekende prijs verschijnt direct bij de kijkers. De speciale knop stopt de aanbieding. - Aankondiging: verspreidt een vastgepind hostbericht in de chat.
- Moderatie: elk chatbericht verbergen, tonen of vastpinnen.
- Livestatistieken: aantal kijkers en reacties in realtime.
De Studio pusht gebeurtenissen (vastpinnen, aanbieding, aankondiging, statuswijziging) die de kijkers bij de volgende pollingcyclus ophalen. Het interval is instelbaar in de module-instellingen.
Aan kijkerszijde
De pagina van een live (/live/{id}-{slug}) toont:
- De videospeler met een banner “LIVE” en het aantal kijkers.
- De kaart van het vastgepinde product als overlay, met knop om aan de winkelwagen toe te voegen.
- De productbalk van de live, waarvan elk product met één klik aan de native PrestaShop-winkelwagen kan worden toegevoegd.
- De chat (klanten en, indien ingeschakeld, gasten) met anti-flood, hostberichten en geanimeerde hartreacties.
- De social-prooftoasts “Iemand heeft zojuist toegevoegd…” bij toevoegingen aan de winkelwagen.
Bij een geplande sessie ziet de kijker een aftelklok en kan hij zich per e-mail inschrijven om verwittigd te worden bij de start. Na de live schakelt de sessie over naar replay en blijft ze toegankelijk.
Instellingen van de module
De configuratiepagina bundelt de globale instellingen, waaronder:
- Pollinginterval (standaard 3.000 ms): verversingsfrequentie van de chat en de gebeurtenissen.
- Chat ingeschakeld en gastchat: staat de chat toe en, in voorkomend geval, de deelname van niet-ingelogde bezoekers.
- Reacties en social proof: activeert de hartjes en de winkelwagentoasts.
- Aanwezigheidstermijn: duur waarna een inactieve kijker niet meer wordt meegeteld.
- Maximale berichtlengte en anti-flood: kaderen de chat in.
- Homepagewidget en aantal getoonde lives: sturen het blok op de homepage aan.
Lijstpagina en homepagewidget
De pagina /live toont de lopende lives, de komende en de replays. De homepagewidget zet de actieve en geplande sessies in de kijker, binnen de geconfigureerde limiet.
FAQ en probleemoplossing
De video start niet
Controleer het videotype en de bron. Zorg er bij een HLS-stream voor dat de .m3u8-URL publiek bereikbaar is en dat uw encoder daadwerkelijk uitzendt. Controleer bij een embed of de YouTube-, Twitch- of Vimeo-URL geldig is.
De prijs van de flashaanbieding verandert niet bij de kijkers
De aanbieding wordt toegepast via een on the fly aangemaakte SpecificPrice en verspreid bij de volgende pollingcyclus. Controleer het pollinginterval en of de aanbieding niet al is gestopt. Lopende aanbiedingen worden aan het einde van de live automatisch opgeruimd.
De chat verschijnt niet of weigert mijn berichten
Controleer of de chat voor de sessie én globaal is ingeschakeld. De gastchat moet actief zijn om niet-ingelogde bezoekers toe te laten. De anti-flood legt een minimale wachttijd tussen twee berichten op.
De aftelklok wordt niet getoond
De aftelklok verschijnt alleen voor sessies met de status gepland en een datum in de toekomst. Controleer de status en de geplande datum.
Werkt de module op shared hosting?
Ja. De realtimesynchronisatie gebruikt AJAX-polling, zonder WebSocket-server of SFU, wat de compatibiliteit met gangbare shared hosting garandeert.