Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Puchar WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Jak dodać filmy o produktach do twojej galerii WooCommerce?

Prezentowanie filmów dla produktów w sklepie WooCommerce dodaje dynamiczny i angażujący element do Twojej witryny, czyniąc ją bardziej atrakcyjną wizualnie.

Filmy pomagają odwiedzającym w pełni docenić Twoje produkty, dając szczegółowe spojrzenie na nie, pokazując, jak działają i podkreślając kluczowe funkcje. Może to pomóc zmniejszyć współczynnik odrzuceń, zwiększyć zaangażowanie klientów i potencjalnie zwiększyć liczbę konwersji.

Przez lata stworzyliśmy i sprzedaliśmy wiele wtyczek WordPress, a naszym priorytetem było dodanie szczegółowych filmów produktowych do naszej witryny. Filmy te pokazują, jak działają nasze wtyczki, podkreślają kluczowe funkcje i przeprowadzają użytkowników przez proces konfiguracji.

Zapewniając przejrzyste poradniki wideo, pomogliśmy użytkownikom poczuć się pewniej podczas zakupów, co doprowadziło do wyższych współczynników konwersji i zadowolenia klientów.

W tym artykule pokażemy ci, jak krok po kroku łatwo dodać filmy produktowe do twojej galerii WooCommerce.

Adding product videos to your WooCommerce gallery

Dlaczego warto dodać filmy produktowe WooCommerce do twojego sklepu?

Dodając filmy produktowe do swojego sklepu WooCommerce, możesz zaprezentować swoje produkty w bardziej szczegółowy i pouczający sposób. Pomoże to klientom lepiej zrozumieć funkcje i zalety produktów.

Może to prowadzić do zwiększenia współczynników konwersji, ponieważ odwiedzający, którzy oglądają filmy o produktach, są o 73% bardziej skłonni do dokonania zakupu.

Dodatkowo, pokazanie twoich produktów w działaniu za pomocą filmu może pomóc w budowaniu zaufania i wiarygodności wśród potencjalnych klientów, sprawiając, że poczują się oni bardziej pewni swoich zakupów.

Na przykład, jeśli masz sklep internetowy, który sprzedaje słuchawki, dodanie filmu produktowego, który demonstruje jakość dźwięku i funkcje zestawu słuchawkowego, może pomóc w uzyskaniu większej liczby konwersji.

Headphone WooCommerce product video preview

Co więcej, dodawanie filmów produktowych do galerii WooCommerce może również zwiększyć ranking SEO twojej witryny internetowej, ponieważ wyszukiwarki traktują priorytetowo witryny zawierające treści multimedialne, w tym filmy.

Większa widoczność w wynikach wyszukiwania może prowadzić do tego, że więcej osób przejdzie na Twój sklep i kupi produkty.

W związku z tym zobaczmy, jak łatwo dodać filmy o produktach do twoich galerii WooCommerce. Możesz użyć poniższych odnośników, aby przejść do metody, której chcesz użyć:

Metoda 1: Dodawanie filmów produktowych WooCommerce za pomocą funkcji YITH WooCommerce Treść audio i wideo (bezpłatna i premium)

W tej metodzie pokażemy, jak dodać filmy produktowe do galerii WooCommerce za pomocą wtyczki premium. Zalecamy tę metodę, jeśli chcesz mieć większą kontrolę nad ustawieniami wyświetlania i odtwarzania twojego filmu.

Najpierw należy zainstalować i włączyć wtyczkę YITH WooCommerce Featured Audio & Video Content. Aby uzyskać szczegółowe instrukcje, zapoznaj się z naszym przewodnikiem dla początkujących, jak zainstalować wtyczkę WordPress.

Dzięki tej wtyczce możesz dodać film z YouTube i Vimeo lub twój własny film z biblioteki multimediów do galerii WooCommerce.

Uwaga: Istnieje również darmowa wtyczka YITH WooCommerce Featured Video. Nie pozwala ona jednak na konfigurację większości ustawień filmu, modalu i galerii.

Konfiguracja ustawień ogólnych wtyczki

Po włączaniu, przejdź do strony YITH ” Treści audio i wideo z panelu bocznego administratora WordPress.

Spowoduje to otwarcie ustawień filmu. W tym miejscu możesz zacząć od wybrania współczynnika proporcji dla filmu produktu z menu rozwijanego.

Jeśli korzystasz z darmowej wersji, będzie to jedyne dostępne ustawienie.

Choose the aspect ratio for the product video

Następnie przełącz przełącznik „AutoPlay” na włączony, jeśli chcesz, aby film zaczął być odtwarzany zaraz po wczytywaniu strony.

Można również przełączyć przełącznik „Loop”, aby film rozpoczynał się od nowa zaraz po jego zakończeniu.

Gdy to zrobisz, przesuń suwak obok opcji „Głośność”, aby dostosować głośność wideo. Następnie po prostu włącz przełącznik „Zatrzymywanie filmów”, aby umożliwić użytkownikom wstrzymywanie wideo.

Configure the General settings for the video

Następnie przewiń w dół do sekcji „Ustawienia YouTube” i włącz przełącznik „Pokaż powiązane”, jeśli chcesz polecać inne filmy z YouTube z tego samego kanału, co twój film. To ustawienie jest konieczne tylko w przypadku osadzania filmu produktu z YouTube.

Następnie można wybrać motyw i styl odtwarzacza filmów YouTube.

Configure YouTube video settings

Gdy to zrobisz, przewiń w dół do sekcji „Ustawienia Vimeo” i przełącz przełącznik „Pokaż tytuł wideo”, aby wyświetlić tytuł wideo w odtwarzaczu Vimeo. Będziesz musiał zmienić to ustawienie tylko wtedy, gdy filmy z produktami są hostowane na Vimeo.

Dodatkowo można wybrać kolor sterowania odtwarzaniem dla odtwarzacza Vimeo.

Configure Vimeo Settings

Następnie przejdź do sekcji „Styl odtwarzacza VideoJS” i wybierz „Dostosuj” jako opcję „Styl”.

Spowoduje to otwarcie ustawień dostosowywania, w których można skonfigurować kolor tła odtwarzacza wideo, kolor suwaka, kolor przycisku i inne.

Po zakończeniu kliknij przycisk „Zapisz opcje”, aby zapisać twoje ustawienia.

Configure color settings for the video

Konfiguracja ustawień modalnych (tylko wtyczka Premium)

Teraz należy przejść do karty „Ustawienia modalne” w górnej części strony. Pamiętaj, że ta karta nie będzie dostępna, jeśli korzystasz z darmowej wtyczki.

Gdy już tam będziesz, po prostu przełącz przełącznik „Wideo w oknie modalnym”, aby wyświetlić polecane wideo w oknie modalnym. Spowoduje to wyświetlenie wideo w lightboxie przed innymi treściami na stronie.

Po wykonaniu tej czynności można również wybrać „Efekt wyświetlania modalnego” z listy rozwijanej.

Configure Modal Settings

Następnie kliknij przycisk „Zapisz opcje”, aby zapisać twoje ustawienia.

Konfiguracja ustawień galerii (tylko wtyczka Premium)

Teraz musisz przełączyć się na kartę „Ustawienia galerii” od góry. Ta karta jest dostępna tylko w wersji premium.

W tym miejscu należy wybrać opcję „Galeria WooCommerce” jako „Tryb galerii wideo i audio”, aby wyświetlać filmy produktów w galerii WooCommerce.

Choose the WooCommerce Gallery option

Alternatywnie, wybierając opcję „Galeria wtyczek”, wyróżniony film zostanie wyświetlony w powiązanej galerii.

Z drugiej strony, możesz również przełączyć przełącznik „Film i dźwięk na panelu bocznym”, jeśli chcesz wyświetlać film o produkcie na panelu bocznym zamiast galerii WooCommerce lub galerii powiązanej.

Po zakończeniu nie zapomnij kliknąć przycisku „Zapisz opcje”, aby zapisać twoje ustawienia.

Show the video in the sidebar

Dodaj film o produkcie do galerii WooCommerce

Nadszedł czas, aby dodać film o produkcie do galerii WooCommerce.

Najpierw przejdź na stronę Produkty ” Wszystkie produkty z panelu bocznego administratora WordPress. Gdy już tam będziesz, po prostu kliknij odnośnik „Edytuj” pod nazwą produktu, aby otworzyć stronę „Edytuj produkt”.

Click the Edit link under the products page

Następnie przewiń w dół do sekcji „Dane produktu” i kliknij kartę „Film” w lewej kolumnie.

Teraz musisz wybrać sposób dodania filmu z menu rozwijanego „Dodaj film”. W tym poradniku wybierzemy opcję „By URL”, ponieważ będziemy dodawać adres URL filmu z YouTube.

Switch to the Video tab and choose By URL option from the dropdown menu

Alternatywnie możesz przesłać film za pomocą biblioteki multimediów WordPress. Nie zalecamy jednak tej metody, ponieważ przesyłanie filmów zużywa dużo przepustowości.

Aby uzyskać szczegółowe informacje, warto zapoznać się z naszym przewodnikiem dla początkujących na temat tego, dlaczego nigdy nie należy przesyłać filmu do WordPressa.

Następnie zostaniesz poproszony o rodzaj nazwy filmu produktu w polu „Nazwa filmu”.

Gdy już to zrobisz, po prostu wklej adres URL filmu z YouTube w polu „Adres URL filmu” i kliknij przycisk „Dodaj film”.

Paste YouTube video URL

Na koniec kliknij przycisk „Aktualizuj” lub „Opublikuj” u góry, aby zapisać twoje zmiany.

Możesz teraz odwiedzić swój sklep internetowy, aby sprawdzić, czy wideo zostało dodane do galerii WooCommerce Twojego produktu.

Tak wyglądał film produktowy na naszej demonstracyjnej witrynie internetowej.

Preview for WooCommerce product video

Metoda 2: Dodawanie filmów o produktach WooCommerce za pomocą funkcji Really Simple Featured Video (za darmo)

Jeśli szukasz darmowego i prostego sposobu na dodanie filmów produktowych WooCommerce, to ta metoda jest dla Ciebie.

Najpierw należy zainstalować i włączyć wtyczkę Really Simple Featured Film. Więcej szczegółów można znaleźć w naszym poradniku na temat instalacji wtyczki WordPress.

Konfiguracja ustawień wtyczki

Po włączaniu, przejdź do strony Ustawienia ” Really Simple Featured Video z kokpitu WordPress.

W tym miejscu należy przełączyć przełącznik „Produkty”, aby włączyć pomoc techniczną dla filmów w WooCommerce. Następnie kliknij przycisk „Zapisz zmiany”, aby zapisać twoje ustawienia.

Toggle the Products switch

Następnie należy przejść do karty „Sterowanie” u góry. Tutaj można skonfigurować ustawienia dla samodzielnie hostowanych i osadzanych filmów.

Teraz wystarczy przejść do sekcji „Self-hosted videos” i zacząć od przełączenia przełącznika „Controls”, aby dodać elementy sterujące do odtwarzacza filmów.

Następnie można również przełączyć przełącznik „Loop”, aby odtwarzać film w pętli. Dodatkowo można również domyślnie wyciszyć film, przełączając przełącznik obok opcji „Wycisz dźwięk”.

Gdy już to zrobisz, po prostu włącz przełącznik „Autoodtwarzanie”, jeśli chcesz, aby film zaczął być odtwarzany automatycznie.

Toggle the controls switch

Następnie przewiń w dół do sekcji „Osadzanie filmów”, gdzie znajdziesz wszystkie te opcje powtórzone dla osadzanych filmów.

Po prostu skonfiguruj te ustawienia według swoich upodobań i kliknij przycisk „Zapisz zmiany”, aby zapisać ustawienia.

Dodaj film o produkcie do galerii WooCommerce

Aby dodać film produktowy do galerii WooCommerce, przejdź do strony Produkty ” Wszystkie produkty z panelu bocznego administratora.

Następnie kliknij odnośnik „Edytuj” pod nazwą produktu, aby go otworzyć.

Edit the products page

Gdy już się tam znajdziesz, przewiń w dół do sekcji „Funkcje filmu” w prawej kolumnie i wybierz źródło filmu.

Jeśli chcesz przesłać film z twojego komputera lub multimediów, musisz wybrać opcję „Self”. Aby jednak osadzać film z YouTube lub innej platformy, należy wybrać opcję „Osadź”.

Uwaga: Nie zalecamy przesyłania filmów na twoją witrynę internetową, ponieważ zużywają one dużo przepustowości. Aby uzyskać więcej informacji, przeczytaj nasz przewodnik na temat tego, dlaczego nigdy nie powinieneś przesyłać filmów w WordPress.

W tym poradniku wybierzemy opcję „Osadź”, aby dodać film z YouTube.

Choose the Embed option and paste the video URL

Po wybraniu tej opcji wyświetlone zostanie pole „Adres URL filmu znajduje się tutaj”. Wystarczy dodać odnośnik do filmu w serwisie YouTube, Vimeo lub Dailymotion.

Na koniec kliknij przycisk „Aktualizuj” lub „Opublikuj” u góry, aby zapisać twoje zmiany.

Teraz użytkownik może przejść na twoją witrynę internetową, aby obejrzeć film o produkcie WooCommerce.

headphones preview

Bonus: Dodaj galerię produktów WooCommerce w swoim sklepie

Oprócz filmów możesz dodać galerie zdjęć produktów w postach na blogu lub na stronach z ogłoszeniami w swoim sklepie WooCommerce. Pomoże to dotrzeć do większej liczby odwiedzających oraz zwiększyć sprzedaż i konwersje.

Na przykład, jeśli wprowadzasz nowy produkt w swojej witrynie, możesz dodać galerię zdjęć dla niego na właśnie utworzonej stronie ogłoszenia.

Te wielokrotne obrazy mogą pomóc zaprezentować funkcje produktów, aby zwiększyć zaangażowanie. Ponadto galerie te mogą być doskonałym sposobem na zaprezentowanie różnych wariantów produktów, kolorów, rozmiarów lub stylów, pomagając potencjalnym nabywcom w podjęciu świadomej decyzji.

Większość szablonów WooCommerce zawiera domyślne szablony dla stron sklepu i kategorii, które wyświetlają produkty w stylu motywu. Nie zawierają one jednak konkretnego szablonu do prezentowania produktów jako galerii we wpisie na blogu.

Oznacza to, że domyślna konfiguracja WooCommerce może nie wystarczyć, jeśli chcesz prezentować produkty w ten sposób. Tutaj z pomocą przychodzi Envira Gallery.

Envira Gallery website

Jest to najlepsza wtyczka do galerii WordPress na rynku, która pozwala tworzyć 111111 piękne i w pełni responsywne galerie zdjęć w WordPress.

Ponadto, Envira Gallery jest super szybka i posiada wiele funkcji, takich jak wyskakujące okienko (okno) lightbox, łatwa nawigacja po obrazach, kreator typu „przeciągnij i upuść”, znaki wodne i profesjonalne szablony galerii.

Szczegółowe informacje można znaleźć w naszej pełnej recenzji Envira Gallery.

Dodatek WooCommerce do wtyczki ułatwia tworzenie galerii produktów, a nawet pozwala dodawać tagi i terminy taksonomii, aby pomóc stronie produktu uzyskać wyższą pozycję w rankingu.

Szczegółowe instrukcje można znaleźć w naszym poradniku na temat tworzenia galerii obrazków produktów WooCommerce.

Mamy nadzieję, że ten artykuł pomógł ci dowiedzieć się, jak dodawać filmy o produktach do twoich galerii WooCommerce. Możesz również zapoznać się z naszym poradnikiem na temat planowania kuponów w WooCommerce i naszymi najlepszymi wtyczkami WooCommerce, które pomogą rozwinąć twoją witrynę.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Ujawnienie: Nasze treści są wspierane przez czytelników. Oznacza to, że jeśli klikniesz na niektóre z naszych linków, możemy otrzymać prowizję. Zobacz jak WPBeginner jest finansowany, dlaczego to ma znaczenie i jak możesz nas wspierać. Oto nasz proces redakcyjny.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Najlepszy zestaw narzędzi WordPress

Uzyskaj BEZPŁATNY dostęp do naszego zestawu narzędzi - zbiór produktów i zasobów związanych z WordPressem, które każdy profesjonalista powinien mieć!

Reader Interactions

Komentarze

  1. Gratulacje, masz okazję być pierwszym komentującym ten artykuł.
    Masz pytanie lub sugestię? Zostaw komentarz, aby rozpocząć dyskusję.

Zostaw odpowiedź

Dziękujemy za pozostawienie komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszymi polityka komentarzy, a Twój adres e-mail NIE zostanie opublikowany. NIE używaj słów kluczowych w polu nazwy. Przeprowadźmy osobistą i konstruktywną rozmowę.