PS PrestaShop PrestaShop Mittel

DataFirefly Live Shopping — Komplette Anleitung

Live-Verkäufe installieren, konfigurieren und moderieren: natives Video (HLS / MP4 / Embed), Echtzeit-Studio, Flash-Angebote, Chat und nativer Warenkorb für PrestaShop 8 und 9.

Aktualisiert Modulversion 1.0.0

Überblick

Das Modul DataFirefly Live Shopping (dflive) verwandelt deinen PrestaShop-Shop in eine Plattform für Live-Video-Verkauf. Du überträgst ein Live, pinnst Produkte in Echtzeit an, startest Flash-Angebote, deine Kunden legen in den Warenkorb, ohne die Übertragung zu verlassen, und die Session bleibt als Replay verfügbar. Alles läuft in deinem Shop: keine Live-Shopping-Plattform von Drittanbietern, kein wiederkehrendes Abo.

Drei Säulen: ein natives Video (HLS, MP4 oder Embed), ein Echtzeit-Studio im Backoffice zur Steuerung des Lives und eine Shopping-Ebene (Produkt anpinnen, Flash-Angebote, nativer Warenkorb, Chat, Reaktionen, Social Proof).

Kompatibilität

  • PrestaShop 8.0 bis 9.x
  • PHP 7.4 bis 8.3
  • Einzelshop und Multistore
  • Mehrsprachig (5 Sprachen enthalten: FR, EN, ES, DE, IT)
  • Keine Abhängigkeit (kein Composer, kein Framework); hls.js ist im Modul enthalten
  • Shared-Hosting-kompatibel (Echtzeit-Synchronisation über AJAX-Polling, ohne WebSocket oder SFU)

Voraussetzungen

Das Modul übernimmt die Wiedergabe des Videos und die gesamte Shopping-Ebene, aber du lieferst die Videoquelle. Je nach gewähltem Modus:

  • HLS: ein .m3u8-Stream, ausgeliefert von deinem eigenen HLS-Server, von Mux oder von Cloudflare Stream, gespeist von einem Encoder wie OBS.
  • MP4: eine URL, die auf eine öffentlich zugängliche .mp4-Datei verweist.
  • Embed: ein YouTube-, Twitch- oder Vimeo-Live (URL oder Einbettungscode).

HTTPS wird empfohlen: Autoplay und Vollbild verhalten sich auf einem über HTTPS ausgelieferten Shop besser, worüber nahezu alle Produktiv-Shops bereits verfügen.

Installation

  1. Öffne im Backoffice Module > Modulmanager.
  2. Klicke auf Modul hochladen und wähle die Datei dflive.zip aus.
  3. Öffne nach der Installation das Menü Verkaufen > Live Shopping.

Bei der Installation erstellt das Modul seine Tabellen (Sessions, Session-Produkte, Nachrichten, Events, Präsenz, Erinnerungen), registriert die Tabs unter Verkaufen, fügt die Routen /live und /live/{id}-{slug} hinzu und aktiviert das Startseiten-Widget.

Ein Live erstellen

Klicke unter Verkaufen > Live Shopping auf Hinzufügen. Das Formular ist in Tabs gegliedert:

Allgemein

  • Titel und Beschreibung des Lives (mehrsprachig).
  • Moderator: Name, der als Host im Chat und unter dem Video angezeigt wird.
  • Geplantes Datum: löst den Countdown auf Zuschauerseite aus.
  • Status: geplant, live oder beendet.
  • Titelbild: vor dem Live und in den Listen angezeigt.

Video

  • Videotyp: HLS, MP4 oder Embed.
  • Videoquelle: die .m3u8-URL, die .mp4-URL oder die Embed-URL / der Embed-Code je nach Typ.
  • Replay-URL (optional): zum Beispiel die VOD-Aufzeichnung deines HLS-Servers, nach dem Live ausgeliefert.

Produkte

Verknüpfe die Produkte, die während des Lives präsentiert werden, über die Produktauswahl mit AJAX-Suche. Diese Produkte speisen das Rail auf Zuschauerseite und werden aus dem Studio anpinnbar.

Optionen & SEO

Aktiviere oder deaktiviere Chat, Gast-Chat, Reaktionen und Social Proof für diese Session und hinterlege den SEO-Titel und die SEO-Beschreibung der Live-Seite.

Den Stream übertragen

Für ein HLS-Live ist das Prinzip wie folgt:

  1. Konfiguriere deinen Encoder (zum Beispiel OBS), um an deinen HLS-Server, an Mux oder Cloudflare Stream zu senden.
  2. Hole dir die ausgehende .m3u8-URL und füge sie in das Feld Videoquelle der Session ein.
  3. Starte die Übertragung aus deinem Encoder, öffne dann das Studio und klicke auf Live gehen.

Das Modul bindet dich an keine Infrastruktur: Du wählst deine Übertragungskette (selbst gehostet oder Cloud) und fügst einfach die URL ein. Für einen schnellen Test genügt eine MP4-Datei oder ein YouTube- / Twitch-Embed.

Das Studio (Control-Room)

Das Studio ist der ins Backoffice integrierte Control-Room. Öffne es über die Schaltfläche Studio in der Live-Liste.

  • Live gehen / beenden: schaltet den Session-Status um. Am Ende werden laufende Flash-Angebote automatisch bereinigt.
  • Ein Produkt anpinnen: seine Karte erscheint sofort als Overlay bei den Zuschauern. Das Anpinnen eines Produkts löst das vorherige automatisch los.
  • Flash-Angebot: gib einen Rabatt ein (zum Beispiel 20% oder 10€). Das Modul erstellt spontan einen SpecificPrice, und der neu berechnete Preis erscheint sofort bei den Zuschauern. Eine eigene Schaltfläche stoppt das Angebot.
  • Ankündigung: sendet eine angepinnte Host-Nachricht in den Chat.
  • Moderation: jede Chat-Nachricht ausblenden, anzeigen oder anpinnen.
  • Live-Statistiken: Zahl der Zuschauer und Reaktionen in Echtzeit.

Das Studio spielt Events aus (Anpinnen, Angebot, Ankündigung, Statuswechsel), die die Zuschauer im nächsten Polling-Zyklus aufgreifen. Das Intervall ist in den Moduleinstellungen konfigurierbar.

Zuschauerseite

Eine Live-Seite (/live/{id}-{slug}) zeigt:

  • Den Videoplayer mit einem „LIVE“-Banner und der Zuschauerzahl.
  • Die Karte des angepinnten Produkts als Overlay, mit Warenkorb-Schaltfläche.
  • Das Produkt-Rail des Lives, jedes Produkt mit einem Klick in den nativen PrestaShop-Warenkorb legbar.
  • Den Chat (Kunden und, falls aktiviert, Gäste) mit Anti-Flood, Host-Nachrichten und animierten Herz-Reaktionen.
  • Die Social-Proof-Hinweise „Jemand hat gerade hinzugefügt…“ bei Warenkorb-Aktionen.

Bei einer geplanten Session sieht der Zuschauer einen Countdown und kann sich per E-Mail anmelden, um beim Start benachrichtigt zu werden. Nach dem Live wechselt die Session ins Replay und bleibt zugänglich.

Moduleinstellungen

Die Konfigurationsseite bündelt die globalen Einstellungen, insbesondere:

  • Polling-Intervall (standardmäßig 3000 ms): Aktualisierungsrate von Chat und Events.
  • Chat aktiviert und Gast-Chat: erlaubt den Chat und gegebenenfalls die Teilnahme nicht angemeldeter Besucher.
  • Reaktionen und Social Proof: aktiviert die Herzen und die Warenkorb-Hinweise.
  • Präsenz-Timeout: Dauer, nach der ein inaktiver Zuschauer nicht mehr gezählt wird.
  • Maximale Nachrichtenlänge und Anti-Flood: rahmen den Chat ein.
  • Startseiten-Widget und Anzahl angezeigter Lives: steuern den Startseiten-Block.

Übersichtsseite und Startseiten-Widget

Die Seite /live listet laufende, kommende und Replay-Sessions auf. Das Startseiten-Widget hebt aktive und geplante Sessions bis zum konfigurierten Limit hervor.

FAQ und Fehlerbehebung

Das Video startet nicht

Prüfe Videotyp und Quelle. Bei einem HLS-Stream stelle sicher, dass die .m3u8-URL öffentlich zugänglich ist und dein Encoder tatsächlich sendet. Bei einem Embed prüfe, ob die YouTube-, Twitch- oder Vimeo-URL gültig ist.

Der Flash-Angebotspreis ändert sich bei den Zuschauern nicht

Das Angebot wird über einen spontan erstellten SpecificPrice angewendet und im nächsten Polling-Zyklus verbreitet. Prüfe das Polling-Intervall und ob das Angebot nicht bereits gestoppt wurde. Laufende Angebote werden am Ende des Lives automatisch bereinigt.

Der Chat erscheint nicht oder lehnt meine Nachrichten ab

Stelle sicher, dass der Chat für die Session und global aktiviert ist. Der Gast-Chat muss aktiviert sein, um nicht angemeldete Besucher zuzulassen. Anti-Flood erzwingt eine Mindestverzögerung zwischen zwei Nachrichten.

Der Countdown wird nicht angezeigt

Der Countdown erscheint nur bei Sessions mit dem Status geplant, deren Datum in der Zukunft liegt. Prüfe Status und geplantes Datum.

Läuft das Modul auf Shared Hosting?

Ja. Die Echtzeit-Synchronisation nutzt AJAX-Polling, ohne WebSocket-Server oder SFU, was die Kompatibilität mit gängigem Shared Hosting garantiert.

War diese Seite hilfreich?

Immer noch nicht weiter? Support kontaktieren