Wideo w trzech krokach

1. Dodaj wideo do produktu

W zakładce Filmy znajdziesz listę produktów, które mają już wideo (z miniaturą i liczbą filmów). Kliknij Dodaj wideo albo wyszukaj produkt (nazwa, kod albo ID) i wklej link: YouTube (także Shorts), Vimeo albo bezpośredni link do pliku MP4. Panel od razu rozpozna źródło i pokaże miniaturę; nieobsługiwany link zaznaczy na czerwono. Jeden produkt może mieć do 12 filmów — kolejność ustawiasz strzałkami, pierwszy film pokazuje się na liście produktów. Przełącznik W sekcji „Zobacz w akcji” dodaje film do pionowej sekcji na karcie produktu.

2. Reguły dla kategorii i producentów

Zamiast przypisywać film do każdego produktu osobno, utwórz regułę: np. „kategoria Perfumy → film testu trwałości”. Produkty bez własnego wideo dostaną film z reguły automatycznie (priorytet: wideo produktu → reguła kategorii → reguła producenta). Reguły ustawiasz w zakładce Kategorie i producenci; po dodaniu reguł kliknij Zsynchronizuj teraz — aplikacja zapisze kategorie produktów (tylko odczyt).

3. Wygląd i publikacja

W zakładce Wygląd ustaw:

• Znaczek na liście produktów — domyślnie ciemna etykieta „Wideo” w kolorze Twojego sklepu (do wyboru także jasna etykieta i 4 okrągłe/kwadratowe znaczki), róg albo środek zdjęcia i animacja: jednorazowe wejście, gdy kafelek pojawia się na ekranie (znaczek się rozwija, przez zdjęcie przechodzi delikatny błysk), spokojny impuls co kilka sekund albo brak ruchu. Podgląd obok pokazuje znaczek na żywo, a przycisk Powtórz animację odtwarza ją jeszcze raz.
• Co robią kafelki — na komputerze film MP4 gra po najechaniu, filmy grają same (bez dźwięku, tylko widoczne kafelki, najwyżej kilka naraz), okno po kliknięciu albo nic; na telefonie okno albo filmy grające same.
• Kartę produktu — przycisk na zdjęciu (kółko z ruchomym podglądem filmu i napisem „Obejrzyj wideo”), kółka nad przyciskiem kupna (filmy jak „stories”, podpisane tytułami), wideo zamiast pierwszego zdjęcia albo bez przycisku.
• Reels i pływający film (opis niżej), VideoObject SEO i zdarzenia GA4.

Na koniec kliknij Opublikuj.

W sklepie film otwiera się w oknie z produktem. Na komputerze obok filmu jest panel ze zdjęciem, nazwą, ceną, opisem i przyciskiem; na telefonie karta produktu leży na filmie, a jej dotknięcie rozwija szczegóły. Kolejne filmy przewijasz strzałkami ↑/↓ po prawej, klawiaturą, kółkiem myszy albo przesunięciem palca; przycisk Udostępnij wysyła link do produktu. Okno zamyka Esc, tło albo ✕.

4. Moduł Reels — tablice, zestawy, strony i karta produktu

Reels to sekcja pionowych wideo 9:16 w stylu social mediów. Filmy Reels dodajesz w zakładce Reels (osobna lista od wideo produktów). W sklepie otwierają się w pionowym playerze z kartą produktu na filmie:

• Tablice — grupy filmów z własnym ID (np. „Trendy”, „Nowości”); tablica główna (ID 0) istnieje zawsze, a sekcja na stronach czyta wybraną tablicę w ustawieniach.
• Zestawy (shop the look) — film może dodawać do koszyka inny produkt niż ten, przy którym wisi: przy spodniach pokażesz kurtkę z kompletu, a klient doda kurtkę. Produkt zestawu wybierasz przyciskiem Zmień w kolumnie „Przycisk dodaje do koszyka”; w sklepie kafelek dostaje etykietę „Zestaw”.
• Strony sklepu: karuzela, siatka, mozaika (jeden duży film i cztery mniejsze) albo hero z produktem (szeroki film grający od razu, z nagłówkiem, przyciskiem „Obejrzyj wideo”, kartą produktu i miniaturami kolejnych filmów). Na każdym kafelku widać tytuł filmu oraz produkt z miniaturą i ceną. Filmy MP4 mogą grać same bez dźwięku (przełącznik Filmy MP4 grają same). Przycisk „Dodaj do koszyka” jest opcjonalny.
• Pływający film: małe okienko z filmem w prawym albo lewym dolnym rogu wybranych stron (np. tylko strona główna). Gra bez dźwięku, kliknięcie otwiera filmy z wybranej tablicy, a klient może je zamknąć ✕ do końca wizyty.
• Karta produktu: sekcja „Zobacz w akcji” pod główną treścią karty z wideo oglądanego produktu (tylko oznaczone jako Reels albo wszystkie). Reel oglądanego produktu wraca do formularza karty; reel innego produktu na Storefroncie otwiera w playerze mini-kartę wariantów (opcje jako przyciski, cena i dostępność na żywo, niedostępne kombinacje zablokowane), a na RWD prowadzi na kartę produktu. Produkt bez wideo nie pokazuje pustej ramki.

Import i eksport CSV

Przycisk Import / eksport CSV jest w zakładce Filmy. Format: product_id;video_url;poster_url;title;in_reels (nagłówek opcjonalny, średniki, UTF-8). Import nadpisuje filmy wymienionych produktów; eksport zwraca aktualne przypisania — przydatne przy migracji i backupie.

Test po publikacji

1. Otwórz kategorię z produktami mającymi wideo — na kafelkach pojawią się znaczki ▶ (domyślnie w lewym dolnym rogu).
2. Najedź na kafelek z MP4 na komputerze — film odtworzy się bez dźwięku (w trybie „filmy grają same” zacznie sam); kliknij znaczek — otworzy się okno z filmem i panelem produktu.
3. Otwórz kartę produktu — przycisk ▶ (albo wideo jako pierwsze zdjęcie) musi działać bez przewijania galerii.
4. Wejdź na stronę główną — jeśli Reels są włączone, karuzela pokaże filmy oznaczone jako Reels.
5. Sprawdź szerokość telefonu — wideo nie może przewijać strony poziomo.
6. W panelu odczytaj rosnące liczniki wyświetleń, odtworzeń i kliknięć.

Najczęstsze pytania

• Dlaczego nie widzę badge? Sprawdź, czy produkt ma wideo (albo pasującą regułę), czy publikacja jest aktywna i czy produkt nie jest wykluczony.
• Skąd wziąć plik MP4? Wyhostuj go u siebie (CDN, Serwer) i wklej bezpośredni link https. YouTube i Vimeo wystarczy wkleić jako link.
• Czy wideo spowolni sklep? Player ładuje się dopiero po kliknięciu. Tryby, w których filmy grają same, pobierają tylko filmy widoczne na ekranie (najwyżej kilka naraz) i wyłączają się, gdy klient ma włączone oszczędzanie danych albo ograniczenie animacji. Jeśli zależy Ci na minimum transferu, wybierz podgląd po najechaniu albo okno po kliknięciu.
• Czy modyfikuje mój szablon? Nie. Wideo to osobne elementy doklejane do strony; usunięcie aplikacji zostawia szablon nietknięty.
• Jak wyłączyć wszystko natychmiast? W zakładce Wygląd wyłącz „Wideo widoczne w sklepie” i opublikuj.