Film na karcieproduktu w Shoperze.
Shoper osadza film w opisie produktu, a szablon Storefront ma osobny moduł Video. Oto obie drogi i trzecia, gdy filmu jeszcze nie masz.
Aktualizacja: 10 listopada 2026
Trzy miejsca na film w sklepie Shoper.
Zanim dodasz film do produktu w Shoperze, zdecyduj, gdzie klient ma go zobaczyć. Każde z tych miejsc działa trochę inaczej.
| Miejsce | Skąd film | Gdzie go widać |
|---|---|---|
| Opis produktu | Link z YouTube albo adres pliku na twoim serwerze | W treści opisu, tam gdzie postawisz kursor |
| Moduł Video w Storefront | Link z YouTube albo własny plik wideo | W wybranym miejscu strony sklepu |
| Aplikacja Galeria mediów (200 zł jednorazowo) | YouTube, Vimeo albo MP4 wgrany w Treść > Pliki | W galerii, razem ze zdjęciami produktu |
| Sizzle | Film zrobiony z jednego zdjęcia produktu | Na karcie produktu, obok zdjęć |
Film z YouTube w opisie produktu, krok po kroku.
Tak wygląda to w nowym panelu Shopera. Ten sam edytor przyjmie też adres pliku wideo z twojego serwera. Wtedy pole Alternatywny adres URL służy jako zapasowy link, gdyby pierwszy się nie uruchomił.
Otwórz listę produktów
W panelu administracyjnym przejdź do Produkty > Wszystkie. W starszej wersji panelu to Obsługa sklepu > Produkty.
Edytuj opis
Otwórz produkt, wejdź w zakładkę Opis i kliknij w pole Opis produktu.
Wstaw wideo
Ustaw kursor tam, gdzie ma stanąć film, i kliknij w narzędziach edytora ikonę kamery (wstaw wideo).
Wklej adres
W polu Adres URL wklej link do filmu z YouTube. W polu URL Plakatu możesz podać grafikę, która zastąpi okładkę ustawioną na YouTube.
Zapisz i sprawdź
Kliknij Wstaw, a potem Zapisz. Otwórz kartę produktu w sklepie i włącz film.
Shoper ze względów bezpieczeństwa domyślnie czyści własny kod HTML. Jeśli osadzony film znika z opisu, zaznacz Wyłącz czyszczenie kodu HTML w Ustawienia > Zaawansowane > Zabezpieczenia.
Film, który mieści się na ekranie telefonu.
Kod osadzenia z YouTube ma sztywne wymiary, na przykład 560 × 315 px. Na wąskim ekranie taka ramka wychodzi poza krawędź strony.
Shoper Learn radzi owinąć film w kontener CSS, który trzyma proporcje 16:9. Styl wklejasz raz w Wygląd i treści > Wygląd sklepu > Obecny szablon graficzny > Własny kod CSS, a potem używasz kontenera w opisie każdego produktu.
Moduł Video w szablonie Storefront.
Od aktualizacji 5.25.40 szablon Storefront ma moduł Video we wszystkich pakietach. Wstawisz nim film w dowolne miejsce strony sklepu i ustawisz:
- Źródło: YouTube albo własny plik wideo.
- Jedną z czterech proporcji okna.
- Autoodtwarzanie, dostępne tylko przy filmie domyślnie wyciszonym.
- Zapętlenie i kontrolki odtwarzania.
- Okładkę widoczną przed startem własnego pliku.
- Opis dla czytników ekranu, wymagany przy filmach bez dźwięku (dyrektywa EAA), oraz link do transkrypcji.
Nie masz filmu? Zrób go ze zdjęcia produktu.
Sizzle działa w panelu Shopera. Wybierasz produkt, a z jego zdjęcia powstaje film na 5 albo 10 sekund, który trafia na kartę produktu obok zdjęć. Bez kodu HTML i bez kanału na YouTube.
Film Fast jest pionowy 9:16, z muzyką, i kosztuje 15 kredytów, czyli ok. 0,50–0,59 zł. Studio daje poziomy obraz 16:9 z własnym dźwiękiem za 35 kredytów. Płacisz kartą, a kredyty są przypisane do sklepu.
Pytania o film na karcie produktu w Shoperze.
Dlaczego film z YouTube znika z opisu produktu w Shoperze?
Shoper domyślnie czyści własny kod HTML. Wyłączysz to w Ustawienia > Zaawansowane > Zabezpieczenia, opcją Wyłącz czyszczenie kodu HTML.
Czy w Shoperze można dodać własny plik wideo zamiast linku z YouTube?
Tak. W opisie produktu podajesz adres filmu na własnym serwerze, a moduł Video w Storefront przyjmuje własny plik wideo.
Jak zmienić okładkę filmu w opisie produktu?
W oknie wstawiania wideo podaj link do grafiki w polu URL Plakatu. Zastąpi okładkę z YouTube.
Czy film w module Video może odtwarzać się sam?
Tak, ale autoodtwarzanie włączysz tylko wtedy, gdy film jest domyślnie wyciszony.
Czy Sizzle wstawia film do opisu, czy obok zdjęć?
Obok zdjęć na karcie produktu. Opisu nie musisz ruszać.