Manual template integration with BLUEPRINT theme platform in BigCommerce

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 Klevu Search App → Integrate Search page.  
    bc-settings-6-11
  2. Scroll down to Manual Template Integration and click on View Instructions button. 
     blueprint-theme-settings
  3. Copy the JavaScript and keep it somewhere for later use.   
     bc-manual-copy-script-1
  4. Go to Storefront → My Themes.
  5. Click Edit HTML/CSS for the current theme. 
    bc-blueprint-edit-html
  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 Save button. 
    bc-blueprint-copy-script-2
  8. Use the left sidebar panel to locate the search.html in the template files. Open the file.
  9. Download 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%%

    bc-blueprint-copy-search-template

  12. Click on 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 muli-currency / customer group / price list support in search result.

Troubleshooting FAQs