How to add Widgets to your WordPress Menu

The Widgets are probably one of the most flexible features of WordPress and is well know that most plugins include their own widgets as it allows you to include some functions easily in any place of the website.

What is a Widget?

Essentially the widgets are blocks of contents that performs a specific function that can be included in any sidebar area of the theme.

On early steps of WordPress to make changes in the sidebar, you had to get your hands dirty and mucking around with a theme’s PHP code.

But this changes with the WordPress widget as they start allowing users to easily change the sidebar with drag & drop interface.

How to add Widgets to Menu?

As you already know, widgets are a really powerful feature. Unfortunately the default WordPress Menu behavior doesn’t allow you to include widgets in the menu items.

To accomplish this task you have to install a mega menu plugin like QuadMenu. This mega menu offers a very easy to use drag & drop interface that allows you to include all available widgets inside a mega menu, tab menu or carousel menu.

Install QuadMenu

1. In the WP dashboard go to Plugins > Add New.

2: Click on the Search Plugins field and search for “quadmenu”

3: Click the Install Now button and then Activate in the WordPress Mega Menu plugin

After activating the QuadMenu you’ll be redirected to the options page where you’ll see all the menu locations available in your theme. You have to click the integration button and select the theme of that menu location.

Creating a Menu

1. On your WordPress dashboard go to Appearances > Menus

2. Create a new menu

3. Select the active menu location

4. Click on Save Menu

After create and select the menu location of your menu, see a new metabox called QuadMenu Items where are available all menu elements.

Creating Mega Menu

1. Go to QuadMenu Items and select Mega

2. Press the button Add to Menu

3. Click on the QuadMenu button that you’ll see on the new mega menu item

4. Go to the Columns tabs and press the Add Column button

Add Widgets to Column

1. Press the plus button inside the column

2. A new metabox called QuadMenu Widgets will be included

3. Select the widget by pressing the checkbox

4. Press the Add to Column button