Dlaczego Twoim klientom to się spodoba?

Statyczne strony sklepowe tracą uwagę klientów. Film przyciąga wzrok i zatrzymuje odwiedzającego dłużej. Blok wideo pozwala umieścić film w dowolnym miejscu strony - jako efektowny baner hero, tło sekcji z tekstem nakładki lub zwykły film w kolumnie treści.

Jeden moduł zastępuje kilka rozwiązań: wideo hero na stronie głównej, film produktowy w układzie treści oraz responsywny blok z osobnym materiałem na urządzenia mobilne.

Jakie posiada możliwości?

Moduł wyświetla jeden film desktopowy i opcjonalny osobny film mobilny (YouTube, Vimeo lub MP4) z pełną kontrolą nad wyglądem, zachowaniem odtwarzacza i miejscem publikacji.

• - obsługa YouTube, Vimeo oraz plików MP4/WebM/OGG,
• - osobny adres filmu dla desktopu i mobile,
• - tryb dopasowania: contain (pełny film) lub cover (wypełnia kontener),
• - nakładka z osobnym nagłówkiem (H2/H3/H4, kolor, rozmiar, grubość) oraz tekstem HTML; kolor, rozmiar i grubość tekstu obejmują nagłówki, akapity i pozostałe elementy,
• - format filmu: poziomy (16:9) lub pionowy (9:16),
• - opcje playbacku: autoodtwarzanie, wyciszenie, pętla, kontrolki,
• - tryb szerokości modułu: domyślny / pełna szerokość / hero (100vw x 100vh),
• - podpis pod filmem,
• - zaokrąglenie rogów wideo,
• - opcjonalny nagłówek modułu (H2/H3/H4),
• - ograniczenie widoczności do wybranych produktów, kategorii, stron informacyjnych, wpisów bloga, kolekcji lub producentów,
• - własne ID HTML i klasa CSS.

Korzyści dla Ciebie (Sprzedawcy)

Moduł jest gotowy do użycia w ciągu kilku minut bez ingerencji w kod szablonu.

• - Wideo hero w 3 kliknięciach: wybierz tryb hero, wklej link do YouTube - gotowe,
• - Jeden moduł, wiele zastosowań: hero, film w kolumnie, sekcja promocyjna lub blok na stronie produktu,
• - Przypisanie per strona: ten sam slot w szablonie może pokazywać różne filmy na wybranych produktach, kategoriach, kolekcjach i innych stronach,
• - Nakładka tekstowa: nagłówek H2-H4 z własnym kolorem i rozmiarem oraz dowolny HTML na filmie (tytuł, CTA, podtytuł),
• - Cover bez czarnych pasków: tryb cover wypełnia obszar, ukrywa ewentualne paski,
• - Brak ingerencji w szablon: moduł działa jako standardowa aplikacja AppStore.

Co zyska Twój klient?

Strona sklepu staje się bardziej angażująca i nowoczesna.

• - Efekt hero: film na pełnym ekranie wita klienta przy wejściu na stronę,
• - Lepsza prezentacja produktu: film pokazuje produkt w akcji lepiej niż zdjęcie,
• - Dobre dopasowanie mobile: możesz ustawić oddzielny materiał lub format dla telefonu.

Jak to działa? (3 proste kroki)

- Krok 1: Instalacja: zainstaluj moduł z AppStore i przeciągnij go na wybraną stronę w edytorze układu SVE.

- Krok 2: Dodaj film: w sekcji "Video - Desktop" wklej link YouTube/Vimeo lub URL do pliku MP4 i ustaw format oraz tryb dopasowania. Opcjonalnie dodaj osobny film w sekcji "Video - Mobile".

- Krok 3: Ustaw wygląd i widoczność: wybierz tryb szerokości (domyślny / pełna szerokość / hero), zaokrąglenie rogów, podpis i w razie potrzeby nakładkę: nagłówek oraz tekst. Opcjonalnie w sekcji "Przypisanie do stron" wskaż produkty, kategorie, kolekcje lub inne strony, na których film ma być widoczny.

Najczęstsze zastosowania

Moduł sprawdzi się, gdy chcesz:

• - osadzić film YouTube, Vimeo lub MP4 w dowolnej sekcji,
• - przygotować osobne wideo dla desktopu i mobile,
• - tworzyć hero video, baner filmowy albo blok z podpisem,
• - dodać nakładkę z nagłówkiem, tekstem i CTA,
• - kontrolować autoplay, pętlę, wyciszenie i dopasowanie obrazu.

Najczęściej zadawane pytania (FAQ)

Autoodtwarzanie nie działa - dlaczego?
Przeglądarki blokują autoodtwarzanie filmów z dźwiękiem. Włącz opcję "Wycisz" razem z "Autoodtwarzanie" - wyciszony film uruchomi się automatycznie.

Film YouTube pokazuje czarne paski w trybie hero - co zrobić?
Ustaw "Tryb dopasowania" na "Cover". Dla filmów YouTube/Vimeo efekt cover jest symulowany przez skalowanie odtwarzacza - na niektórych proporcjach ekranu może być niedokładny. Dla plików MP4 cover działa idealnie.

Czy mogę umieścić film pionowy (np. z TikToka lub Reels)?
Tak - ustaw "Format" na "Pionowy (9:16)". Wklej bezpośredni link do pliku MP4 lub link do Vimeo (pionowe filmy z YouTube mogą nie działać poprawnie w embedzie).

Tekst nakładki nie jest widoczny na filmie YouTube.
Nakładka jest widoczna do momentu kliknięcia przez użytkownika w odtwarzacz. Po kliknięciu odtwarzacz przejmuje fokus. Taka jest techniczna charakterystyka embedów iframe.

Czy mogę pokazać film tylko na wybranych produktach lub kategoriach?
Tak. Umieść moduł na stronie produktu albo kategorii w edytorze SVE, a w sekcji "Przypisanie do stron" wskaż wybrane pozycje. Moduł pojawi się, gdy bieżąca strona spełnia przynajmniej jedno z zaznaczonych wskazań. Bez zaznaczenia ograniczeń film jest widoczny wszędzie tam, gdzie instancja jest wstawiona.

Dodatkowe informacje

Moduł jest przeznaczony do szablonu Storefront.

Instrukcja obsługi aplikacji Blok wideo - Hero, nakładka i przypisanie

Jeśli chcesz zobaczyć jakie inne aplikacje/moduły aktualnie oferujemy w sprzedaży w sklepie shoper - kliknij tutaj

Można kupić gotowy szablon z wieloma innymi modułami dostępnymi w cenie szablonu.