Introduction

This article provides a brief overview on how to easily add a JavaScript-based cookie banner to your storefront.

References

A JavaScript-based cookie banner:

• https://github.com/dobarkod/cookie-banner (License: MIT)

Step by Step

The following steps are a fast and easy possibility to add a cookie banner to your storefront.

Please note that the following steps are just a quick sample on how to implement the banner to your storefront. If you want to customize or self-host your banner you may follow the steps from the linked GitHub page.

1. Open your ICM back office, switch to the design view and open the utility slot of the header segment.
2. Add a new free style HTML content segment to the utility slot.

3. Copy the following code to the segment properties:

   <script type="text/javascript" id="cookiebanner"
       src="https://cdn.jsdelivr.net/gh/dobarkod/cookie-banner@1.2.2/dist/cookiebanner.min.js"
       data-height="50px" data-position="top"
       data-message="We use cookies to improve your browsing experience.">
   </script>

4. Save your changes and customize if necessary: