Start it now with our web cookie banners and make your store visitors’ online experiences smoother and more secure than ever.

When When browsing through, some sites remember your login details, record your page format preferences, and store your shopping cart items for an afterward date; that’s all down to web cookies.

Updates to legislation mean that HulkApps had a new challenge: providing a great business valued experience while ensuring eCommerce store visitors’ privacy at the same time. To help you build the perfect cookie banner for your website or mobile app using GDPR Cookie Notice Barwe’ve written this post. 

In this article, we’ll show you how to design your cookie banners for informed consent using the GDPR Cookie Notice Bar.

Let’s get started...

With so many policies around cookie preferences and restrictions, your cookie banners have to be designed accurately. Play around with different banner styles with different color combinations until you discover one that best suits your site or app, as well as effortlessly integrates it with the rest of your site’s design.

#1 Cookie Notice Bar at the HEADER

This sort of cookie bar adds a notice to the header of the website. It is an above-everything notice, guaranteeing that the user interacts with it and is aware of its significance.

GDPR Cookie Notice Bar

How to prototype this cookie notice bar?

To prototype this cookie banner style using GDPR Cookie Notice Bar, 

  • Go to the app > Settings
  • Select Style > Full-Screen Bar
  • Banner Customization > Desktop / Tablet Position > Select “Top”
  • Banner Customization > Mobile Position > Select “Top”
  • Hit the “Save” button

#2 Cookie Notice Bar at the FOOTER

Like the inline header, this cookie banner appears in each page's footer on your website. It too educates clients of your cookie policy and what they are consenting to by continuing to use the website.

GDPR Cookie Notice Bar

 

How to prototype this cookie notice bar?

To prototype this type of cookie notice bar, you’ll simply need to follow a few simple steps :

  • Go to the app > Settings
  • Select Style > Full-Screen Bar
  • Banner Customization > Desktop / Tablet Position > Select “Bottom”
  • Banner Customization > Mobile Position > Select “Bottom”
  • Hit the “Save” button

While you’re configuring the cookie bar for your Desktop/Tablet, there’s another way for you to configure it separately for your mobile devices. 

Wonder How? We will soon talk about it soon!

Conclusion 

We hope the above examples and tips on prototyping your GDPR cookie notice bar will help you make sense of the latest internet privacy legislation changes. 

So now’s the time to get down to some web cookie design. Install GDPR Cookie Notice Bar in your Shopify store and get started in no time!