Jak dodać kategorie produktów WooCommerce do menu?

Chcesz uwzględnić kategorie produktów w swoim menu? Trafiłeś we właściwe miejsce. W tym poście pokażemy 2 różne metody dodawania kategorii produktów WooCommerce do Menu .

Po co dodawać kategorie produktów do menu?

Optymalizacja sklepu WooCommerce pod kątem konwersji jest kluczem do zwiększenia sprzedaży i przychodów. Poza świetną stroną kasy i profesjonalnie wyglądającym motywem, Twój sklep powinien być łatwy w nawigacji. Zwykle jest to pomijane, ale jest to niezwykle ważne. Aby zapewnić użytkownikom jak najlepsze wrażenia z zakupów, musisz ułatwić im znalezienie tego, czego szukają.

Posiadanie przejrzystego i dobrze zaprojektowanego menu jest kluczem do ułatwienia użytkownikom przeglądania witryny. Menu zawierają bardzo ważne informacje i dlatego zwykle znajdują się na górze stron. Jednak utrzymanie porządku i porządku w menu może być wyzwaniem, jeśli masz wiele produktów, kategorii i podkategorii. Ale mamy dla Ciebie rozwiązanie.

Tutaj dowiesz się, jak dodawać kategorie produktów WooCommerce do menu, aby poprawić nawigację w witrynie. Załóżmy na przykład, że kupujący chce kupić telefon komórkowy Samsung w Twoim sklepie internetowym. Czy nie byłoby wspaniale, gdyby mogli przejść do sekcji telefonów komórkowych Samsung bezpośrednio z menu i łatwo znaleźć produkt, którego szukają? Lepsza nawigacja pomoże Ci poprawić wrażenia klientów i zwiększyć współczynniki konwersji.

Dlatego dodanie kategorii produktów do menu może zmienić zasady gry dla Twojej firmy.

Jak dodać kategorie produktów WooCommerce do menu?

W tym przewodniku pokażemy, jak na dwa różne sposoby dodawać produkty WooCommerce do menu.

1. Z sekcji administratora WordPress
2. Z wtyczką

Przyjrzyjmy się bliżej każdej metodzie, abyś mógł wybrać tę, która najlepiej pasuje do Twojej sytuacji.

1) Z pulpitu WordPress

Najprostsza i najbardziej przyjazna dla początkujących metoda włączania kategorii produktów WooCommerce do menu. Nie wymaga żadnego dodatkowego narzędzia i zajmuje tylko kilka minut. Najpierw zaloguj się do pulpitu WordPress i przejdź do Wyglądy > Menu .

Jeśli właśnie skonfigurowałeś podstawowe opcje, prawdopodobnie nie zobaczysz żadnych menu, więc będziesz musiał je utworzyć i przypisać mu pozycję w menu. Zobaczmy, jak to zrobić.

Tworzenie menu

Aby utworzyć menu, wystarczy nadać mu nazwę, przypisać mu pozycję i kliknąć przycisk Utwórz menu . Na potrzeby naszej demonstracji umieścimy nasze menu w głównej pozycji menu motywu. W lewym panelu zobaczysz wszystkie elementy i bloki, które możesz dodać do swojego menu.

• Strony
• Posty
• Kategorie
• Punkty końcowe WooCommerce
• Produkty
• Kategorie produktów

Nie widzisz opcji produktów i kategorii WooCommerce? Nie martw się. Są ukryte, więc wystarczy je wyświetlić. Przejdź do ustawień opcji ekranu i zaznacz odpowiednie pola wyboru, jak pokazano poniżej.

Następnie otwórz sekcję kategorii WooCommerce i sprawdź dostępne kategorie w swoim sklepie internetowym. Na karcie Wyświetl wszystko będziesz mógł zobaczyć wszystkie dostępne kategorie.

Możesz wybrać wszystkie kategorie i dodać je do swojego menu lub dołączyć określone kategorie.

Dodawanie kategorii produktów do menu

W tym demo dodamy do menu wszystkie kategorie.

Następnie możesz dostosować elementy z sekcji Menu. Możesz zmienić pozycję elementu, utworzyć podmenu, wybrać miejsce ich wyświetlania i nie tylko.

Jeśli chcesz jeszcze bardziej dostosować swoje menu, sprawdź sekcję Opcje ekranu . Zobaczysz tam Zaawansowane właściwości menu , które możesz zastosować do swoich elementów menu.

Gdy będziesz zadowolony ze zmian, naciśnij Zapisz Menu . Następnie sprawdźmy front end, aby zobaczyć wynik. Jak widać na poniższym zrzucie ekranu, kategorie produktów WooCommerce pojawiają się w menu.

Ta metoda dodawania kategorii produktów WooCommerce do menu jest prosta, ale bardzo skuteczna. Zajmuje to dosłownie kilka minut i może znacznie poprawić nawigację. A najlepsze jest to, że nawet początkujący może to zrobić bez dodatkowej pomocy. Możesz także dostosować kolory menu, czcionki i tak dalej za pomocą odrobiny kodowania. Z drugiej strony, jeśli chcesz mieć możliwość edytowania swojego menu bez żadnego kodowania, możesz chcieć spojrzeć na następną metodę.

2) Dodaj kategorie produktów do menu za pomocą QuadMenu

W tej sekcji pokażemy, jak uwzględniać kategorie produktów w menu za pomocą QuadMenu. QuadMenu to doskonałe mega menu freemium, które pozwala łatwo tworzyć i zarządzać różnymi rodzajami menu. Ta wtyczka ma darmową wersję z podstawowymi funkcjami, które możesz pobrać stąd oraz 3 plany premium z bardziej zaawansowanymi funkcjami, które zaczynają się od 15 USD (płatność jednorazowa).

Dodatkowo możesz zintegrować QuadMenu z dowolnym motywem WordPress, w tym OceanWP, Avada, Divi, Astra, GeneratePress i wieloma innymi. W tym demo pokażemy, jak dodać kategorie produktów WooCommerce do menu za pomocą motywu GeneratePress.

Instalacja i aktywacja

Najpierw zainstaluj i aktywuj QuadMenu na swojej stronie. Aby to zrobić, przejdź do sekcji Wtyczki , wyszukaj QuadMenu i naciśnij Zainstaluj .

Następnie musisz zainstalować dodatek QuadMenu GeneratePress. Jeśli używasz innego motywu, takiego jak Divi lub Avada, musisz zainstalować określone rozszerzenie dla swojego sklepu WooCommerce. Możesz rzucić okiem na wszystkie rozszerzenia tutaj.

Po aktywacji rozszerzenia zostaniesz przekierowany do ustawień wtyczki. Stamtąd będziesz mógł skonfigurować wtyczkę, menu i główne ustawienia. Darmowa wersja QuadMenu zawiera podstawowe funkcje, które umożliwiają łatwe dodawanie kategorii produktów do menu. W tym celu przejdź do ustawień motywu domyślnego, gdzie zobaczysz wszystkie główne opcje konfiguracji. Możesz wybrać trzy różne opcje układu menu i wybrać wyrównanie. Dodatkowo możesz tworzyć lepkie menu, cienie menu mobilnych, przełączniki, tytuły, ikony, przyciski i opcje typografii oraz dołączać animacje. Na przykład zobaczmy, jak zmienić rodzinę czcionek w menu.

Najpierw przejdź do sekcji Typografia .

QuadMenu domyślnie zawiera wszystkie czcionki Google, więc wybierz dowolną czcionkę z listy rozwijanej.

Następnie możesz również zmienić rozmiar czcionki i odstępy między literami. Gdy będziesz zadowolony ze zmian, naciśnij Zapisz . Dodatkowo możesz dodać animacje. Po prostu przejdź do sekcji Animacje i wybierz efekty, które chcesz zastosować do tekstu, podtytułu, ikony i innych elementów.

Za pomocą kilku kliknięć myszką będziesz mógł przenieść swoje domyślne menu WordPress na inny poziom. Teraz, jeśli chcesz pójść jeszcze dalej, będziesz potrzebować bardziej zaawansowanych funkcji. Do tego potrzebujesz wersji premium QuadMenu.

Instalacja i aktywacja wersji Premium QuadMenu

Wersję premium QuadMenu można kupić w oficjalnym sklepie za jedyne 15 USD. Następnie zaloguj się na swoje konto QuadLayers i pobierz pliki wtyczek. Dodatkowo uzyskaj informacje o licencji z pulpitu nawigacyjnego konta. Następnie zainstaluj wtyczkę w swoim sklepie i aktywuj ją.

Następnie przejdź do sekcji Licencja i zweryfikuj swój klucz licencyjny.

QuadMenu jest dostępne na:

• Strona internetowa QuadLayers
• Envato
• Elegancki rynek

Musisz więc wybrać odpowiedni rynek z listy rozwijanej. W naszym przypadku wybierzemy QuadLayers. Następnie wprowadź klucz licencyjny oraz zarejestrowany adres e-mail i kliknij Zapisz zmiany . Od teraz Twoja witryna będzie otrzymywać wszystkie aktualizacje wtyczek i wsparcie od oficjalnego programisty.

Teraz przejdźmy dalej i zobaczmy, jak dostosować menu WordPressa.

Włączanie QuadMenu

Najpierw przejdź do Wygląd > Menu , tak jak zrobiliśmy to w poprzedniej metodzie, i dodaj kategorie produktów do swojego menu. Przed zapisaniem menu zaznacz pole wyboru QuadMenu Dev w obszarze Ustawienia menu . To ważny krok, więc upewnij się, że zaznaczyłeś odpowiednie pole wyboru.

Po zapisaniu menu sprawdź pozycje menu. Po najechaniu kursorem na pozycje zobaczysz nowe menu o nazwie QuadMenu , jak pokazano poniżej.

Aby edytować element, po prostu kliknij opcję QuadMenu. Tutaj dzieje się magia. Będziesz mógł dodać niestandardową ikonę, zmienić tytuł linku, opis, podtytuł i wiele więcej.

Karta Domyślne zawiera podstawowe ustawienia, które konfigurujesz w sekcji menu, dlatego zalecamy skupienie się na kartach Ogólne i Ikony . Na karcie Ogólne zobaczysz opcje dostosowania:

• Podtytuł
• Odznaka
• Platforma
• Dostosowywanie rozmiaru wyświetlacza
• Rozwijany pływak

Załóżmy na przykład, że chcesz ustawić niestandardowe ikony dla kategorii produktów WooCommerce. Kliknij odpowiednią opcję i wybierz ikonę, którą lubisz.

Gdy dodajesz wiele kategorii do menu sklepu WooCommerce, ikony są bardzo przydatne. Dzięki QuadMenu możesz wyświetlać niestandardowe ikony w kategoriach WooCommerce bez konieczności ich ręcznego dodawania. Po prostu wybierz ikony, które lubisz z listy i zapisz zmiany.

Po wybraniu ikon, które Ci się podobają, sprawdź stronę internetową z interfejsu, a zobaczysz ikony w swoim menu.

Zmiana stylów

Przejdźmy teraz trochę dalej i dostosujmy nasze menu nieco bardziej za pomocą ustawień motywu QuadMenu . Dobrą wiadomością jest to, że możesz dostosować wiele elementów bez pisania ani jednej linii kodu.

Na przykład zmieńmy kolory menu. Możesz po prostu wybrać żądane kolory z panelu i zapisać zmiany. W tym demo zmodyfikowaliśmy kolor tła naszego menu.

Na początku zobaczysz, że kolor tła jest teraz niebieski.

Jeśli po zapisaniu zmian nie widzisz ich na interfejsie, po prostu wyczyść pamięć podręczną WordPressa i ponownie zastosuj zmiany. W ten sposób możesz użyć QuadMenu do edycji menu WooCommerce.

Oprócz dodawania kategorii produktów i zmiany kolorów możesz dodać efekty animacji, zmienić typografię, dodać opcje przyklejania i wiele więcej. Więc jeśli chcesz przenieść swoje menu na wyższy poziom, QuadMenu to doskonała opcja.

Wniosek

Nawigacja w witrynie jest kluczem do sukcesu sklepu internetowego. Użytkownicy muszą mieć możliwość łatwego znajdowania tego, czego szukają. Biorąc pod uwagę, jak ważne są menu, jednym z najlepszych rozwiązań usprawniających nawigację jest dodanie do menu kategorii produktów WooCommerce. W tym przewodniku widzieliśmy dwie proste metody, aby to zrobić.

1. Z pulpitu WordPress
2. Korzystanie z QuadMenu

Włączenie kategorii produktów z pulpitu administracyjnego WordPressa jest bardzo łatwe i zajmuje tylko kilka minut. Mimo że możesz użyć dostosowania WordPress lub domyślnych ustawień menu WordPress, aby wprowadzić zmiany, opcje dostosowywania mogą być dość podstawowe, jeśli nie masz umiejętności kodowania.

Z drugiej strony, QuadMenu to bardzo potężna i łatwa w użyciu wtyczka do tworzenia i zarządzania menu. Pozwala przejąć pełną kontrolę nad menu, dodawać niestandardowe ikony czcionek, czcionki Google, zmieniać kolory, układ i wiele więcej. Dodatkowo, dzięki QuadMenu możesz łatwo tworzyć mega menu, które bardzo dobrze sprawdzają się w sklepach z wieloma produktami. Jeśli więc chcesz wprowadzić wiele modyfikacji i przenieść swoje menu na wyższy poziom, QuadMenu to doskonały wybór.

Czy znasz inne sposoby dodawania kategorii produktów do menu? Czy podczas korzystania z samouczka wystąpiły jakieś problemy? Daj nam znać w sekcji komentarzy poniżej!