Add a cookie consent message to your website

Add a cookie consent message to your website
Nina De la Cruz
Nina De la Cruz 4 min read
💥 Join 5K subscribers

What is the best way to display a cookie notification? Is there an ultimate cookie consent example? Does it have to be formal or can I get creative with the copy? Due to the EU cookie law expanded with the GDPR in 2018, cookie messages have been among the most discussed topics in the community of website owners for quite some time. And if you’re now looking for a way to add one to your website, you’re on the right page.

Here you’ll learn how to use Getsitecontrol popups to notify visitors that your website uses cookies and to make your cookie policy prominent as required by the EU cookie law.

Cookie notification slide-in by GetsitecontrolSee live preview →

Let’s briefly review the technical part. To add a cookie notification, you can use Getsitecontrol widgets– it doesn’t require you to have any coding knowledge or experience. The most popular widget types used for displaying the “this website uses cookies” message are:

  • slide-ins appearing in the lower left/right corner (illustrated above)
  • floating bars placed at the top or bottom of the page (illustrated below).
Cookie notification on a floating barSee live preview →

To quickly recreate one for your website, follow these steps:

  1. Log in to your Getsitecontrol dashboard
  2. Click +Create widget and choose Promote content.
  3. Select a webpage position and a template keeping in mind our recommendations above. On the Content tab you can enter the custom cookie message and provide a link to the page where visitors can find more information about your cookie policy.
  4. If you’d like to change the look of the template, you can do it on the Appearance tab: change the colors for the widget and, if necessary, its size and paddings.
  5. Save the widget using the Save & close button and activate it.

Now, one more detail before we finish. It’s almost equally important to notify your website visitors about cookies and to stay unobtrusive at the same time. That means you should fine-tune the cookie banner behavior settings.

So, on the Targeting tab, find the Stop to display the widget section and click the +Add condition link. Choose Submission from the dropdown list, select Stop to display forever option and click Done.

Choosing the Submission option in the Stop to display the widget section

Here, the “submission” is a visitor clicking the “I agree” or “Understood” button on your cookie notification, and once they do, the banner will not be displayed anymore. Once everything is set up, you can save the widget and activate it.

This is the part where we should probably remind you this is not legal advice but rather another material provided for informational purposes, so feel free to check out European Union regulations and EU data protection rules website for additional guidelines.

It’s quite unequivocal, however, that the rulebook requires you to obtain a “clear, informed consent” from visitors in order to use cookies that track their data.

With that in mind, here is what we suggest your cookie widget consists of:

  • An eye-catching banner appearing at once during the first visit
  • A clear “this website uses cookies” message
  • A link to the page with your Cookie Policy or Privacy policy
  • An interactive element (a button) to collect active consent from your website visitors

The whole point of a cookie message is to notify visitors that your website uses cookies and provide them with the way to agree to it. We haven’t found an ultimate guide on what a cookie message must look like exactly, and as you’ve probably seen, some websites use formal lengthy notifications, others place just a brief message.

Below is our first example: a bottom bar with a compact message, a link to the Cookie Policy and a “Accept” button:

Cookie consent exampleSee live preview →

What most cookie messages have in common is a brief explanation of the reason cookies are used. Some of the most frequently named reasons are the following:

  • Better experience delivery
  • Website traffic analysis
  • Website performance optimization

Again, you can always expand your statement and provide all the details on how your website uses cookies and why in the Privacy policy/Cookie policy.

It’s highly recommended to link to it from your cookie consent widget.

Note that you can place a link to another page right in the notification copy or you can set up a new page to be opened once a visitor clicks on the button. It depends on what your button text is and how you decide to obtain user’s consent.

Instead of using a plain widget, you may want to get creative with the copy and the image. And that might be a great idea because it attracts user attention and helps you create a positive experience. Here’s an example:

Creative cookie widgetSee live preview →

If you’re looking for more cookie consent examples, there is a good roundup collected by Termsfeed, a Terms and Conditions generating website. And if you’re ready to create your own cookie message, go ahead and log in to your Getsitecontrol account.

Tips for your marketing strategy