Learn how to install cookie consent banner and privacy policy in BigCommerce

Installation instructions for BigCommerce:

  • Step 1:

  • Go to homepage of your BigCommerce website.

  • login
  • Step 2:

    • Give your login credentials.
    • Press "Enter" on keyboard.
    login
  • Step 3:

    • Click "Storefront" button in ribbon appearing on left side of website.
    login
  • Step 4:

    New menu will open:

    • Click on "Script Manager"in sub menu of Storefront.
    • Click on "Create a Script"button.
    login
  • Step 5:

    Next window "Create Script"will open

    • Write "Name of Script" in field below as Seers Cookie Consent Banner and Policy.
    • Write "Description" in field below as GDPR and ePrivacy Compliance with Cookie Policy.
    • Select "Location on Page" where you want Banner to appear in either "Head" or "Footer".
    • Select "Select pages where script will be added" from available options.
    login
  • Step 6:

    Scroll down for next step

    • Select "Script type" from options "Script".
    • Paste your script which you will get from seersco in this window.
    • Click "Save" button.
    login
  • Step 7:

    • Next window will appear. You will see message "Script created" .
    login
  • Step 8:

    Go to your website, Banner will appear

    login


Manually implementing prior consent:

Our script automatically blocks cookies and apply prior consent of known scripts, but if you didn’t find yours script blocked, you can block it manually: here is an example of how you can manually blocks Google Analytics script.

To enable prior consent, add attribute “data-cookieconsent” in script tags which sets cookies. You can use comma to separate the categories “preferences”, “statistics”, “necessary”, “unclassified” and “marketing” according to the type of cookies that script generates. Secondly change the attribute “type” from “text/javascript” to “text/plain”. e.g. Applying prior consent on Google Analytics: In the Header Code field, find the Google Analytics code which looks like below:

Before:

< script>  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','//www.google-analytics.com/analytics.js','ga');

    ga('create', 'UA-00000000-0', 'auto');

    ga('send', 'pageview'); < /script>

After (in bold):

< script type="text/plain" data-cookieconsent="statistics"> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','//www.google-analytics.com/analytics.js','ga');

    ga('create', 'UA-00000000-0', 'auto');

    ga('send', 'pageview'); < /script>