Have you ever visited a website and be super impressed by their well-planned menus? To give that similar feeling to your website viewers, you need a strong navigation system. One of the main reasons why menus are a crucial part of your website is because they are the roadmaps to your entire website. Trends in menus are constantly evolving with sticky menus, dropdown menus, ghost buttons and so much more. So how do you start adding innovative menus to your website?
If you think that having such appealing menu requires loads of resources, think again! WordPress developers come to the rescue to minimize your efforts to add mega menus to your website. With the evolution of menus, menu builder plugins too have made huge progress. So here let’s discuss 6 simple steps to add mega menus to your WordPress website with one of the easiest plugins out there- WP Mega Menu. The best part about this plugin is that it comes with a free version and a pro version with awesome features.
Install WP Mega Menu
To begin building your mega menu, the first line of action is to install WP Mega Menu. If you’re familiar with WordPress, you already know how easily you can install and activate a plugin. If not, here’s how you do it.
Installing the free version of WP Mega Menu
- Navigate to your WordPress dashboard and then select Plugins>Add New.
- For free version, search “WP Mega Menu”.
- Click on “Install”.
- Activate the plugin
Installing the pro version
- Create a Themeum account and make your purchase
- Go to your WordPress dashboard and then select Plugins>Add new
- Choose “Upload plugin” and download the zip file
- Activate your plugin
- Enter your licence key that you get from Themeum’s dashboard.
Once you’re done with installing WP Mega Menu you can start building your mega menu. Here’s a video tutorial on how to install WP Mega Menu.
Create a menu
This step involves creating your menu with WordPress.
To do that go to your WordPress dashboard and navigate to Appearance>Menus. Select the “Create a new menu” option. Name your menu and then click on “Create Menu”.
Remember to clearly define your menu location. Choose whether you want it to appear as the primary menu, top menu or footer menu.
Custom settings for your menu
In case you want to dig deeper into the menu settings of WP Mega Menu, click on WP Mega Menu. Here you can make a number of changes to personalize your menu exactly how you wish to make it appear.
The settings give you access to a number of settings such as disabling menu on mobile devices, CSS output file location, menu container tag, and so much more!
Note: If you’re new to menu building, you can leave the settings options and see how the default setting works for you.
Select mega menu theme
You need to choose a theme for your Mega Menu to make it appear perfectly. The menu theme determines the styling and behaviour of your mega menu. To create a menu theme, go to WordPress dashboard then WP Mega Menu> Themes. Here you can create a new menu theme or import if you have one already.
Finally after selecting your preferred theme go back to Appearance>Menus and enable the theme that you want to use with your mega menu.
5. Add menu elements
Once you’re done with the above steps, the fun part begins!
You can now start selecting all the amazing things that you want to include in your mega menu. WP Mega Menu enables you to have endless options when it comes building your mega menu.
Include pages, posts, custom links, categories, tags and so much more with WP Mega Menu. You can drag and drop your menu and place them exactly how you want them to appear.
Another awesome part is that it provides WooCommerce support. This enables you to showcase your website products right in your mega menu. Inserting products on menus can boost your sales and improve conversion rates.
After you’ve added the essential parts to your menu, click on “Save Menu”. Hover to a particular menu and select on the “WP Mega Menu” settings icon. Choose your preferred column ratio for your website’s mega menu. In WP Mega Menu you can add upto 6 columns in your mega menu. From there you can start adding menu widgets such as gallery, videos, feature boxes, and so much more. Also, you get extensive icon support from WP Mega Menu that include Dashicon, Font Awesome and Icofont.
6. Customize WP Mega Menu widgets
You’re almost at the end of your mega menu building journey. Click on each widget to personalize them according to your needs. For example, if you want to add posts to your menus, you can start by dragging the “Text” widget and selecting it will give you a number of customization options. You can add images, links, various headings and more to add to the posts you display in your menu.
Boost your sales upto 2 times by showcasing products in your mega menu. When adding products to your menu, firstly make sure that you have the WooCommerce plugin activated. You’ll see some options for products widgets that you can place in your menu. With widgets you can add product search, albums, product filters and so much more. You can see how to add WooCommerce products in your menu and follow the easy steps.
There you go! Your mega menu is now complete. See this WP Mega Menu video to learn how to create your first mega menu.
In today’s fast-paced world, it’s hard to capture the attention of your target audience. Innovative menus are one of the most sure shot ways to make a mark on their minds. Planning out your mega menu comes really handy when building your mega menu. WP Mega menu makes the process super easy and provides a tonne of options to ensure you can create well-structured menus without any limitations!
Discover more from Life and Tech Shots Magazine
Subscribe to get the latest posts sent to your email.
