Open navigation

Manual Integration with Blueprint Theme

This content contains older information from our previous Javascript library. Please visit the link if you have implemented Klevu with the latest template JS.

Prerequisites:

We require any customers to install the Klevu integration on a test or staging environment first, in order to mitigate any issues in your live web store.

Installation steps:

If the Klevu Search app is not yet installed, please follow the installation steps given on this link.

Steps for manual template integration (with BLUEPRINT theme):

  1. Go to the Klevu Search AppIntegrate page.
  2. Go to Manual Template Integration and click on the View Instructions button.

  3. Copy the JavaScript and keep it somewhere for later use.  
  4. Go to Storefront → My Themes.
  5. Click Edit HTML/CSS for the current theme.

  6. Here, open Panels/Footer.html file in theme editor.
  7. Insert the script (copied in Step 3) at the end of the file and click on the Save button.

  8. Use the left sidebar panel to locate the search.html in the template files. Open the file.
  9. Download the attached Zip file to integrate the Klevu search results page.
  10. Extract Bigcommerce-Search-Blueprint.zip file and open Bigcommerce-Search.html file in your notepad.
  11. Replace the following lines of code in the search.html template with all the content of Bigcommerce-Search.html. 
    %%Panel.SearchPageHeader%% 
    %%Panel.SearchPage%%
    

  12. Click on the Save button.
  13. You are done. Klevu search should be live on your store. It will take few minutes to sync all the products with Klevu. (If you have 1,000 SKUs the sync should take around 5 minutes. If you have 10,000 SKUs then it should take around 30-45 minutes.)

 

Multi-Currency / Customer Group / Price List Support

  • Follow this link to enable multi-currency / customer group/price list support in search results.

Troubleshooting FAQs

Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.