How to add smart search to Webflow
Connect smart search to Webflow or Webflow Ecommerce through your site's Head Code settings.
Prepare the catalog and code
Connect your product feed in Indexa and wait for the catalog to load.
In “Widget → Integration”, enter the website URL and copy the universal code.
Before installation
Custom code requires an active Site Plan or an eligible Workspace. Check whether the field is available for your site.
Add the search code to Webflow
Open “Site Settings → Custom Code”.
Paste the complete Indexa script into “Head Code”. Do not add outer html or head tags.
Click “Save changes” and keep the code already in the field.
Publish the site to the required domain and check the live pages.
Example for Head Code
<script async src="INDEXA_LOADER_URL_FROM_DASHBOARD"></script>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.
Global code applies to the website, unlike page-level code in Page Settings. Republish after changing it.