Okamoto Hidetaka

<p>WP Search with Algolia can index our own WordPress data into Algolia.<br />
But when we made a website as a Headless, we need to replace the indices’s permalink from WP to Headless.</p>
<p>So, when use the plugin with WP Search with Algolia, we can customize the permalink of the indices.</p>


Search with Algolia Headless extention

Simply extension plugin of WP Search with Algolia plugin. We can customize the permalink of the indices.

<p>This plugin provides two features:</p>
<ul>
<li>Site search form and its result block.</li>
<li>List of related items block.</li>
</ul>
<h3>Static related items block</h3>
<p>Add site search form and its result block in anywhere</p>
<p>This custom block displays most related posts with title, tags and categories. Every time you save changes on the post, the plugin also saves search results to WordPress database, so no additional API calls occur on the frontend.<br />
Applying the latest related posts to the posts, you should edit a post and re-save changes, and thanks for this, it has a considerable advantage: the minimum API calls.<br />
Also, you can handle anything, such as keyword filtering or numbers of posts to display.</p>
<h3>Instant search block</h3>
<p>Add a list of related posts block.<br />
This custom bock displays the site search form and its result page. Simple and easy to use instant search block which is fully customisable (numbers of result, contents of list and its form style ).</p>
<h3>Indexing data</h3>
<ul>
<li>Install WP Search with Algolia ( https://wordpress.org/plugins/wp-search-with-algolia/ )</li>
<li>Get API keys from Algolia search</li>
<li>Indexing data to Algolia</li>
<li>That’s all</li>
</ul>
<h3>Embedding search form</h3>
<ul>
<li>Install or upload this plugin on the plugin page in WordPress dashboard</li>
<li>Input Algolia’s App ID/API Key in Setting => Reading menu.</li>
<li>Add <code>Static Related Items</code> and <code>Instantsearch</code>block to the posts or pages.</li>
<li>Modify numbers of suggests in the posts or indexing</li>
<li>Save changes and publish it.</li>
</ul>


Search with Algolia Instantsearch Blocks

Adding algolia backend search feature to the block editor.

Search with Algolia Headless extention vs Search with Algolia Instantsearch Blocks