How to Add a Search Bar to WordPress Menu (Step by Step)


Do you want to add a search bar to your WordPress navigation menu? Search form can be really helpful for your users to find what they’re looking for on your site. In this article, we will show you how to add a search bar to your WordPress menu.

How to add a search bar to WordPress menu

Why You Should Add a Search Bar in Menu?

A search bar makes it easy for your users to find what they’re looking for without scrolling to all the pages.

If you add a search bar to your top navigation menu, then it will appear on all pages that display the menu, and your users can easily search all the content on your site.

There are multiple search plugins that you can use to add a search bar to your site. Let’s take a look on how to add a search bar to your WordPress menu.

Adding a Search Bar to WordPress Menu

First thing you need to do is to install and activate the Add Search to Menu plugin. For more details, see our step by step guide on how to install a WordPress plugin.

Upon activation, you need to go to Settings » Add Search To Menu page in your WordPress admin area to configure search bar to your menu.

Add search to menu plugin page

On this page, you need to select the menu where you want to add the search bar. This list of menus (Primary Menu and Social Links Menu) belongs to your WordPress template. If you change the template of your site, then the list will be automatically updated with the available menus from your template.

Once selected, the search bar will be added to your navigation menu. You can define the search post types, search form style, search menu title, manage mobile display for search, and more. These settings will also help in controlling the search results for your users.

After that, you can head over to your site to see the search bar in the WordPress navigation menu.

Add search bar to menu

You can also add the search bar to all other menus of your site. Simply select the menu from plugin settings where you want to display your search form.

We hope this article helped you learn how to add a search bar to WordPress menu. You may also want to see our expert pick of the useful tips and tricks to speed up WordPress site performance and search results.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post How to Add a Search Bar to WordPress Menu (Step by Step) appeared first on WPBeginner.

When It Makes Sense to Use Animations in Web Design

One of the most common mistakes web designers make is including too many animated elements. The thinking goes: “Animations are cool, so the more, the better”. However, too much of a good thing such as this can affect your website’s usability negatively. Animations, much like every other web element, need to fulfill a practical purpose. … Read More

Divi Feature Update! The New Divi Builder Page Creation Workflow

A Better Way To Jumpstart Your Pages We want to make it easier and faster to build new pages, and to bring attention to some of Divi’s most powerful tools. Today we are introducing a new page creation workflow to the Visual Builder that makes it even easier to get new websites up and running … Read More

How to Creatively Highlight Your Membership Deals with Divi

If you’re offering membership deals on your website, it’s important to make sure people will notice them on your website. To give you a headstart, we’re going to provide you with a stunning membership showcase that you can recreate step by step using Divi’s built-in options only. We’re combining a beautiful section background with Blurb … Read More

How to Increase Online Visibility for Your eCommerce Site

WordPress is a powerful tool for creating blogs, landing pages, portfolios, business directories and even online stores. It’s easy to use and offers flexible features so it should be no surprise that more and more entrepreneurs are choosing WordPress to start their businesses. But with all of this increased competition, how can you increase online … Read More

Page 4 of 19623456