Im większy staje się Twój e-sklep, tym więcej kategorii potrzebujesz. Im więcej kategorii dodajesz do katalogu, tym trudniej staje się poruszać się nim. Im trudniej jest znaleźć coś, tym mniej klientów masz. To wszystko jest oczywiste i bezwzględne, ale to prawda. Oczywiście z przyjemnością umieścisz wszystkie te kategorie produktów bezpośrednio w menu nagłówka, ale w rezultacie nie zostanie tam wolnego miejsca. Wtedy nadchodzi czas aby skorzystać z Mega Menu.
Oczywiście, istnieją różne rozwiązania problemu nawigacji. Możesz sortować kategorie na pasku bocznym, dodAć stos linków z ikonami bezpośrednio na stronie domowej lub stworzyć mapę witryny, ale Mega menu jest o wiele wygodniejszym rozwiązaniem.
Spis treści
- Czym jest Mega menu?
- Jakie strony potrzebują takiego menu?
- Jak można szybko i bezproblemowo stworzyć Mega menu?
Czym jest Mega menu?
Mega menu to, jak można się domyślić z nazwy, ogromne menu. Kiedy klikniesz na jeden z nagłówków i zobaczysz dużą sekcję, która może zawierać linki, obrazy, a nawet filmy - patrzysz na Mega menu.
Ta funkcja często pomaga zwiększyć liczbę sprzedaży, a powód tego jest bardzo prosty - mega menu pokazuje odwiedzającym mnóstwo rzeczy, których nie szukali, ale mogą je kupić w trakcie dokonania zakupu innego produktu na Twojej stronie. Aby zrozumieć, o czym mówię, powinieneś przejść do strony Amazon lub eBay. Starannie przemyśleli strukturę swoich menu i czerpają z nich mnóstwo zysków.
Jakie strony potrzebują Mega menu?
e-Sklepy
Jak już wcześniej mówiłam - mega menu jest niezbędne dla każdego średniego i dużego serwisu eCommerce. Ale także nawet mały sklep internetowy może czerpać zyski z precyzyjnie spreparowanego mega menu z jasnymi obrazami. Wszystkie duże sklepy, które mają ogromną liczbę produktów, używają mega menu. Na przykład spójrz na stronę IKEA:
Centrum informacyjne
Witryny z wiadomościami, strony z mnóstwem różnych treści, biblioteki internetowe - wszystkie te serwisy są wyposażone w ogromną ilość informacji, które powinne być łatwe do znalezienia. W przeciwnym razie te strony staną się zbiorem bezużytecznych bzdur. Mega menu pomoże uporządkować informacje, dzięki czemu użytkownik będzie mógł intuicyjnie zrozumieć, gdzie szukać pożądane treścu. Huffington post ma ładnie zorganizowane mega menu:
Witryny biur rządowych
Treści takich stron są równe tonom dokumentów. A niektóre z nich mogą być konieczne dla ludzi. Na przykład "ile podatków muszę zapłacić?" lub "jak i kiedy mogę otrzymać dowód osobisty?" To pytania, na które ludzie chcą znaleźć odpowiedzi bez żadnych problemów. Niektóre strony takich organizacji używają mega menu, aby ich informacje były bardziej dostępne. Naprzykład, usa.gov:
Strony biur, oferujące usługi wynajmu lub witryny kawiareń
Zdjęcia pięknie przygotowanych potraw lub ładnie zaprojektowanych pokoi zaanagżują odwiedzających do złożenia zamówienia w restauracji lub hotelu. Menu kawiarni z ostrymi zdjęciami, które spadną z nagłówka lub listy pokoi zorganizowanych w mega menu, stanie się kreatywnym i atrakcyjnym rozwiązaniem dla strony Twojej firmy. Strona Riad, naprzykład, posiada takie bardzo oryginalne menu:
Jak można szybko stworzyć Mega menu z pomocą wtyczki JetMenu do kreatora stron Elementor?
Więc, posiadasz stronę z ciekawym motywem i chciałbyś dodać Mega menu do sekcji nagłówka. Oczywiście, że istnieją wtyczki do dodawania tego elementa na stronę WordPressa, ale ja mam zainstalowany kreator stron Elementor iw dodatku, o wiele łatwiej jest stworzyć mega menu z pomocą admina WP. Dlatego postanowiłam skorzystać z wtyczki JetMenu.
Przede wszystkim należy pobrać wtyczkę JetMenu do Elementora. Pobierz ją i zainstaluj z pomocą zakładki "Wtyczki > Dodaj nową > Prześlij wtyczkę" w panelu admina. Po aktywacji wtyczki JetMenu pojawi się ona w menu i będzie dostępna do pracy.
Teraz, kiedy wszystkie narzędzia są gotowe - czas aby stworzyć nasze menu. Przejdź do sekcji Wygląd > Menu. Wtyczka JetMenu pojawi się na liście ustawień, otwórz ją, włącz wtyczkę dla lokalizacji "Top" i "Main" i naciśnij "Zapisz".
Okno po prawej stronie pokazuje nazwę i strukturę menu. Każdy element można dostosować nie tylko za pomocą funkcji WP, ale także za pomocą narzędzi wtyczki JetMenu. Najedź kursorem na listę i kliknij przycisk "JetMenu" na potrzebnym elemencie.
Włącz mega menu dla tego elementu i naciśnij duży zielony przycisk "Edytuj zawartość elementu MegaMenu".
Interfejs Elementora pozostaje taki sam jak do tej pory - elementy układu są zebrane w tabeli po lewej stronie obszaru roboczego. Użytkownik zobaczy wszystko, co umieścisz w tym miejscu po kliknięciu w pozycji menu.
Możesz przeciągać i upuszczać wszystkie niezbędne elementy do pola. Możesz dostosować wybrane pola za pomocą ustawień, które są dostępne w tabeli po lewej stronie. Do mojego menu dodałam blok niestandardowych wpisów, mapę Google i wideo. Mapa i wideo są umieszczane w sekcji z dwiema kolumnami aby lepiej wyglądali w mega menu. Po zakończeniu procesu kliknij w przycisk "Aktualizuj".
Na Twojej stronie będzie wyglądało pododnie do przykładu poniżej (Twój motyw może wyglądać inaczej):
I wszystko jest gotowe! Zrobiłeś to! Oczywiście jest to dopiero początek, ponieważ do Twojej dyspozycji są dziesiątki funkcji umożliwiających dostosowanie wyglądu mega menu. Wtyczka JetMenu posiada również dobrze napisaną dokumentację, w której znajdziesz wszystkie informacji są opisywane znacznie szerzej. Stworzenie menu, zajęło mi nie więcej niż 20 minut (włącznie z instalacją JetMenu). A jeśli spędzisz trochę więcej czasu na dostosowywanie menu, możesz osiągnąć takie wyniki:
Ten artykuł został przetłumaczony z angielskiego. Oryginał można znaleźć tutaj: How to Create a Mega Menu with Elementor Builder Quickly and Easily
* * *
Ale JetMenu nie jest jedyną wtyczką, która pomaga aby szybciej dotsować witrynę. Sekcja Elementor marketplace na stronie TemplateMonster posiada mnóstwo ciekawych rozwiązań - zebraliśmy w na niej dodatkowe elementy, nowe gotowe strony, a także nawet WordPress motywy kompatybilne z kreatorem Elementorem. Więc, jeśli chciałbyś przyspieszyć proces tworzenia strony, polecamy sprawdzić te produkty!
Przejdź do strony Elementor marketplace
* * *
P.S. Jeśli masz jakieś pytania, przejrzyj dokumentację lub napisz swoje pytania w sekcji komentarzy poniżej!