Help Center
-
Knowledge Base
-
-
-
- Articles coming soon
-
- Home
- Install Settings
- Merchandising
- Personalize
- Category
- NLP
- Script-Hooks
- Analytics
- Manage Users
- Agentic Search (AI-Powered Conversational Search)
- AI Synonyms
- Semantic Search
- AI Shop Assistant (Chat Widget)
- Recommendations Widget
- Advanced Filtering & Filter Trees
- Troubleshooting Guide
- Search Performance Optimization
- BigCommerce Search Integration
- WooCommerce Search Integration
- Getting Started with eCommerce Search
- Show all articles (5) Collapse Articles
-
-
- Install Settings
- Analytics
- Search settings
- Merchandising
- Category
- NLP
- Search-API info
- Manage Users
- Script-Hooks
- Personalize
- Agentic Search (AI-Powered Conversational Search)
- AI Synonyms
- Semantic Search
- Recommendations Widget
- Advanced Filtering & Filter Trees
- Troubleshooting Guide
- Search Performance Optimization
- WooCommerce Search Integration
- Show all articles (3) Collapse Articles
-
-
- Instructions to install app
- Home
- Install Settings [Shopify]
- Category
- Merchandising
- Search settings
- NLP
- Analytics
- Search-API info
- Manage Users
- Script-Hooks
- Personalize
- Agentic Search (AI-Powered Conversational Search)
- AI Synonyms
- Semantic Search
- AI Shop Assistant (Chat Widget)
- Recommendations Widget
- Commerce MCP Server (Shopify AI Tools)
- Advanced Filtering & Filter Trees
- Troubleshooting Guide
- Search Performance Optimization
- Show all articles (6) Collapse Articles
-
- List of all supported fields
- [Solved] Crawl error with Cloudflare website, Cloudflare is blocking crawler bot
- Expertrec Crawler - Control your Index
- Take Screenshot
- Manual extraction
- Automatic extraction
- Boost Fields
- Filter fields
- Create search for e-commerce store
- Use Existing Search Box
- Wordpress plugin
- Code
- Troubleshooting Guide
-
- Articles coming soon
-
- KB Home
- Knowledge Base
- Archive
- Code
Code
When you sign up for a custom search engine using ExpertRec, you will get a piece of code to add to your website to take the search live.
You can get your ExpertRec custom search code by going to this link or by navigating to Install->Code in your dashboard. This page may contain two, or three pieces of code, depending on your settings in UI Customization->Search Layout.
Option 1- Overlay mode (Search results on the same page)

The first part of the code is the javascript component (just adding this code will not get the search box on your site) that enables the search functionality. Add this to the <head> section of all your pages where you want the search to work.
The second part <ci-search><ci-search> just adds the search box. Add this on the pages where you want to display the search box. Here is a JS fiddle link where you can understand what the code does.
You can fine tune the search box’s look and feel in your ExpertRec control panel from this link.

Option 2- Search results on different page mode (search results open in a new page)
If you have configured your search results to come in a different page (in UI Customization->Search Layout), you will get a third piece of code.

The <ci-search-results></ci-search-results> html code has to be added on your search results page, for displaying the search results.