DataFirefly Live Shopping: kompletny przewodnik

Prezentacja

Moduł DataFirefly Live Shopping (dflive) zamienia Twój sklep PrestaShop w platformę sprzedaży wideo na żywo. Prowadzisz transmisję, przypinasz produkty w czasie rzeczywistym, uruchamiasz oferty błyskawiczne, klienci dodają do koszyka bez opuszczania transmisji, a sesja pozostaje dostępna jako replay. Wszystko działa w Twoim sklepie: żadnej zewnętrznej platformy live shoppingu, żadnego abonamentu cyklicznego.

Zgodność

• PrestaShop 8.0 do 9.x
• PHP 7.4 do 8.3
• Jeden sklep i multisklep
• Wielojęzyczność (5 języków w zestawie: FR, EN, ES, DE, IT)
• Brak zależności (ani Composer, ani framework); hls.js jest wbudowany w moduł
• Zgodny z hostingiem współdzielonym (synchronizacja przez polling AJAX, bez WebSocket i SFU)

Wymagania

Moduł obsługuje odtwarzanie wideo i całą warstwę zakupową, ale źródło wideo dostarczasz Ty. Zależnie od wybranego trybu:

• HLS: strumień .m3u8 serwowany przez Twój własny serwer HLS, przez Mux albo Cloudflare Stream, zasilany enkoderem takim jak OBS.
• MP4: adres URL wskazujący publicznie dostępny plik .mp4.
• Embed: transmisja z YouTube, Twitcha lub Vimeo (adres URL albo kod osadzenia).

Instalacja

1. W panelu administracyjnym otwórz Moduły > Menedżer modułów.
2. Kliknij Wgraj moduł, a następnie wskaż plik dflive.zip.
3. Po instalacji otwórz menu Sprzedaj > Live Shopping.

Tworzenie transmisji

W Sprzedaj > Live Shopping kliknij Dodaj. Formularz jest podzielony na zakładki:

Ogólne

• Tytuł i opis transmisji (wielojęzyczne).
• Prowadzący: nazwa wyświetlana jako gospodarz w czacie i pod wideo.
• Zaplanowana data: uruchamia odliczanie po stronie widza.
• Status: zaplanowana, na żywo lub zakończona.
• Obraz okładki: wyświetlany przed transmisją i na listach.

Wideo

• Typ wideo: HLS, MP4 lub embed.
• Źródło wideo: adres .m3u8, adres .mp4 albo adres URL lub kod osadzenia, zależnie od typu.
• Adres URL replayu (opcjonalny): na przykład nagranie VOD z Twojego serwera HLS, serwowane po transmisji.

Produkty

Powiąż produkty, które będą prezentowane podczas transmisji, przy pomocy selektora z wyszukiwaniem AJAX. Te produkty zasilają pasek po stronie widza i mogą być przypinane ze Studia.

Opcje i SEO

Włącz lub wyłącz dla tej sesji czat, czat gości, reakcje i dowód społeczny oraz uzupełnij tytuł i opis SEO strony transmisji.

Prowadzenie transmisji

Dla transmisji w HLS zasada jest następująca:

1. Skonfiguruj swój enkoder (na przykład OBS), aby nadawał na Twój serwer HLS, Mux albo Cloudflare Stream.
2. Pobierz wyjściowy adres .m3u8 i wklej go w polu Źródło wideo sesji.
3. Uruchom nadawanie w enkoderze, a następnie otwórz Studio i kliknij Rozpocznij transmisję.

Studio (reżyserka)

Studio to wbudowany w back-office pokój kontrolny. Otwórz je przyciskiem Studio na liście transmisji.

• Rozpocznij / Zakończ transmisję: przełącza status sesji. Po zakończeniu trwające oferty błyskawiczne są automatycznie czyszczone.
• Przypnij produkt: jego karta pojawia się natychmiast w nakładce u widzów. Przypięcie produktu automatycznie odpina poprzedni.
• Oferta błyskawiczna: wpisz rabat (na przykład 20% albo 10 €). Moduł tworzy SpecificPrice w locie, a przeliczona cena wyświetla się natychmiast u widzów. Dedykowany przycisk pozwala zatrzymać ofertę.
• Ogłoszenie: wysyła przypiętą wiadomość prowadzącego do czatu.
• Moderacja: ukryj, pokaż lub przypnij dowolną wiadomość czatu.
• Statystyki na żywo: liczba widzów i reakcji w czasie rzeczywistym.

Po stronie widza

Strona transmisji (/live/{id}-{slug}) zawiera:

• Odtwarzacz wideo z banerem NA ŻYWO i liczbą widzów.
• Kartę przypiętego produktu w nakładce, z przyciskiem dodania do koszyka.
• Pasek produktów transmisji, każdy dodawalny do natywnego koszyka PrestaShop jednym kliknięciem.
• Czat (klienci oraz, jeśli włączono, goście) z ochroną anti-flood, wiadomościami prowadzącego i animowanymi reakcjami serc.
• Powiadomienia dowodu społecznego w rodzaju „Ktoś właśnie dodał…” przy dodaniach do koszyka.

Dla sesji zaplanowanej widz widzi odliczanie i może zapisać się e-mailem, aby otrzymać powiadomienie o starcie. Po transmisji sesja przechodzi w tryb replayu i pozostaje dostępna.

Ustawienia modułu

Strona konfiguracji zbiera ustawienia globalne, w szczególności:

• Interwał pollingu (domyślnie 3000 ms): częstotliwość odświeżania czatu i zdarzeń.
• Czat włączony i czat gości: zezwala na czat oraz, w razie potrzeby, na udział niezalogowanych odwiedzających.
• Reakcje i dowód społeczny: włączają serca i powiadomienia o dodaniu do koszyka.
• Czas obecności: okres, po którym nieaktywny widz przestaje być liczony.
• Maksymalna długość wiadomości i anti-flood: ramy dla czatu.
• Widżet strony głównej i liczba wyświetlanych transmisji: sterują boksem na stronie głównej.

Strona listy i widżet strony głównej

Strona /live wymienia transmisje trwające, nadchodzące oraz replaye. Widżet strony głównej eksponuje sesje aktywne i zaplanowane, w skonfigurowanej liczbie.

FAQ i rozwiązywanie problemów

Wideo się nie uruchamia

Sprawdź typ wideo i źródło. Dla strumienia HLS upewnij się, że adres .m3u8 jest publicznie dostępny i że Twój enkoder rzeczywiście nadaje. Dla trybu embed sprawdź, czy adres YouTube, Twitcha albo Vimeo jest prawidłowy.

Cena oferty błyskawicznej nie zmienia się u widzów

Oferta jest stosowana przez SpecificPrice tworzony w locie i propagowana w kolejnym cyklu pollingu. Sprawdź interwał pollingu oraz to, czy oferta nie została już zatrzymana. Trwające oferty są automatycznie czyszczone po zakończeniu transmisji.

Czat się nie pojawia albo odrzuca moje wiadomości

Sprawdź, czy czat jest włączony dla sesji i globalnie. Czat gości musi być włączony, aby zezwolić niezalogowanym odwiedzającym. Ochrona anti-flood wymusza minimalny odstęp między dwiema wiadomościami.

Odliczanie się nie wyświetla

Odliczanie pojawia się wyłącznie dla sesji o statusie zaplanowana, których data jest w przyszłości. Sprawdź status i zaplanowaną datę.

Czy moduł działa na hostingu współdzielonym?

Tak. Synchronizacja czasu rzeczywistego korzysta z pollingu AJAX, bez serwera WebSocket i bez SFU, co zapewnia zgodność z powszechnie spotykanymi hostingami współdzielonymi.