Zdjęcia produktu są ważne, ale czasem nie pokazują całej historii. Produkt się składa, obraca, otwiera albo działa dopiero wtedy, gdy ktoś go użyje. W takiej sytuacji wideo w galerii produktu WooCommerce może zrobić dobrą robotę. Nie jest jednak magicznym przyciskiem „sprzedawaj więcej”. To po prostu dodatkowy sposób pokazania rzeczy bez dopisywania epopei na pół strony.
Od WooCommerce 11.1 można dodawać film do galerii obok zdjęć. Funkcja jest eksperymentalna, domyślnie wyłączona i ma kilka ważnych zasad. Film musi pochodzić z Biblioteki mediów, działa bez dźwięku i odtwarza się w pętli. Poniżej znajdziesz prostą instrukcję, pomysły na sensowny klip oraz checklistę, żeby karta produktu nie zamieniła się w małe kino z repertuarem, którego nikt nie zamawiał.
Wideo w galerii WooCommerce — co ta funkcja właściwie robi?
Wideo w galerii produktu WooCommerce trafia między zdjęcia produktu i zachowuje się jak kolejny element galerii. Klient może je wybrać, a wtedy film zaczyna odtwarzać się automatycznie. Odtwarzany jest bez dźwięku i w pętli. Gdy użytkownik przejdzie do innego zdjęcia albo filmu, poprzedni materiał zostaje zatrzymany. To ważne, bo klip nie powinien wymagać specjalnej instrukcji obsługi.
Funkcja pojawiła się w WooCommerce 11.1 i obejmuje klasyczną galerię oraz galerie oparte na blokach. Nadal ma status eksperymentalny lub beta, więc jej działanie może zmieniać się w kolejnych wersjach. Nie zakładaj też, że każdy motyw pokaże ją identycznie. Motyw, który zastępuje własne szablony galerii WooCommerce, może wymagać dodatkowego wsparcia.
Film nie zastępuje głównego zdjęcia produktu. Obraz główny nadal powinien być ustawiony, a wideo traktuj jako uzupełnienie: pokaz ruchu, użycia, kształtu albo konkretnej funkcji. Samo dodanie klipu nie jest obietnicą większej sprzedaży czy lepszej konwersji. Najpierw liczy się sens materiału i wygoda klienta.
Jak dodać film do galerii produktu krok po kroku
Sam proces nie wymaga grzebania w kodzie. Najpierw włącz obsługę filmów w galerii: przejdź do WooCommerce > Settings > Advanced > Features i znajdź opcję Product gallery videos. Ponieważ jest to funkcja eksperymentalna, po włączeniu warto od razu sprawdzić, czy panel i sklep działają poprawnie.
- Przygotuj plik filmu i prześlij go do Biblioteki mediów witryny.
- Otwórz edycję wybranego produktu.
- W galerii produktu wybierz Add media to product gallery.
- Wskaż film w Bibliotece mediów i dodaj go do galerii.
- Ustaw kolejność elementów, zostaw główne zdjęcie produktu i zapisz produkt.
- Otwórz kartę produktu od strony klienta i sprawdź ją także na telefonie.
Po zapisaniu nie kończ pracy z myślą „no, jest”. Przejdź przez galerię, kliknij zdjęcia, wybierz film i sprawdź, czy przejście między elementami zatrzymuje poprzedni klip. Zobacz też, czy galeria działa w powiększeniu i na ekranie dotykowym.
Dlaczego film musi trafić do Biblioteki mediów?
Wbudowana funkcja galerii korzysta z lokalnych plików przesłanych do Biblioteki mediów witryny. Nie obsługuje w tej funkcji filmów osadzonych bezpośrednio z YouTube, Vimeo ani innych zewnętrznych hostów. To dlatego sam link do filmu nie wystarczy.
Przy przesyłaniu pamiętaj o ustawieniach hostingu i miejscu na serwerze. Dokumentacja nie wskazuje jednego uniwersalnego limitu rozmiaru pliku dla każdego sklepu. Jeśli plik jest duży, sprawdź, czy przesyłanie kończy się poprawnie i czy karta produktu nie zaczyna działać ociężale.
Jaki film produktu ma sens na karcie produktu?
Najlepszy film produktu nie musi wyglądać jak reklama z wielkim budżetem. Powinien pokazać coś, czego zdjęcie nie pokazuje dobrze. Może to być produkt w użyciu, ruch mechanizmu, sposób otwierania, kształt z innej strony albo detal widoczny dopiero podczas obracania przedmiotu.
Skup się na jednej konkretnej rzeczy. Zamiast długiej historii z początkiem, środkiem i finałem pokaż działanie. Film w galerii uruchamia się automatycznie, bez dźwięku i w pętli, więc krótka, czytelna forma jest praktycznym wyborem. To nie jest jednak oficjalny wymóg WooCommerce. Dokumentacja nie podaje jednej obowiązkowej liczby sekund.
Materiał powinien być zrozumiały bez narracji. Jeśli lektor mówi o ważnej cesze produktu, tę informację warto powtórzyć tekstem na karcie. Przy istotnej treści dźwiękowej rozważ napisy albo tekstowy opis. Nie chowaj kluczowych informacji zakupowych wyłącznie w filmie. Klient może nie włączyć materiału, mieć wyciszony telefon albo korzystać z urządzenia, na którym coś zadziała inaczej.
MP4, H.264, poster i plik, który nie waży fortuny
WooCommerce rekomenduje MP4 z kodekiem H.264 jako format odtwarzany w szerokim zakresie przeglądarek. To bezpieczny punkt wyjścia przy przygotowaniu pliku. Ostateczny limit przesyłania zależy od ustawień hostingu, dlatego nie ma sensu wpisywać tu jednej magicznej liczby megabajtów. Taki parametr nie został potwierdzony jako uniwersalny.
Ważny jest też poster filmu, czyli obraz widoczny przed rozpoczęciem odtwarzania albo do czasu przygotowania materiału. WooCommerce może wykorzystać obrazek wyróżniający filmu jako miniaturę. Jeśli go nie ma, może wygenerować podgląd z samego filmu.
Nie zostawiaj tego przypadkowi. Wybierz kadr, na którym produkt jest wyraźny, niezasłonięty i już znajduje się w centrum uwagi. Rozmazany początek albo pusty kadr nie zachęca do kliknięcia. Poster i tekst alternatywny powinny pomagać rozpoznać zawartość filmu.
Po przygotowaniu pliku sprawdź kompromis między czytelnością a wagą. Zbyt mocna kompresja może pogorszyć obraz, a zbyt ciężki materiał może spowalniać kartę produktu. Nie ma tu jednego ustawienia dobrego dla każdego sklepu. Liczą się testy na realnej stronie i różnych urządzeniach.
Jak nie zrobić z karty produktu małego kina
Autoplay brzmi efektownie, ale łatwo z nim przesadzić. Film jest wyciszony, a automatyczne odtwarzanie dźwięku może być blokowane przez przeglądarki i irytować użytkowników. Nie buduj więc materiału tak, jakby klient siedział przed ekranem z popcornem i czekał na napisy końcowe.
Zacznij od rzeczy, którą chcesz pokazać. Długie logo, pusty kadr, powolne wejście albo kilka sekund „nicnierobienia” słabo pasują do filmu odtwarzanego w pętli. Klip powinien być czytelny od początku i kończyć się tak, aby ponowne odtworzenie nie wyglądało dziwnie.
Sprawdź także motyw. Jeśli zastępuje własne szablony galerii WooCommerce, film może wymagać dodatkowego dopasowania, żeby pojawić się poprawnie. Po wdrożeniu obejrzyj kartę produktu na komputerze i urządzeniu mobilnym. Przetestuj lightbox, ekran dotykowy oraz przechodzenie między zdjęciami i filmem. Zobacz, czy poprzedni materiał zatrzymuje się po wybraniu kolejnego elementu i czy cała karta nie ładuje się przesadnie długo.
Co sprawdzić, gdy film nie pojawia się w galerii?
Nie zaczynaj od nerwowego obwiniania wtyczek. Przejdź po podstawach:
- Sprawdź, czy funkcja
Product gallery videosjest włączona. - Zweryfikuj, czy plik znajduje się w Bibliotece mediów.
- Upewnij się, że film został dodany do galerii konkretnego produktu.
- Sprawdź, czy produkt nadal ma ustawiony główny obraz.
- Otwórz kartę produktu na froncie i sprawdź działanie motywu.
Jeśli problem występuje tylko w określonym widoku, porównaj zwykłą galerię, lightbox i urządzenie mobilne. Różnica może wynikać z motywu albo sposobu wyświetlania galerii, więc test na jednym ekranie nie daje pełnego obrazu.
Checklist przed publikacją filmu w galerii
Przed kliknięciem publikacji przejdź przez krótką listę. Dzięki temu unikniesz sytuacji, w której film jest dodany, ale główne zdjęcie znika, poster pokazuje przypadkową klatkę, a na telefonie cała galeria zaczyna tańczyć własny taniec.
- Czy główne zdjęcie produktu nadal jest ustawione?
- Czy film jest lokalnym plikiem z Biblioteki mediów?
- Czy poster pokazuje wyraźny produkt, a nie rozmazany początek?
- Czy klip pokazuje jedną konkretną cechę bez potrzeby włączania dźwięku?
- Czy ważne informacje z filmu są opisane także tekstem?
- Czy galeria działa na komputerze, telefonie, w lightboxie i na ekranie dotykowym?
- Czy materiał nie spowalnia karty produktu?
- Czy motyw poprawnie obsługuje film w galerii?
Kiedy lepiej zlecić przygotowanie filmu i wdrożenie?
Samodzielne dodanie filmu jest do ogarnięcia, jeśli masz gotowy materiał i sklep działa na standardowej galerii. Pomoc przydaje się wtedy, gdy dopiero trzeba wymyślić ujęcie, nagrać produkt, wybrać najlepsze fragmenty, przygotować poster i sprawdzić całość na stronie.
Warto rozważyć zlecenie wdrożenia, gdy galeria jest mocno dopasowana do motywu albo gdy film nie pojawia się poprawnie w konkretnych widokach. Przy większej liczbie produktów przyda się też uporządkowany proces przygotowania serii klipów i dodawania ich do galerii. Nadal jednak obowiązują te same zasady: główne zdjęcie zostaje, opis tekstowy nie znika, a efekt trzeba przetestować na różnych urządzeniach.
Wideo w galerii produktu WooCommerce ma sens wtedy, gdy pokazuje konkretną cechę i ułatwia zrozumienie produktu. Nie powinno być ozdobnikiem wrzuconym tylko dlatego, że można. Przygotuj lokalny plik MP4, zadbaj o H.264, poster i wyciszenie, a potem sprawdź motyw, lightbox, telefon oraz szybkość karty. Pamiętaj, że funkcja jest eksperymentalna i może się zmieniać. Napisz do Szwagra i opowiedz, czego potrzebujesz — strony, grafiki, filmu albo tekstów.
