Blog

WEBFI-WordPress-How to Add Instant Search in WordPress with Algolia



Are you looking to add instant search capabilities to your WordPress site? Many sites use this to give quick previews of their posts to help their users find them. In this video we will show you how to add instant search in WordPress with Algolia.

Text version of this tutorial:
http://www.wpbeginner.com/plugins/how-to-add-instant-search-in-wordpress-with-algolia/

If you liked this video, then please Like and consider subscribing to our channel for more WordPress videos.

Check us out on Facebook:
https://www.facebook.com/wpbeginner

Follow us on Twitter:
http://twitter.com/wpbeginner

Checkout our website for more WordPress Tutorials
http://www.wpbeginner.com/

For this tutorial we will be using the Search by Algolia plugin found here:

https://wordpress.org/plugins/search-by-algolia-instant-relevant-results/

Summary of this tutorial:

Start by visiting the Algolia website and signup for an account.

https://www.algolia.com/

With your account set up, activate the Search by Algolia plugin which adds a new section to your WordPress admin area for you to visit.

On that page you will need to add your ID and API keys which can be found in your Algolia account dashboard.

Save your added keys and IDs then go under Algolia, Autocomplete page and select which you want indexed, we only index posts in this tutorial. You can also decide if you want to enable autocomplete for the search box.

Once that has been saved and indexed you can go to the Search Page section to select to use Algolia in the backend to display the instant searches in your search.

source

9 Comments

  • shubham gupta on July 4, 2017

    It is Free or Paid?

  • Ahmed Isiaq Deduice on July 6, 2017

    Hello. Is there a particular plugin or a way to add a top level menu or links like phone number, email address or social media links on one's site as you mostly on an eCommerce site? So eager and curious to know how that's done. Thanks in advance

  • Good-day WPBeginner – WordPress Tutorials, please I am presently undergoing an issue with a website I am creating. All of a sudden the nav menu stopped showing, I have backup and cleared out everything from my cpanel and restored but to no avail. The theme I am presently using is Clarina…please how can I fix this? This is the website: booskifitness.com

  • Rodrigo Chiarato on July 12, 2017

    perfect ,, thanks

  • Andrew Pfund on October 2, 2017

    Interesting!

  • Nikolaj Buus on October 6, 2017

    very nice

  • Synergy campaign on July 26, 2018

    Hi, does this bar can be put in an specific section of my web or its only in the menu?

  • Aleks Siroki on May 11, 2019

    Fuck me 🙁 🙁 This plugin was deleted from repository on 2nd May 2019. What should I do now? Any suggestions or guidance would be much appreciated!!

  • Andrew Kislik on July 16, 2021

    Hello, My theme doesn't come with a search. And I don't use a sidebar. I'd like this in my top primary navigation. Is this possible? Did everything with ease following your instructions except can't add it anywhere. . .

WhatsApp us
Live Chat

Office hours operation Mon-Sun 8:00 am ET – 4:00 pm ET

To start your Premium WP or Cpanel service, use our domain search engine, if the domain you want is available, contact us by Whats app to activate your project.

The easiest, fastest, and most secure way to communicate with us.
loading
Please enter your domain.
Please verify that you are not a robot.

Terms Privacy

 

 

© Webfinet Affordable Private Small Business Solutions All Rights Reserved 2021 - Powered By WEBFINET
error: WEBFINET SECURITY IS ON