When you sign up for a custom search engine using expertrec from https://cse.expertrec.com?platform=cse, 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. https://cse.expertrec.com/csedashboard/home/code

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 https://cse.expertrec.com/csedashboard/looknfeel/inputbox

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- https://www.expertrec.com/search-results, 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.



Muthali loves writing about emerging technologies and easy solutions for complex tech issues. You can reach out to him through chat or by raising a support ticket on the left hand side of the page.

You may also like