Start prototyping your web cookie banners and make your users’ online experiences smoother and more secure than ever


When we talk almost web treats, we don’t mean what’s on the dessert menu. But then once again, web treats can be a treat for web users.


When 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 user experience while ensuring users’ privacy at the same time. We’ve written this post to help you prototype the perfect cookie banner for your website or mobile app using GDPR Cookie Notice Bar

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 much hype around cookie 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

Similar to the inline header, this cookie banner appears in the footer of each page 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 these examples and tips on prototyping your GDPR cookie notice bar will help you make sense of the latest changes to internet privacy legislation. 

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!