Wideo w trzech krokach

1. Dodaj wideo do produktu

Przy pierwszym otwarciu panel sam pokaże krótkie oprowadzanie (7 kroków); wrócisz do niego linkiem „Pokaż oprowadzanie” w stopce. W zakładce Filmy znajdziesz listę produktów, które mają już wideo (z miniaturą i liczbą filmów). Kliknij Dodaj wideo — otworzy się okno wyboru produktu z miniaturą, kodem i ceną (szukasz po nazwie, kodzie albo ID) — i wklej link: YouTube (także Shorts), Vimeo, TikTok (pełny link do filmu) 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.

Masz już filmy w opisach produktów? Kliknij Znajdź w opisach (zakładka Filmy albo „Pierwsze kroki”). Panel przejrzy katalog po 50 produktów i pokaże filmy YouTube, Vimeo, TikTok i MP4 osadzone w opisach i krótkich opisach, we wszystkich wersjach językowych. Zaznacz, które dodać, i kliknij Dodaj. Filmy, które produkt już ma, są pomijane, a obecne filmy produktu zostają na swoich miejscach. Skan możesz zatrzymać w każdej chwili i dodać to, co już znalazł.

Link do filmu. W edytorze filmów produktu przycisk Kopiuj link do filmu daje adres produktu z dopiskiem #wideo — klient trafia na kartę produktu, a film otwiera się od razu (#wideo-2 otwiera drugi film). Użyjesz go w newsletterze, w bio na Instagramie i w reklamach. Ten sam link wysyła przycisk Udostępnij w oknie filmu. Adres produktu panel zna po synchronizacji katalogu.

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: kategorię wybierasz z drzewka (rozwiń gałąź strzałką, żeby wskazać podkategorię), producenta — z listy; 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; plan Pro), wideo zamiast pierwszego zdjęcia albo bez przycisku.
• Reels i pływający film (plan Pro, opis niżej), VideoObject SEO i zdarzenia GA4 (dataLayer). Przełącznik Zdarzenia dla pikseli Meta i TikTok wysyła do pikseli, które sklep już ma, zdarzenia GrowVideoPlay, GrowVideoProductClick i GrowVideoAddToCart (z numerem produktu w content_ids). W Menedżerze reklam Meta albo TikTok zbudujesz z nich grupę „oglądali film” do remarketingu.
• Bez wideo dla produktów — przycisk „Wybierz produkty” otwiera okno wyboru, w którym zaznaczysz kilka produktów naraz; wybrane widać jako pigułki z nazwami.

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 (plan Pro)

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.
• Strona „Kupuj z wideo”: utwórz w Shoperze stronę informacyjną (np. „Wideo”), skopiuj jej adres bez domeny (np. /pl/i/Wideo/12) i dodaj go do stron sekcji Reels. Układ hero albo mozaika robi z niej stronę zakupów z filmów — link wstawisz w menu, w bio na Instagramie albo w newsletterze.
• 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.

Statystyki i dodania do koszyka

Zakładka Statystyki pokazuje wyświetlenia (znaczek albo film na ekranie), odtworzenia, przejścia do produktu i dodania do koszyka po obejrzeniu filmu — osobno dla listy produktów, karty produktu i Reels oraz dla komputera i telefonu, za 7, 30 albo 90 dni. Dodanie liczymy, gdy klient w tej samej karcie przeglądarki (do 2 godzin) włączył film produktu, a potem dodał ten produkt do koszyka: przyciskiem w filmie, zwykłym przyciskiem sklepu na karcie produktu albo na liście. Jedno obejrzenie filmu liczy się najwyżej raz dla danego produktu. Działa na Storefront i RWD, bez zmian w szablonie. Przycisk Pobierz CSV (90 dni) zwraca dane dzień × miejsce × urządzenie z kolumną adds_to_cart; przy włączonym dataLayer widget wysyła też zdarzenie growvideo_add_to_cart.

Plany Start i Pro

Start obejmuje znaczek „Wideo” na liście produktów, podgląd po najechaniu albo filmy grające same, okno filmu z panelem produktu, przycisk na zdjęciu produktu albo film jako pierwsze zdjęcie, reguły dla kategorii i producentów, import i eksport CSV, VideoObject, zdarzenia GA4 i statystyki (także dodania do koszyka po obejrzeniu filmu) — w Storefront i RWD. Pro dodaje Reels na stronach i „Zobacz w akcji” na karcie produktu, pionowy feed z koszykiem i wyborem wariantu na Storefroncie, zestawy „shop the look”, pływający film, kółka „stories” nad przyciskiem kupna i serduszka z licznikiem.

Pierwsze 14 dni za 1 zł działa pełny zestaw Pro. Na planie Start ustawienia funkcji Pro zostają zapisane w panelu, ale sklep ich nie pokazuje, a zamiast kółek „stories” karta produktu dostaje przycisk na zdjęciu. Plan zmienisz w Shoper App Store; po przejściu na Pro sekcje wracają bez ponownej konfiguracji.

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ęć. Obejrzyj film produktu i dodaj ten produkt do koszyka — w kolumnie „Do koszyka” przybędzie jedno dodanie.

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? Najprościej z własnego sklepu: w panelu Shopera wejdź w Ustawienia → Zaawansowane → Zarządzanie plikami → Zarządzaj plikami, kliknij Upload i wgraj plik (do 512 MB). W GrowVideo wpisz samą nazwę pliku, np. kubek.mp4 — panel uzupełni adres /userdata/public/upload/kubek.mp4 i pod polem pokaże, czy film się odtwarza (długość i rozdzielczość). Sklep podaje taki plik z przewijaniem, więc film startuje od razu. Możesz też wgrać plik na własny serwer albo CDN i wkleić bezpośredni link https. Link „udostępnij” z Dropboxa też zadziała — panel sam zamieni go na link do pliku. Dysk Google nie pozwala odtwarzać filmów na stronach sklepu, więc takie filmy wstaw na YouTube (może być niepubliczny) albo Vimeo. Film z TikToka wklej pełnym linkiem (tiktok.com/@konto/video/…), a filmy z Instagrama pobierz jako MP4 i wstaw tak samo. YouTube i Vimeo wystarczy wkleić jako link (także link z kodu osadzenia).
• Czy wideo spowolni sklep? Skrypt waży około 30 kB po kompresji, a player YouTube, Vimeo albo TikToka ł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.