In this guide you will see the following:
-
Enabling Algolia
-
Starting WordPress and initial setup of plugin
-
Starting a Shifter Algolia Search block
-
Building the deployment and indexing Algolia
-
Operation test
How To Video
Enabling Algolia
Login to your Shifter dashboard and select the site you want to add search to.
Click on Live in the left side menu
![](/wp-content/uploads/2024/03/682166582-297aa7bb107fc3d25baf6738.png)
Click on “Search” from the sub-menu
![](/wp-content/uploads/2024/03/682167005-e6bc348d62467d795ffd6a9a.png)
From here you can toggle search on/off by clicking the switch
![](/wp-content/uploads/2024/03/682173021-cf7328b637c9cff0d2053618.png)
Search is now enabled and you should see something like this:
![](/wp-content/uploads/2024/03/682173378-5f0b5d2526b12e9fabcdcc78.png)
Starting WordPress and the Initial Set Up of the Plugin
Start WordPress and go to the Plugins page to enable “Shifter Algolia Search”
![](/wp-content/uploads/2024/03/682175392-792289953c0502c3e1134da8.png)
![](/wp-content/uploads/2024/03/682175669-201f2b25b15bcd4f622f8111.png)
Adding a Shifter Algolia Block
Begin editing your site and add a “Shifter Algolia Search” block. You should be able to find the block by searching for “Algolia” in the block menu
![](/wp-content/uploads/2024/03/682177002-56d4852a020ac583ff62a797.png)
![](/wp-content/uploads/2024/03/682177091-73ef302f603aba4ecab544cd.png)
Building the Deployment and Indexing Algolia
Once your block has been added, go back to your Shifter dashboard, stop WordPress and build your deployment
![](/wp-content/uploads/2024/03/682178360-c10ed3c07dd1a8874cf4002a.png)
Algolia’s search index for your site is automatically created after your deployment has been created. If, after waiting for a while, this does not happen automatically you can click the “Create Index” button to do so.
![](/wp-content/uploads/2024/03/682179132-45eb6ee2e4c4eb04fc0de199.png)
Operation Test
Navigate to the page containing your Algolia block on your published or live site
![](/wp-content/uploads/2024/03/682181100-5765db693dd636d04cc2c3e5.png)
Begin typing in the search bar and live results will appear as you do so. Click on a search result to go to that page.
![](/wp-content/uploads/2024/03/682182271-7c2ab36e65ded1a90952a92c.png)
This concludes the settings for Shifter for Algolia Search, you should now have functional search on your site.