magento 2 hosting with cloudways
Reviews

Top 5 best Magento 2 Megamenu extensions

Pinterest LinkedIn Tumblr

Mega Menu is defined as a drop-down interface when users hover over a link or a specified area. This drop-down interface will display all the options in the main panel. Usually, the options are grouped by related topics into categories.

Many Magento 2 eCommerce website owners love using Megamenu because Megamenu makes your website more vivid and colorful. With Megamenu, customers can find their desired category/product more quickly, thus improving the shopping experience.

It would not be easy to briefly define a mega menu that people can understand at first read through. However, as you can see from the image below, I am sure that you can see the benefits mega menu brings to your website.

magento 2 megamenu example

As illustrated above, you can see that the mega menu helps your website become much more lively. When users hover the mouse over each menu, they will see beautifully displayed categories with thumbnails, dates, months, authors, and article descriptions… Thanks to this, it helps to increase user experience and keep readers on your website longer.

In this Magento 2 product review, I will introduce the 5 best Magento 2 Megamenu extensions that are very popular among Magento 2 community. I’m sure that after reading this review, you will be able to pick the one that is most suitable for your website.

RankingProductMagento 2 compatibilityProminent FeaturesOverall ratingPrice
#1
Landofcoder
Magento 2 megamenu extension by landofcoder.com
CE: 2.1.X 2.4.X
EE: 2.1.X - 2.4.X
- Affordable price
- Feature-rich & Beautiful menu styles
- Fully compatible with Magento 2.1 > 2.4
- Compatible with popular Magento 2 themes
- Fully responsive
9.5$45
More Detail
#2
Magezon
Magento 2 megamenu by Magezon
CE: 2.1.X 2.4.X
EE: 2.1.X - 2.4.X
- Support up to 11 elements as menu item (text, image, widget...)
- 8 Predefined menus styles
- Fully compatible with Magento 2.0 > 2.4
- Fast load time using lazy load
9$169
More Detail
#3
Magedelight
Magento 2 megamenu by Magedelight
CE: 2.2.X 2.4.X
EE: 2.2.X - 2.4.X
– Light-weight menu, very fast load
– Support 4 types of menu
– Fully compatible with Magento 2.0 > 2.4
– Allows creating sticky menu

8.5$179
More Detail
#4
Mirasvit
Magento 2 megamenu by Ubertheme
CE: 2.1.X 2.4.X
EE: 2.1.X - 2.4.X
– Beautiful designs, friendly backend
– Support PWA (Progressive web app)
– Fully compatible with Magento 2.0 > 2.4
– Support google map on Menu

8$139
More Detail
#5
Rootway
Magento 2 megamenu by Rootway
CE: 2.2.X 2.4.X
EE: 2.x.X - 2.4.X
- Feature rich
- Lighting fast
- Fully compatible with Magento 2.0 > 2.4
- Affordable price
7.5$49
More Detail

How I compare each Megamenu extension

I use several points to compare every Magento 2 Megamenu extension that I have used in my projects. Here’s the breakdown:

  • Megamenu Features and load speed: The Megamenu should load fast and not slow down your Magento 2 webiste’s overall performance. Also, Megamenu should have different types and easy to be customized.
  • Magento 2 Compatibility: The megamenu extension should be compatible with every Magento 2 version so that you won’t have any issue when Magento 2 releases a new version.
  • Extension’s compatibility with different Magento 2 themes: Besides Magento 2 compatibility, the Megamenu should be compatible with different Magento 2 themes, especially some popular themes like Porto, Claue, or Fastest
  • Support on installing and fixing issues: The extension provider should be helpful when you have problems with Megamenu. Some common issues like breaking theme layout, cause slow load should be solved as quickly as possible.
  • Pricing: The extension’s price should be affordable so that the store owners won’t have to spend too much budget.

#1 Magento 2 megamenu by landofcoder.com

landofcoder magento 2 multi vendor marketplace extension

Price$45 + 6 month free support

Front-end demo | Back-end demo

GET THE EXTENSON HERE

Pros

– Affordable price

– Feature-rich & Beautiful menu styles

– Fully compatible with Magento 2.1 > 2.4

– Compatible with popular Magento 2 themes

Cons

– No free installation

– Basic version lacks of premade menu styles

– No demo import on basic version

– No Fontawesome icon on basic version

Landofcoder Magento 2 Megamenu extension is the most feature-rich extension Megamenu at the moment.

The extension allows admin to build various types of Megamenu, below are some examples:

horizontal menu
horizontal menu
tree menu
tree menu
vertical left menu
vertical left menu

Admin can easily build a new Megamenu for their site with Drag and Drop function. You can change the order of menu items by simply drag and drop them at the desired position.

drag and drop menu builder

Also, the extension support Off Canvas menu (the menu that slide out and expands when user click on menu icon). This type of menu is now very trending on mobile device because it significantly improves the user’s experience.

Admin can easily changes menu setting for each menu item by clicking on edit icon

general menu setting

Admin can change everything, from menu item’s name, css classes. Here’re some noticeable options:

  • Link type section: you can set where the menu item link to, it can be set as a category link or custom link.
  • Link target: You can set to open menu link in the same browser window or a separate window.
  • Show icon: You can add custom icon next to menu item’s name here.

megamenu structure

The menu structure is explained in admin section, making it easier to adjust the menu style.

megamenu options

You can customize everything in the megamenu such as change Dropdown animation, enable/disable header/leftblock/rightblock…

Admin can also set to trigger megamenu when hovering or when click on the menu

Get the extension here: https://landofcoder.com/magento-2-mega-menu.html

#2 Magento 2 megamenu by Magezon

magezon ninja magento 2 megamenu extension

Price$169 + 3 month free support

Front-end demo | Back-end demo

GET THE EXTENSON HERE

Pros

– Support up to 11 elements as menu item (text, image, widget…)

– 8 Predefined menus styles

– Fully compatible with Magento 2.0 > 2.4

– Fast load time using lazy load

Cons

– No free installation

– High price

– No demo import on basic version

– Short free support period (3 months)

Magezon Megamenu extension has an awesome menu builder. You can create a unique megamenu style with no limit.

magezon menu builder

You can easily edit a menu item by hovering on it and select edit. For every menu item, there’re many options you can change.

  • Imgae source: select image source, pick an image from the media gallery, or upload a new image from your computer
  • On Click Action: Set action happen when you click on image, you can set to open popup or custom link, video
  • Image hover effect: Set effect when a user hovers on the image, for example: zoom-in, zoom-out, lift-up

edit menu item magezon

If you love Amazon Megamenu style, then you can use a premade style that works exactly like Amazon Megamenu

amazon megamenu

The extension supports up to 8 menu premade styles, you can apply premade template to current menu by simply clicking on add button

magezon premade menu templates

The plugin also allows displaying product directly on Megamenu.

display product in megamenu

The extension also has a right-side menu premade layout if your wish to use a right-side menu on your theme.

right side menu

Get the extension here: https://www.magezon.com/magento-2-mega-menu.html

#3 Magento 2 megamenu by Magedelight

magedelight magento 2 megamenu extension

Price$179 + 3 month free support

Front-end demo | Back-end demo

GET THE EXTENSON HERE

Pros

– Light-weight menu, very fast load

– Support 4 types of menu

– Fully compatible with Magento 2.0 > 2.4

– Allows creating sticky menu

Cons

– No free installation

– High price

– Not friendly backend

– Short free support period (3 months)

Magedelight Magemenu extension allows admin to create multiple style menus in the same megamenu.

For example, you can create a menu with mixed styles like this

mixed menu style magedelight

This is a 4-column style megamenu with Image + Product Category + Product

Magedelight supports 4 types of menu horizontal, vertical left, vertical right, drill down

The megamenu is fully responsive, which means it’s working properly on all device types

responsive menu

Magedelight also uses Drag and drop menu builder. Admin can easily sort menu items or change the level of the menu item by simply drag the item and put it in the desired place

drag and drop menu builder

There’s a sidebar with all items you can add to the menu, admin can add Category – Page – Custom external link to the menu

add items to menu

This extension, however, is more difficult to edit menu items compared to Landofcoder and Magezon extension. For example, if you wish to add an image to the menu you must select an image block which is generated in the Static Block section

edit menu item and image

There are some important options we can change for Megamenu

  • Menu design type: Specify Menu style, there are 4 supported styles: horizontal, vertical left, vertical right, drill down
  • Menu Alignment: Set alignment for the menu, available options are left – right – center
  • Is sticky: make the menu Sticky or not, a sticky menu is a menu that remains visible and in the same position as the user scrolls down on a website.
  • Shortcode: You can copy this shortcode and paste to anywhere you want on your website to display the megamenu

megamenu options

Get the extension here: https://www.magedelight.com/mega-menu-magento-2.html

#4 Magento 2 megamenu by Ubertheme

ubertheme magento 2 megamenu

Price$139 + 6 month free support

Front-end demo | Back-end demo (Username: megamenu / Password: megamenu@123)

GET THE EXTENSON HERE

Pros

– Beautiful designs, friendly backend

– Support PWA (Progressive web app)

– Fully compatible with Magento 2.0 > 2.4

– Support google map on Menu

Cons

– No free installation

– High price

– Tricky to add images to menu

– May not work properly on some themes

Ubertheme is originally a Magento 2 theme provider, so apparently, their Megamenu has a very nice design with many styles available (8 different built-in menu layouts).

We can add multiple tabs to megamenu as below:

megamenu with tabbed navigation

The menu below is created by Ubertheme, admin can add image, categories, best product block as you can see below:

ubertheme megamenu style 1

One amazing feature that I believe many storeowners would love is the ability to add Google Map directly to Megamenu. This is extremely helpful if you want to display the store’s contact information in the Contact tab

map on megamenu

Another interesting feature of uber megamenu is that you can create a Menu-inside-menu. For example, you can create a vertical menu inside a horizontal menu

menu in menu

Ubertheme megamenu is also the very first megamenu extension that support PWA (progressive web app). That means customers can use Megamenu even in PWA mode

megamenu in progressive web app

Uber megamenu also uses drag and drop menu builder. In this menu builder, admin can enable, disable menu item, add submenu level

megamenu builder uber

You can set the menu to be visible to specific groups of customers. For example, you can choose to hide the menu to not logged in customers by deselectingg NOT LOGGED IN customer group

make menu visible to specific customer group

The menu is fully responsive and it also supports Hamburger menu on mobile devices

Get the extension here: https://www.ubertheme.com/magento-extensions-2-x/ub-mega-menu/

#5 Magento 2 megamenu by Rootway

rootway magento 2 megamenu extension

Price$49 + 3 month free support

Front-end demo | Back-end demo

GET THE EXTENSON HERE

Pros

– Feature rich

– Lighting fast

– Fully compatible with Magento 2.0 > 2.4

– Affordable price

Cons

– No drag and drop builder

– Not friendly backend

– Tricky to manage and change menu items

– May not work properly on some themes

Rootway megamenu is lighting fast as it’s very lightweight.

You can create beautiful megamenu styles with an icon next to every menu item like this

menu style 1 rootway

If your store support shop by brand, you can also add brands to Megamenu

shop by brand megamenu

Just like Uber megamenu, admin can add multi level menu inside megamenu

multi tab menu

A complex menu like tabbed menu with multiple elements can also be created with this extension

tabbed megamenu

One thing I don’t like from rootway megamenu is that there’s no visual menu builder in admin panel like other providers, you will need to create megamenu for each category and add them to the main navigation

separate menu for each category

This makes it quite time-consuming to create a full Megamenu, especially for stores with numerous products

You have to manually setup almost everything in backend with no visual demonstration.

manully setup megamenu in backend

This is why I rate Rootway Megamenu extension at the final spot although the extension is very affordable and feature rich

Get the extension here: https://www.rootways.com/magento-2-mega-menu-extension

Wrapping up

Although I love all these Megamenu extensions in this article, I still suggest using your theme’s default megamenu (if it’s integrated by default).

By using Megamenu of your theme, you won’t have to worry about conflict, layout break or slow website performance when installing a new Megamenu extension to your website.

However, if your current Magneto 2 theme does not have Megamenu function, I strongly recommend using the extensions listed in this article. Each extension has their own pros and cons which I already listed here. Just consider the features/price and make your final decision

Hung Tran is the main editor of magentip.com, he loves to write about everything related to Magento 2

Write A Comment