Expertrec custom search code

Expertrec custom search code explained

Rate this article

Share this article

When you sign up for a custom search engine using expertrec from, you will get a piece of code to add to your website to take search live.

Expertrec code

You can get your expertrec custom search code by going to this link.

Option 1- Overlay mode (Search results on same page).

expertrec custom search code

The first part of the search is the javascript component ( adding this code will not get the search box on your site).

The second part <ci-search><ci-search>  adds 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 at

expertrec search box code look and feel


Option 2- Search results on a different page (search results open in a new page).

Go to “UI customization-> Search layout-> Choose search results on a different page” When you want your search results to come in a different page for example-, enter under search result path /search-results/ 

Enter your website’s search query parameter- q, (for WordPress usually it is s) and click on apply.

Now you will get a new piece of code. Click on get code to get this code.

search results on different page code

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



Are you showing the right products, to the right shoppers, at the right time? Contact us to know more.
You may also like