Why and how to create a powerful custom search like Airbnb without writing any PHP?

What will be your next online purchase? Where are you planning to take your next vacation? Are you looking for a present for the one you love?

It sounds obvious but to find the perfect thing you are going to search for it…

Let’s say that you want to book a hotel in London. Your first thought may be to simply Google the keywords “Hotel in London”. The links showing up will probably be booking.com, hotels.com, Tripadvisor or Airbnb as they are the big players in the travel industry.

Do you sometimes ask yourself how did they become so successful? Why do we use them to book our next trips?

It’s true that they have accurate content, great prices, a huge range of accommodation, an efficient customer service but still, there is something else.

What makes them really successful is their overall custom search experience: they help us to nail down what we are exactly looking for.

They have a large amount of filters allowing you to narrow your options. You can easily sort the properties by price, by stars, by area, by facilities or even by reviews. Talking about reviews, they are influential trust indicators and this could be added on the top of the “why they became so successful” list.

Custom search example with 'filter by' option.
Custom search example with ‘filter by’ option.

What’s more, they let you display the results in two different ways: either as a list using pagination or on a map. Having a map for the tourism industry is vital as travelers want to know how close to the action they’ll be staying.

Example of custom search with map by Airbnb.
Example of custom search with map by Airbnb.

Now that we have highlighted the importance of a good custom search, let’s see how to create one with WordPress.

To build a powerful website like this on WordPress, you may think that you need to be an expert in PHP. Good news, not necessarily!

I would like to introduce Toolset plugin. It helps you to design these kinds of advanced websites without ever leaving your WordPress dashboard. In other words, not a single line of PHP is required to use it. Let’s see how to create a search in 3 simple steps:

1. Create some content to power the search: we need custom post types, custom fields, and custom taxonomies

You may be wondering what is the link between custom post types and a search. Well, to power the search you need to have some content (like an inventory). A custom post type can be anything: Products, Testimonials, Portfolio items etc. it will be added to your WordPress dashboard as a separate menu item.

For example, we can have a custom post type called “Tours”. Each tour will share the same type of information: the name of the tour, the price, the duration, the location etc. In other words, we need to create some custom fields applicable for all them. Finally, you can create a different type of tours this is what we call some custom taxonomies.

Custom post types, custom fields and custom taxonomies to power custom search.
Custom post types, custom fields and custom taxonomies to power custom search.

2. Create the search and select the filters you want to use:

Once all of this custom content is created, it’s time to build the search. You can add as many filters as you want. For example, you can allow visitors to see only the tours that match the filter “Duration of the tour”.

Insert custom search filter
Insert custom search filter

Here is an example of the search created with a few filters. As you can see the filters used are the one custom fields and taxonomies that we created in step #1.

Select filter menu in Toolset plugin
Select filter menu in Toolset plugin

3. Choose how you want to display the results.

And here is the last important thing to mention about Toolset: you choose how to display your custom post types on the frontend. The most common display are:

  • As a listing with pagination
  • As a map
  • As a slider
Tours displayed with Toolset plugin for WordPress.
Tours displayed with Toolset plugin for WordPress.


In conclusion, you don’t need to be a PHP master to build incredible websites. Toolset is compatible with every themes and page builders, including Visual Composer.

Are you planning on doing any similar projects? See what you can accomplish with Toolset!

You can try Toolset for 30 days. If you’re not completely happy, you will receive a full refund without questions.

More on wpcrib


  1. WoW this is exactly what I was searching for. Is it possible to integrate Toolset with widget coming from Booking.com ?

    1. You should contact Toolset authors for such request, I know they are very positive in receiving requests and communication.

  2. Thanks for the info, excellent post, the best thing is that it is compatible with visual composer.

  3. Toolset looks cool. Search function on WordPress isn’t the greatest, especially when it comes to custom post types or fields.

    1. Yes, Toolset is really cool. In fact, within a week we will meet with them in Paris to discuss how we can collaborate to offer even better experience so hold on 🙂

  4. Perfect ! Keep writing posts like this one, and I´m totally yours, thanks 🙂

  5. This is exactly what I am looking for. How exactly is that search widget created? I’m using Toolset and have created the custom post types and such but am not sure how to add a search widget to the page with those filters. I don’t see any content widgets in Visual Composer either. Thanks in advance.

    1. Hi Dana, you should visit Toolset website. As I know, they have a comprehensive list of tutorials that should help you out. As for Visual Composer content widgets – this is on our roadmap.

  6. Wow… I’ve been wondering how I could do filtered search results exactly like this for a while now, but had kind of given up hope. I never would have thought that there a plugin that could handle it! This is awesome.

  7. If we buy this Tool. Will it have video Tutorials on how to use some of the elements, etc. or create a new site from scratch. The basic html documentation is too simple, a visual tutorial will very helpful.

    1. Toolset has a decent documentation with examples on how to use it. Check out the link at the bottom of the article which leads to their documentation.

Add comment

Join discussion and make an impact. Your email address will not be published.

GDPR is going into effect on May 25, 2018. Learn more in our new GDPR section. You can also view changes to our Privacy Policy.
We use cookies to provide a personalised experience for our users.