How to integrate expertrec search to weebly website

How to add Expertrec site search to weebly website ?

Rate this article

Share this article

Create your Weebly website

Follow this step by step guide and add Expertrec site search to your Weebly website or online store. 1. Create your website in Weebly and keep your website URL of your Weebly site handy. in this demonstration we would create a website called or you can have your domain name. 2. On a new tab Logon to and add your Weebly website URL. Add website URL to expertrec site search

Add JavaScript embed code to your Weebly site.

1. Once you add your Weebly site URL to the expertrec dashboard, click on Install > Code. You will have two codes. * One is Expertrec Site Search Javascript embed code * Searchbox widget code `<ci-search></ci-search>` which you should place where you want display the expertrec search box. Add website URL to expertrec site search 2. Copy the Javascript embed code by clicking on copy button. 3. Switch to your weebly dashboard, Click on Edit Website. weebly dashboard 4. Visit SEO Settings page by clicking on Settings and choose SEO and add the Expertrec Site Search JavaScript embed code to footer code ( Paste / Ctrl + V) and save the settings. add expertrec embed code to Weebly site

Add Expertrec Search widget code to your weebly site.

1. We just have one more step add ExpertRec Searchbox widget to the Weebly site. Click on Theme on your Weebly page builder on top navbar, and click ‘Edit HTML/CSS’ at the left bottom of the screen. Edit theme html in weebly 2. Choose the template file where you want to have the expertrec site search and add the HTML code `<ci-search></ci-search>` as required. Generally, we place it in header.html file. You can always place it inside a container div so that you can control its position easily. More info on how to change the style of the expertrec site searchbox is here. add expertrec search box to weebly website header Add CSS to Search widget 3. Let’s try to add some margin so that it looks better on the website and click on the “Publish” button. and you can preview the site “` <style type=”text/css”> #erec-search-box-container { margin-top:50px; margin-left:100px; } </style> “` Add custom CSS to expertrec search box

Publish the website

Now Publish the website. Hooray, We are done. Now you have expertrec site search on your Weebly website. ![Publish the website](img/published.png)

Website Preview

Here is our website where you had the demonstration. You can try it here Experterc integration with Weebly website You can customize expertrec site search for your Weebly site. Please make sure you see “Crawling” or “Crawled” Status on Expertrec dashboard. Expertrec Crawling status completed If you are facing any issues setting up ExpertRec Site Search, you can always reach out ExpertRec customer support.

Make your weebly website more searchable by adding ExpertRec Site Search

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