How to add smart search to WordPress / WooCommerce

Prepare the catalog and code#

1. 1

   Connect your product feed in Indexa and wait for the catalog to load.

2. 2

   In “Widget → Integration”, enter the website URL and copy the universal code.

Install through a plugin#

1. 1

   In WordPress, open “Plugins → Add New”, install Head & Footer Code and activate it.

2. 2

   Open “Tools → Head & Footer Code”.

3. 3

   Paste the complete Indexa code into the global HEAD field.

4. 4

   Save your changes and clear the caching plugin's cache if you use one.

Example for the HEAD field#

<script async src="INDEXA_LOADER_URL_FROM_DASHBOARD"></script>

If your theme already has a code field#

You can use the theme's global head-code field instead. Choose one method so the code is added only once.

For WooCommerce, install the code in the WordPress site header, rather than a product description or a block on a single page.

Check search after installation#

Open your store, then use “Check installation” in Indexa. Select the desktop and mobile search elements and save.

Search for a product, follow its link and close the widget. Repeat on the home, category and product pages.