Biblioteka multimediów WooCommerce z folderami i filtrami

WooCommerce stał się niezbędny przy tworzeniu e-commerce ze względu na udogodnienia i narzędzia, które oferuje, ale czy ta wspaniała wtyczka mogłaby być lepszym narzędziem? Cóż, odpowiedź brzmi: Tak! Pomyśl jednak o sklepie, który zawiera tysiące produktów, opcji, a dla każdej z nich 5 obrazów. Znalezienie medium w celu ponownego wykorzystania byłoby prawie niemożliwe, ale… Dobra wiadomość! Mamy na to rozwiązanie ;)

Skoro mówiliśmy już o tym, co może być potrzebne do stworzenia idealnego e-commerce, omawiamy jedno z najlepszych rozwiązań dostępnych na rynku, takie jak WP Media Folder, który jest wtyczką oferującą wspaniałe galerie, których możesz użyć podczas wstawiania obrazów i filmów na swojej stronie WordPress, ale dodatkowo pozwala także sortować pliki w folderach i podfolderach.

Jak widać, możesz użyć tych dwóch wtyczek, aby uzyskać lepszą wydajność, ponieważ WP Media Folder jest w pełni kompatybilny z WooCommerce, więc będziesz mieć idealne połączenie: WooCommerce do tworzenia i zarządzania Twoim sklepem internetowym oraz WP Media Folder do uporządkowania wszystkich plików, ale to nie wszystko – zobaczmy, jak możemy wykorzystać to połączenie.

Korzystanie z folderów mediów WooCommerce

Dzięki korzystaniu z folderów multimediów WooCommerce będziesz mógł usprawnić swoją pracę, ponieważ wszystkie multimedia będą uporządkowane i będziesz mógł je znaleźć w jednym lub dwóch kliknięciach, aby użyć ich do utworzenia nowego wpisu o produkcie lub utworzenia nowego przy użyciu multimediów znajdujących się w produkcie.

Pokażemy przykład, jak tworzyć i używać tych folderów, oraz przedstawimy kilka przypadków użycia, które podsuną Ci pomysły na ulepszenie Twojego e-commerce.

W tym przykładzie użyjemy sklepu z odzieżą; na następnym obrazie zobaczysz całkowicie nieuporządkowaną bibliotekę multimediów z obrazami produktów w środku.

Jak widać, wszystkie obrazy są wymieszane; koszule, swetry, spodnie, obrazy motywów, wszystko jest w nieładzie i znalezienie jednego konkretnego obrazu może być naprawdę trudne, więc… Co mogę zrobić, aby rozwiązać to za pomocą WP Media Folder? Dzięki WP Media folder będziesz mógł uporządkować je, aby ułatwić proces wyboru, na przykład możemy utworzyć folder dla mężczyzn i inny dla kobiet, a w nich podkategorie, takie jak spodnie, koszule, okulary, i możesz ustawić limit 8 poziomów podkategorii, aby uporządkować je według własnych potrzeb.

Proces tworzenia folderu za pomocą tej wspaniałej wtyczki jest naprawdę łatwy, wystarczy skorzystać z menu po lewej stronie.

Utwórz folder nadrzędny, klikając „Utwórz folder”, wpisz nazwę i kliknij „Utwórz”.

Aby utworzyć podfolder, po prostu przejdź do folderu, w którym chcesz utworzyć podfolder, i powtórz kroki; zobaczysz strzałkę, którą możesz kliknąć, aby wyświetlić wszystkie podfoldery.

Naprawdę prosty proces, a dodawanie obrazów do odpowiednich folderów jest jeszcze łatwiejsze – wystarczy kliknąć „Zaznacz zbiorczo”, wybrać wszystkie obrazy i przeciągnąć je do folderu/podfolderu, w którym chcesz je umieścić.

Możesz również uporządkować obrazy, tworząc więcej podfolderów, na przykład koszule i spodnie; podfoldery będą również widoczne w górnej części pulpitu folderów.

A wszystko będzie naprawdę łatwe do znalezienia.

Ale co, jeśli masz wiele folderów? Znalezienie konkretnego może być naprawdę trudne. WP Media Folder ma również narzędzie, które to ułatwia — pole tekstowe nad folderami. Wystarczy wpisać nazwę folderu, którego szukasz, i nacisnąć klawisz Enter.

Będziesz mógł zobaczyć wszystkie foldery powiązane z wpisanym przez Ciebie frazą.

Tworzenie produktu za pomocą menedżera mediów WooCommerce

Dobrze, wszystko jest idealnie – możesz tworzyć wszystkie foldery i porządkować swoje multimedia w bibliotece multimediów, ale czy mogę z tego korzystać w menedżerze multimediów WooCommerce? Odpowiedź brzmi: absolutnie tak! Wszystkie multimedia będą dostępne w momencie tworzenia produktu dla Twojego sklepu internetowego. Wystarczy, że przejdziesz do produktu, który chcesz edytować/dodać, i klikniesz „ustaw obraz produktu” – zobaczysz menedżer multimediów ze wszystkimi folderami i obrazami w środku.

Dostępnych jest kilka opcji filtrowania i sortowania obrazów w folderze/podfolderze, które pomogą Ci znaleźć dokładnie ten obraz, którego szukasz. Opcje filtrowania możesz edytować w Ustawienia > WP Media Folder > Filtrowanie multimediów.

Wystarczy zmodyfikować i kliknąć przycisk Zapisz zmiany . Aby korzystać z opcji filtrowania i sortowania w bibliotece multimediów, kliknij „Sortowanie / Filtrowanie” i wybierz potrzebne opcje.

Możesz także sortować foldery w menu według identyfikatora, nazwy lub niestandardowej kolejności, co pomoże Ci najszybciej znaleźć folder.

Proces ustawiania obrazu jest taki sam, więc po prostu wybierz obrazy, których chcesz użyć dla swojego produktu, i kliknij przycisk „Ustaw obraz produktu”.

Ustaw swoje logo za pomocą znaków wodnych na obrazach

Obrazy, których używamy w naszych produktach, są naprawdę ważne, ponieważ czasami możemy płacić modelom, aby mieć najlepsze zdjęcia do wyświetlania mediów naszego produktu, dlatego powinniśmy używać znaku wodnego – znak wodny to najlepszy znak, który możemy dodać do mediów, które mamy w naszym sklepie.

Załóżmy, że zatrudniamy profesjonalnego modela, aby zrobił kilka zdjęć i pokazał je w celu promowania pokazu, który sprzedajemy, ale istnieją inne sklepy sprzedające ten sam produkt.

Co się stanie, jeśli nie będziemy mieli znaku wodnego? Inne sklepy będą mogły używać tych profesjonalnych zdjęć, które zrobiliśmy, a najgorsze jest to, że nie podzielą się z naszym sklepem uznaniem.

Ale nie martw się, dzięki WP Media Folder będziesz mógł w najprostszy sposób dodać znak wodny do wszystkich zdjęć produktów.

Aby ustawić znak wodny na zdjęciach produktów, przejdź do WP Media Folder Configuration > Rename & Watermark > Watermark Tab.

W tej sekcji będziemy mogli zobaczyć wszystkie opcje dostępne dla znaku wodnego, najpierw włączmy funkcję znaku wodnego na obrazie i wybierzmy obraz dla znaku wodnego, klikając Wybierz.

Jak widać, wybraliśmy znak wodny, a także ustawiliśmy rozmiar znaku wodnego ze zdjęć, aby go zmniejszyć. Dostępne są inne opcje, które możesz ustawić, takie jak pozycja i margines obrazu, a także krycie, jeśli nie chcesz, aby znak wodny miał pełne krycie.

Następnym krokiem jest wybranie folderów, do których chcemy dodać ten znak wodny — to najlepsza część tego rozwiązania. Możesz wybrać tylko obrazy ze sklepu i nie ruszać obrazów, do których nie chcesz dodawać znaku wodnego, więc wybierzemy tylko folder utworzony na potrzeby tego samouczka o nazwie Store Images.

Na koniec kliknij Regeneracja miniatur , a Znak wodny zostanie dodany we wszystkich wybranych rozmiarach dla wszystkich wybranych folderów.

Proces się rozpocznie i zobaczysz pasek wskazujący jego postęp, więc gdy się zakończy, znak wodny zostanie dodany.

Możesz wrócić do swojej Biblioteki multimediów i zobaczyć, że wszystkie wybrane przez nas obrazy mają teraz znak wodny.

Dodawaj zdalne filmy do swoich produktów, aby wyglądały naprawdę profesjonalnie

Inną dobrą praktyką jest dodawanie filmów wideo podczas dodawania naszych produktów.

Zwykle, w zależności od oferowanego produktu, możemy potrzebować wideo opisującego, czym jest sprzedawany przez nas produkt, na przykład jeśli sprzedajemy gry wideo.

Czasami możemy po prostu ponownie wykorzystać filmy, które już powstały, na przykład do gier wideo, które mają zwiastuny, i możemy dodać je bezpośrednio z YouTube za pomocą WP Media Folder.

W tym przykładzie dodamy zwiastun gry wideo, który ma być promowany w naszym sklepie; w tym celu możemy przejść bezpośrednio do sekcji Produkt w WooCommerce i kliknąć Dodaj nowy.

W tej sekcji możemy dodać produkt w taki sam sposób, jak zwykle to robimy.

Załóżmy, że chcemy dodać film bezpośrednio do opisu produktu – wtedy przechodzimy do opisu, klikamy Dodaj media i zobaczymy opcję Wstaw z adresu URL więc klikamy ją i dodajemy adres URL filmu, a shortcode zostanie dodany.

Krótki kod zobaczysz w opisie.

Na koniec możesz zakończyć tworzenie produktu i będziesz mógł zobaczyć wideo w opisie na stronie frontendu.

Teraz możesz dodawać filmy do swoich produktów w najłatwiejszy i najbardziej profesjonalny sposób.

Inny sposób na wyświetlenie folderów obrazów WooCommerce

Tutaj zobaczymy pomysł, jak wykorzystać foldery obrazów WooCommerce do prezentowania produktów poprzez tworzenie galerii – będzie to wyglądać naprawdę świetnie, a WP Media Folder wykorzystasz w pełni.

Klienci zawsze szukają najbardziej profesjonalnego i najłatwiejszego sposobu, aby zobaczyć produkt, który chcą kupić, a co może być bardziej profesjonalne niż wyświetlanie produktów w zachwycający i responsywny sposób za pomocą galerii? WP Media Folder może znacznie to ułatwić, ponieważ będziesz mógł tworzyć zachwycające i różnorodne galerie po prostu klikając i wybierając.

W tym przykładzie utworzymy galerię dla sekcji odzieży męskiej. Najpierw przejdź do biblioteki multimediów, kliknij jeden z obrazów, którego zamierzasz użyć w galerii, znajdź opcję „Image gallery link to” w prawej sekcji wyświetlonego lightboxa i kliknij ikonę spinacza. 

Będziesz mógł zobaczyć wszystkie strony i produkty dostępne w Twojej witrynie WordPress, wybierz produkt odpowiadający temu obrazowi, możesz użyć pola wyszukiwania, aby znaleźć właściwy produkt, i kliknąć „otwórz link w nowej karcie”, jeśli chcesz, aby został wyświetlony w nowej karcie, na koniec kliknij „dodaj link”.

Powtórz ten proces dla wszystkich obrazów, których zamierzasz użyć w galerii, a następnie przejdź do  Dodaj nowy wpis/stronę i wybierz blok „Wp media folder gallery” w sekcji WP Media Folder .

Teraz kliknij Biblioteka multimediów.

Wybierz obrazy, których chcesz użyć w galerii (te, dla których wybrano link), i kliknij Utwórz nową galerię.

Teraz zdefiniuj kolejność, przeciągając i upuszczając obrazy, usuń obrazy z galerii, jeśli chcesz, i kliknij Wstaw galerię.

Zobaczysz menu w prawej sekcji bloku, wybierz motyw, którego chcesz użyć dla swojej galerii.

Na koniec znajdź listę rozwijaną „Akcja po kliknięciu” i wybierz opcję „Strona załącznika” w prawym menu.

Na koniec kliknij opublikuj i to wszystko – będziesz mieć niesamowity sklep stworzony za pomocą galerii.

Wystarczy kliknąć i pozwolić działać magii, a zobaczysz wszystkie produkty, które ustawiłeś.

 
Jak widać, stworzyliśmy niesamowitą galerię, która oprócz profesjonalnego wyglądu pasuje do każdej części Twojej witryny i umożliwia klientom łatwy dostęp do Twoich produktów, ponieważ wystarczy, że przesuną i klikną produkt, który chcą zobaczyć lub kupić.

Możesz także zaimportować pliki i strukturę folderów z serwera

Klienci zawsze szukają w Internecie sklepów, które są przyjemne dla oka i łatwe w obsłudze, a także dość oryginalne i mają duży katalog wyświetlany w możliwie najbardziej profesjonalny sposób. Jak wcześniej zauważono, połączenie tych wtyczek pozwala stworzyć kilka z nich w naprawdę szybki i prosty sposób. Na co czekasz?

Przejdź teraz i zdobądź WP Media Folder już teraz: https://www.joomunited.com/wordpress-products/wp-media-folder