Including custom Klevu JavaScript on a BigCommerce store

There may be times when you want to make customisations to the way Klevu JavaScript works, or the Klevu support team may have provided these customisations for you, and now you need to know how to apply these changes to your store.

As always, when making changes to your theme it is recommended you take a backup and store this somewhere securely. We also recommend you make these modifications on a copy of your theme, in order to preview any changes before applying to a Production store.

  1. The Klevu team will have already shared with you a snippet of JavaScript, that looks something like this:
    <script type="text/javascript" charset="utf-8" src="https://some.link.to/your.custom.js"></script>

    To add this snippet to your Theme, you can either download your theme, make the required changes and re-upload, or alternatively you can follow these steps to apply the changes via the BigCommerce Theme Editor.

  2. Navigate to Storefront > My Themes then click ‘Edit Theme Files’ on the theme you have Klevu installed on (usually your active theme). For older Blueprint themes the wording is slightly different, ‘Edit HTML/CSS’.bc-edit-theme-files
  3. Navigate to edit the file templates > base.html (or Panels/Footer.html for older Blueprint themes) and add the new snippet after any existing Klevu JavaScript.bc-edit-base-custom-js
  4. Click on “Save File” and you’re done!