Jak dodać mega menu do Elementora

W tym poście przyjrzymy się dwóm sposobom dodania megamenu do witryny Elementor. Być może widziałeś mega menu na innych stronach internetowych i chciałeś dodać je do swojego własnego dzieła Elementora. Te ustawienia to kolejna ewolucja prostego menu rozwijanego. Zamiast wyświetlać linki, pokazują uporządkowane kolumny i wiersze wypełnione dynamicznie aktualizowanymi elementami.

Jeden z naszych ulubionych przykładów megamenu można znaleźć na Stripe.com. Gdy najedziesz kursorem na element menu, zamiast prostego menu rozwijanego, zobaczysz dobrze zapełnioną kolekcję.

Bardzo podoba nam się też megamenu w Digital Ocean.

Ze względu na dużą gamę produktów nie mogą po prostu wyświetlić listy wszystkiego. Zamiast tego pokazują polecane produkty, kategorie dodatkowe i kończą linkiem „zobacz wszystkie produkty” na dole mega menu. to świetny sposób na dostarczenie dużej ilości informacji w łatwy w nawigacji sposób.

To nie tylko unikalny projekt, może naprawdę pomóc Twoim klientom poruszać się po Twojej witrynie. Na przykład, jeśli prowadzisz sklep e-commerce, możesz wyświetlić swoje najpopularniejsze produkty w menu, aby zwiększyć współczynnik konwersji. Jeśli masz bloga, możesz wyświetlać najnowsze posty w rozwijanym megamenu. Możliwości są nieograniczone, a wdrożenie tej funkcji na swojej stronie internetowej może dodać profesjonalnego (i pomocnego) charakteru.

Konstruktor Elementora (zarówno darmowa, jak i płatna wersja) nie zawiera żadnych funkcji „budowania menu”. Możesz tworzyć proste menu z podstawowymi listami rozwijanymi, ale jeśli chcesz budować układy, jest to niemożliwe w przypadku instalacji podstawowej.

Jednocześnie edytor jest bardzo dobrze przygotowany do tworzenia megamenu. Masz już kolumny, wiersze, elementy dynamiczne i nie tylko, co byłoby świetne, jeśli chodzi o budowanie megamenu. W tym artykule przyjrzymy się dwóm wtyczkom, które pozwolą Ci wykorzystać funkcjonalność kreatora Elementor i dodać mega menu do Twojej witryny.

Oto jak dodać mega menu do Elementora.

Metoda 1: JetMenu

Jest to samodzielna wtyczka, która pozwala tworzyć mega menu za pomocą kreatora Elementor. Jest łatwy w instalacji, konfiguracji i implementacji. Działa również bardzo dobrze!

Stworzyliśmy dziesiątki stron klienckich korzystających z tej wtyczki i jest to naprawdę najlepsza opcja na rynku (nawet w porównaniu z darmowymi wtyczkami - zdecydowanie warto poświęcić na to czas, który dzięki temu zaoszczędzisz). Sama wtyczka kosztuje 24,00 USD (chociaż wszystkie wtyczki JetPlugin są dostępne w pakiecie za 80 USD).

Zasadniczo pozwala tworzyć układy mega menu z edytora Elementor. Po najechaniu na element menu ten „ekran” zniknie. Z tego powodu możesz dodać dowolny element dostępny z kreatora Elementor (nawet elementy zawarte w pakietach dodatków innych ^firm ).

Oznacza to, że jeśli chodzi o tworzenie mega menu za pomocą JetMenu, możliwości są naprawdę nieograniczone.

Możesz dodać zawartość dynamiczną, a także szablony Elementor. Warunki wyświetlania, responsywność, prostota nasze standardowe funkcje dostarczane z wtyczką.

Menu zmienia się również całkowicie podczas uzyskiwania do niego dostępu z urządzenia mobilnego. Gwarantuje to, że Twoja witryna jest łatwa w nawigacji na urządzeniach mobilnych i zapewnia wysoką pozycję w Google dzięki temu.

To jest nasza wtyczka, jeśli chodzi o włączanie mega menu do witryn Elementora dla klientów. kiedy nasza strona internetowa agencji została utworzona za pomocą Elementora, również korzystaliśmy z tej wtyczki osobiście (wyświetlała nasze najnowsze posty na blogu). Prawdopodobnie możesz sprawdzić naszą implementację na Archive.org!

Jeśli chcesz uzyskać jeszcze większą wartość za dolara, opcja druga jest doskonałym wyborem.

Metoda 2: ThePlus

Istnieje wiele pakietów dodatków do Elementora, które mają możliwości „mega menu”. Jednak większość z nich jest słabo zaimplementowana i lepiej byłoby skorzystać z JetMenu.

ThePlus to jedyny pakiet dodatków, który prawidłowo implementuje mega menu. wiemy o tym, ponieważ otrzymaliśmy wszystkie główne pakiety dodatków i przetestowaliśmy to.

powodem, dla którego powiedzieliśmy, że ta metoda może dać ci większą wartość za dolara, jest to, że nie kupujesz po prostu wtyczki, która dodaje tylko funkcję mega menu do Twojej witryny Elementor. Zamiast tego mega menu jest jednym z 89 pojedynczych elementów, które są dostarczane z paczką.

Nie używaliśmy tego na żadnych stronach internetowych klientów, ponieważ mamy nieograniczony plan dla JetMenu, ale ponieważ mamy dostęp do tego pakietu dodatków, pomieszaliśmy się z funkcją megamenu. Działa bardzo dobrze i umożliwia dodawanie szablonów do menu rozwijanych.

Oznacza to, że: Najpierw tworzysz szablon w Elementorze. Ten szablon będzie menu rozwijanym, dzięki czemu możesz dodać swoje linki, obrazy, powiązane produkty lub dowolny dostępny element. Następnie użyj ThePlus, aby wyświetlić ten szablon po najechaniu kursorem na pojedynczy element menu.

Dodatki ThePlus są niesamowicie wysokiej jakości i nie mają ogromnego wpływu na wydajność Twojej witryny. Z tego powodu jest to nasz zalecany pakiet dodatków do wszystkich rzeczy Elementor.

Oto pełny przewodnik wideo:

Istnieje wiele innych widżetów, które odnoszą się konkretnie do menu Elementora. Tworząc megamenu, możesz to wykorzystać na swoją korzyść.

Na przykład istnieje element menu dla urządzeń mobilnych, którego można użyć do utworzenia dostosowanego, responsywnego pierwszego menu mobilnego. Możesz zdobyć tę szaloną kolekcję dodatków za 39,00 USD (jest to licencja na jedną stronę), dzięki czemu jest to jeden z najcenniejszych pakietów dodatków.

Wniosek

Ten artykuł powinien pokazać ci dwa sposoby dodania mega menu do swojej witryny Elementor. Mega menu dobrze wygląda i usprawnia nawigację w Twojej witrynie. Jeśli chcesz włączyć tę funkcję w swojej witrynie, te dwie wtyczki zostały stworzone w tym celu.