This guide covers how to install the basic Beacon Insights code into your Shopify site.

IMPORTANT: This involves editing the theme files for your site. Knowledge of web design languages such as HTML, CSS, Javascript and Liquid is recommended.

  1. From your Shopify admin, click Online Store, then click Themes
  2. Find the theme you want to edit, click the ... button,
  3. Then click Edit HTML/CSS:
  4.  Add the Tracking Code to your site
    On the Edit HTML/CSS page in your shop admin, click on theme.liquid under Layouts to open the layout in the online code editor. Scroll through the file until you find the closing body </body> tag add the following code:<script type="text/javascript">
    window.bwai = {"formIntegration":true};(function(a, d, w){var h= d.getElementsByTagName(a[0])[0]; var s= d.createElement(a[1]);s.type= a[2]; s.src= a[3]; h.appendChild(s);s.setAttribute("integrity", a[4]);s.setAttribute("crossorigin", "anonymous");})(['head', 'script', 'text/javascript', '//script.thisisbeacon.com/BLoader/1.1/index.js',
    'sha512-13GUu5vadQ2mQwPDwj2jREx1SnYNp0dg5UoI3RN+8Vo+AGFMnmmibbqC4XKnkxHpyK45GtYA2tPzuQJQQHvGgg=='], document, window);
    </script>
  5. Click Save

If you would like some help with this process then please contact our customer support team.