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

Technically, every website on the Internet is required to display a cookie message. But if you haven’t added one to your website yet, fear not. The entire process is very easy and will not take much of your time.

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

We’ll also help you answer some of the most common questions:

  • 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?

Most websites place a cookie message on a slide-in that appears from the lower left or right corner of the webpage. This is what it may look like.

If you like this particular example, make a click on it to see it in action. Then follow simple instructions to add it directly to your website within a couple of minutes.

The second most popular option for a cookie consent message is a floating or sticky bar placed at the top or bottom of the webpage. This is what it may look like:

There are more pre-designed templates available in the Getsitecontrol gallery. Feel free to check them out and select any of them for your website.

If you’d like to create your own cookie banner from scratch, below, we’ll show you how to do that using the Getsitecontrol popup builder. And don’t worry, this task doesn’t require any coding knowledge or experience.

To add a cookie consent message to your website, follow these steps:

  1. Log in to your Getsitecontrol dashboard

  2. Click +Create widget and choose Notify visitors.

  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.

Creating a cookie consent message in Getsitecontrol

  1. 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.

  2. 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 with your message. 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 equal to 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 a 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 an “Accept” button:

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:

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.

You’re reading Getsitecontrol usecase collection where we talk about the best practices for using website popups. This usecase is a part of Make announcements section.

Get the print version

Download a PDF version of our use case for easier offline reading and sharing with coworkers.

Download PDF

Best practices

You’re reading Getsitecontrol usecase collection where we talk about the best practices for using website popups. This usecase is a part of Make announcements section.

Subscribe to get updates

Get beginner-friendly tips for growing your online business.

Join the list →