WordPress has a built-in search feature, but its search results are often pretty poor. That’s one of the main reasons why we stopped using the default WordPress search on our own websites.
Fortunately, you can customize the search results page to make it more user-friendly. All you need is the right WordPress plugin. In our experience, SearchWP is the best tool to help you get the job done because it’s beginner-friendly and gives you lots of customization options.
We know firsthand that customizing the search results page helps users find the content they want more easily. It also improves the user experience, leading to more page views and conversions.
So, in this article, we’ll show you how to customize the search results page in WordPress without writing any code. Follow our guide to create a better search experience for your visitors.
Why Customize the WordPress Search Results Page?
We are going to give it to you straight. The default WordPress search feature is not good!
Each WordPress website comes with a very basic search feature. It allows users to look for content matching their search terms, but the search results are not very good.
Often, search terms return no results, even when there are possibly several matches that would answer the user’s query.
The search itself is also slow and requires a page load. If multiple users use the search feature at once, this could slow down your website.
A poor search experience will cause your users to look elsewhere, and you will lose potential customers or subscribers. On our websites, we have witnessed a significant bump in page views with content discovery features like site search.
Luckily, WordPress is customizable, so you are free to add a better search experience to your site.
We’ll show you how to create a faster search system with a better user experience and more helpful search results.
How to Edit the Search Results Page in WordPress
We will show you how to easily edit the search results page in WordPress without writing any code.
You’ll also learn to replace the default search with a more powerful solution to improve the quality of search results:
- Step 1: Setting Up SearchWP as Your WordPress Search Engine
- Step 2: Creating Advanced Search Forms for Your WordPress Site
- Step 3: Adjusting the Search Results to Promote Important Content
- Step 4: Exclude Content From WordPress Search Results
- Step 5: Make Search Results Appear Instantly in WordPress
- Step 6: Search in More Places on Your WordPress Site
- Step 7: Include eCommerce in WordPress Search Results
Let’s dive in!
Step 1: Setting Up SearchWP as Your WordPress Search Engine
SearchWP is the best WordPress search plugin on the market.
It enables you to improve WordPress search by replacing it with a faster and more accurate search engine.
Why Use SearchWP to Customize WordPress Search?
- Unlike default WordPress search, SearchWP automatically indexes content in the background, which makes search queries run faster.
- It works with default WordPress search forms and templates. This means you don’t need to write any code or make any big changes to your site.
- Its powerful search feature looks for matches in post titles, excerpts, content, categories, tags, pages, and more. This instantly improves the quality of search results.
For more details, see our complete SearchWP review with pros and cons.
First, you need to install and activate the SearchWP plugin. For more details, see our step-by-step guide on how to install a WordPress plugin.
Upon activation, you need to visit the SearchWP » Settings page and switch to the ‘License’ tab. Enter your plugin license key, which you can find in your account on the SearchWP website.
Next, you need to visit the SearchWP » Algorithm page to configure the search engine settings.
You will notice that SearchWP has set up a default search engine for you. It uses your WordPress posts, pages, and media as sources.
Under each source, you can adjust the sliders to give more relevance to one attribute than another.
Want to include more places on your website in search results? Just click on the ‘Sources & Settings’ button to add them.
For the sake of this tutorial, let’s add ‘Comments’ as a search source.
After you click ‘Done,’ a new tab will appear under the sources list. However, it will be empty, and to make it useful, you need to click on the ‘Add/Remove Attributes’ button.
This will bring up a popup where you can select which attributes you want to include in your search.
For instance, we picked the ‘Comment’ text as an attribute.
After adding an attribute, you can assign a weight to it in your search results.
More weight means that SearchWP will consider that attribute more relevant than other attributes when showing search results.
Just repeat the process if you need to add more attributes to a source.
Once you have finished reviewing search sources, you can go ahead and click on the ‘Save’ button.
SearchWP will now start building a search index based on your settings.
Once finished, you will see 100% as the ‘Index Status.’
The SearchWP engine will now automatically replace the default WordPress search. If you already have a search form on your website, then you can try it.
If you don’t have a search form on your website, then you can add one by visiting the Appearance » Widgets page.
Simply add the ‘Search’ widget or block to your sidebar and click on the ‘Update’ button to save your changes.
Note: If your WordPress theme does not have any widget-ready areas, then you will not see the ‘Widgets’ page under the ‘Appearance’ menu.
Instead, you can add a Search block to your site by visiting the Appearance » Editor page.
This will launch the full site editor. You can add the ‘Search’ block to any place where you want the search form to be displayed.
You can now visit your WordPress blog and try out your new and improved search feature.
Step 2: Creating Advanced Search Forms for Your WordPress Site
A plain search form looks okay and gets the job done. However, it is not very engaging, and users often don’t even notice it on a site.
SearchWP fixes this by allowing you to create highly useful and advanced search forms for your WordPress site.
Simply go to the SearchWP » Search Forms page and click the ‘Add New’ button.
On the next screen, click on the pencil icon next to the form name to give it a proper name.
This will help you recognize the form when you need to add it to your site later.
After that, you must choose a theme for your search form.
SearchWP comes with several options, including ‘Basic,’ ‘Category Search,’ ‘Quick Search,’ ‘Advanced,’ and ‘Combined’ search forms.
Clicking on a theme will select it and show you a preview of what that search form would look like.
Simply pick a theme you would like to use for your search form and then scroll down to customize it.
From here, you can tweak the form settings, style your form, and choose colors.
Once you are finished, don’t forget to click the ‘Save’ button to store your settings.
Note that this custom form will not automatically replace your default WordPress search form.
Instead, you will need to manually embed it on your site. Simply go to the Appearance » Widgets page (or Appearance » Editor if your WordPress theme doesn’t have sidebars).
From here, you need to add the ‘Search Form’ block to your widget area or template in the site editor.
After that, choose the form you just created from the dropdown menu inside the block.
You will then see a preview of your custom search form on the screen.
Don’t forget to click on the ‘Save’ or ‘Update’ button to store your changes.
Step 3: Adjusting the Search Results to Promote Important Content
Now that you have replaced the default WordPress search with SearchWP, it is time to look at how you can generate even better search results.
We will start by promoting important content in search results. These could be blog posts that bring you more revenue, sales pages, lead-generation landing pages, and more.
First, you need to visit the SearchWP » Extensions page and install the Custom Results Order extension.
Next, you need to visit the SearchWP » Statistics page.
Here, you can see which search terms or keywords are popular among your users.
Note: If you have just installed the plugin, then you may not have enough data here. You can wait for users to enter a few search terms to collect more data.
Now, look for the keywords where you want to promote a particular post and page in the search results.
After that, go to the SearchWP » Algorithm page and select the ‘Custom Results Order’ tab.
Inside the search query box, enter the keyword for the post or page that you want to promote, then click the ‘Add Search Query’ button.
SearchWP will show you the results for that particular query. You need to select the content you want to promote and then click the ‘Promote to Top’ button.
Your selected post or page will now start appearing at the top for that particular search keyword.
You can always return to the same page and unpin that post or page from the top by clicking the ‘Remove Promotion’ button or adding a different one.
Step 4: Exclude Content From WordPress Search Results
Sometimes, you may have content you don’t want to appear in search results. For instance, you might have a page promoting an expired sales event or an outdated blog post.
SearchWP allows you to easily exclude any post or page you don’t want to include in search results.
First, you must visit the SearchWP » Extensions page and install the ‘Exclude UI’ extension.
After activation, you can simply edit the post or page you want to exclude from search results.
In the ‘Post’ panel on the edit screen, you will now see an option to exclude that post from search results.
Simply check the box next to ‘Exclude from search’ and click on the ‘Update’ button to save your changes.
SearchWP will now stop showing that post or page in search results.
Step 5: Make Search Results Appear Instantly in WordPress
Normally, your SearchWP search results will appear using the theme template file provided by your WordPress theme.
But what if you could show the users the results as soon as they start typing? This feature is called live search, and you may have already seen it on search engines like Google and Bing.
Let’s add live search to your WordPress site to make search a better experience for your users.
First, you need to visit the SearchWP » Extensions page and install the ‘Live Search’ extension.
Upon activation, the extension will start working automatically.
You can now go to your website and start typing keywords into a search form to see it in action.
For more detailed instructions, you can see our tutorial on how to add live search in WordPress.
Step 6: Search in More Places on Your WordPress Site
SearchWP can be configured to search in more places on your WordPress website. For instance, it can search in custom fields, PDF documents, shortcode outputs, and more.
Depending on where you want to enable search, you can turn these features on and off as needed.
Enable Search for WordPress Custom Fields
WordPress custom fields allow you to store additional metadata for your WordPress posts and pages. WordPress plugins also use them to store data related to a post or page.
To include custom fields in your search sources, just go to the SearchWP » Algorithm page and click the ‘Add/Remove Attributes’ button below a source.
This will bring up a popup where you can select a specific custom field or select any meta key.
Simply click on ‘Done’ when you are finished, and don’t forget to click the ‘Save Engines’ button.
SearchWP will now start using custom fields as a source and will include matching posts in the search results.
For more details, see our guide on how to make custom fields searchable in WordPress.
Enable Search in PDF and Documents
SearchWP can also search inside PDF files and office documents uploaded in your WordPress media library.
Simply go to the SearchWP » Algorithm page and click on your search engine’s ‘Sources & Settings’ button.
This will bring up a popup where you need to make sure that ‘Media’ is selected as one of the sources.
Then, click the ‘Done’ button.
After that, scroll down to the sources list on the Engine settings page to find the ‘Media’ tab.
From here, you need to click on the ‘Add/Remove Attributes’ button.
This will bring up a popup where you can select which attributes you want to include in your search results.
Make sure that the ‘Document Content,’ ‘PDF metadata,’ and ‘Title’ attributes are selected.
Simply click on the ‘Done’ button after making your selection.
Next, you can move the slider up and down to adjust the weight you want to give to a particular attribute in search results.
Once you are finished, don’t forget to click the ‘Save Engines’ button to save your settings.
Enable Search in Shortcode Outputs
Many WordPress plugins use shortcodes to output data in your WordPress posts and pages.
If this shortcode data is important for your WordPress website and will help improve search results, then you can enable shortcode output parsing in SearchWP.
Simply go to the SearchWP » Settings page and scroll towards the bottom. From here, you need to turn on the ‘Parse Shortcodes’ option.
After that, you just need to click the ‘Wake Up Indexer’ button to run a new indexing process in the background that will include shortcode output in search results.
Step 7: Include eCommerce in WordPress Search Results
SearchWP makes it super easy to improve eCommerce search results in your online store.
It has powerful integrations for popular eCommerce plugins, including WooCommerce and Easy Digital Downloads.
We will show you how to turn it on for your WooCommerce store. Other integrations work similarly as well.
First, you need to go to the SearchWP » Extensions page and install the WooCommerce Integration extension.
Upon activation, go to the SearchWP » Algorithm page.
Then, you’ll want to click on the ‘Sources & Settings’ button for your search engine.
This will bring up a popup where you need to ensure that the ‘Products’ option is selected as one of the sources.
After that, click on ‘Done’ to exit the popup.
Now, scroll down on the Sources screen, and you will see the Products tab.
You can adjust the attribute weight by moving the sliders or clicking on the ‘Add/Remove Attributes’ button to select custom fields or product categories.
Once finished, don’t forget to click the ‘Save Engines’ button to save your settings.
For more detailed instructions, you can read our guide on how to improve WooCommerce product search in WordPress.
We hope this article helped you learn how to easily customize the search results page in WordPress. You may also want to see our guide on how to add fuzzy search in WordPress or our expert pick of the best WordPress search plugins.
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.
Syed Balkhi
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
Dennis Muthomi
I run an online store (selling tshirts on woocommerce) and I’ve struggled with providing a seamless search experience for my customers.
this guide on customizing the WordPress search results page using SearchWP is a game-changer! the ability to promote important products, exclude outdated ones, and enable live search will significantly improve user experience and conversions.
I especially appreciate the detailed instructions on integrating WooCommerce for better product search results.
Thank you!!
THANKGOD JONATHAN
My search page was an eyesore. This guide transformed it into a user-friendly haven! Now visitors can actually find what they need. Thanks for the design tips!
WPBeginner Support
Glad our guide was helpful
Admin
Ahmed Omar
Customizing the search results page in WordPress has always been a bit of a puzzle for me, but your step-by-step guide really breaks it down. The use of hooks and filters, as you explained, adds a whole new layer of flexibility to the process.
Thank you
WPBeginner Support
You’re welcome
Admin
Jiří Vaněk
Would you eventually consider making such personifications (even just small steps) through tools like Elementor (graphics) or coding (functions)? I understand that the plugin route is very straightforward, but unfortunately, WordPress sometimes becomes like a bottomless pit for plugins, eventually causing significant slowdowns. For instance, I try to customize everything graphically in Elementor since I have it, and when it comes to search, I’ve been considering going the route of Google Search.
WPBeginner Support
Maybe in the future we will look into how to customize the page with a page builder. For your statement on plugins, it is not the number of plugins on a site that determines if a site slows down, our guide below goes into more detail on the subject:
https://wpbeginner.com/opinion/how-many-wordpress-plugins-should-you-install-on-your-site/
Admin
Jiří Vaněk
Articles for pagebuilders would be very nice. I think a lot of people use them. Thank you for the article about plugins. I read it and thanks to you I got a new perspective on this matter.
Ram E.
If your only concern is customizing the appearance of the search results page, this is something one can easily do in full site editing mode—in other words if you are using a block theme (even without a special plugin). But if you want to configure not only the page appearance but also the overall settings/features, SearchWP is indeed a great option.
WPBeginner Support
Not all themes have the option to customize built-in and we hope SearchWP helps those who can and can’t
Admin
Piotr Z
Imagine your blog is like a big library with lots of cool books. When you started, it was like a tiny library, and finding stuff was easy. But now, it’s grown into a mega-library, and sometimes even you can’t find your favorite book!
This is what happened to me! Sometimes I cannot even find the article on my own blog.
It seems like this is the next topic for me to explore and improve.
thanks a lot for this guide, it is full of practical tips on how I can make my blog more accessible and searchable.
WPBeginner Support
You’re welcome, we hope our recommendations help
Admin
Ralph
First of all, you should decide is it even worth the time. If you are not really tech savvy it will take a lot of time. I know, because I’m not the best at such things. I’m blogging for a long time and used to think i have to make everything perfect on my site.
From modifications of my theme, adjusting sizes of images or buttons to even customizing 404 or search. For me personally it was not worth it. I spent a lot of time, and learned that what i had in my theme was in 80% the same. Was that 20% worth hours put in it? You have to decide yourself, but after years i would say no it was not worth it.
Of course if you can do this in 15 minutes, then go ahead. I personally rather focus on creating another awesome post or guide for my readers.
I would also do it if I had really big website. More like portal not blog. For professionals, go ahead!
WPBeginner Support
Thanks for sharing your opinion on this and we hope our guides can make the process of making changes take much less time.
Admin