You've probably noticed how it seems like every single website you visit nowadays includes some notification about using cookies. Now you might be wondering… does my site need one of those cookie consent notices? And if so, how can I actually create a cookie banner for my site?
The answer to the first question is “probably”. And as for the second question, that's what this post is all about!
In the rest of this post, you'll get a quick primer on whether or not your site actually needs a cookie consent banner. Then, we'll share a step-by-step tutorial for how you can use Getsitecontrol to create a cookie consent banner for your site without needing to have any special knowledge.
What type of websites need a cookie banner, anyway?
If your website receives visitors from the European Union, you probably need a cookie consent banner if you want to stay on the good side of European Union regulations.
That's technically not every single website, but with the popularity of tools like Google Analytics, Facebook Pixel, social media share buttons, and others, there's a fairly good chance that your website uses at least some tracking cookies.
So in practice, most sites that receive visitors from the European Union need a cookie consent banner. And in this global world, that's most sites — period.
Long story short…you probably need a cookie consent banner if you want to comply with the European Union's regulations!
Here's what you need to include on your cookie consent notification
So you need to:
- Display the cookie consent banner immediately upon a user's first visit.
Three great examples of cookie banners in action (you'll learn how to recreate all of these!)
Ok, so you need a cookie banner. Now — where do you put it?
You can place your cookie banner wherever you want, as long as it's visible enough to attract readers' attention and get informed consent.
Let's start off with a few examples, and then we'll show you how you can duplicate any of these examples on your own site without needing to write a single line of code.
1. The bottom bar cookie consent banner
The Vinyl Factory uses a minimalistic bottom bar for its cookie consent:
2. The top bar cookie consent banner
ASI, Advertising Specialty Institute switches things up by moving the cookie banner to the top of the page:
3. The slide-in cookie consent banner
INUSUAL opts to show the cookie consent banner as a slide-in in the bottom left corner (you could just as easily switch this to the right):
Add these cookie banners within a couple of clicks
If you like any of these examples, you can add them right to your website within a few minutes. Check out the gallery of cookie consent banners below and click the “See live preview” buttons to see them in action. Then select the one you want to place on your website and while in the live preview mode, follow brief step-by-step instructions.
Slide-in with image
Want to build your own banner? You can do that, too. Follow the step-by-step guide to creating a cookie banner below.
How to create your own cookie banner without writing a single line of code
Now for the fun part — how you can create a cookie consent banner like those examples for your own website.
All four templates above are powered by Getsitecontrol, which is a tool that lets you add multiple popups to your website. Widgets can be floating contact buttons, email popups, online feedback forms, or…you guessed it – cookie consent banners.
Using a simple interface, you'll be able to customize your cookie banner's:
Including all the examples above, plus more
Both the text and color of your button
To match your site's design
And it also includes a special responsive mode that makes sure your cookie consent notice works great for mobile visitors, too. Here's how to use Getsitecontrol to create a cookie consent notification…
Step 1: Add Getsitecontrol to your website
While you'll do most of the work in the Getsitecontrol web interface, you'll first need to add Getsitecontrol to your website so that you can actually display your cookie consent banner once you publish it.
To do that, you'll need to create a Getsitecontrol account. Then, you'll need to add the Getsitecontrol code snippet to your site. If you're using WordPress, the simplest way to add the snippet is via the official Getsitecontrol plugin. It will handle the integration for you. For other sites, you'll need to manually add the code before the closing
</body> tag on your site.
If you're not sure how to do this, the Getsitecontrol documentation has detailed tutorials for most popular platforms, including:
Once you finish the process, you can use the
Install code button in your Getsitecontrol dashboard to verify that the code is working:
Now, you're ready to create your actual cookie consent notification!
Step 2: Select a template from the gallery
The fastest way to add a cookie consent notification to your website is to start with a template. Log into your Getsitecontrol dashboard and click on the
+Create widget button in your Getsitecontrol dashboard and then proceed to the Template gallery.
Notice that cookie banner templates in the gallery already include some generic text, however, keep in mind that you’ll be able to modify both copy and design if you want.
When ready, select the template you like and follow the prompts on the right-hand side to add it to your Getsitecontrol dashboard.
Step 3: Change your color theme (optional)
Templates are available in two default color themes: black and white. However, if you want your consent banner's colors to match the rest of your site, you can do that using Theme settings. Getsitecontrol allows you to set the colors for:
- Regular text
- Button text
You can also add an image from the gallery or upload one from your computer.
Step 4: Add your content
To configure your banner's content, open the text editing menu.
There's no requirement for the exact text that you use – but again, the goal here is to get “clear, informed consent”. So, here is an alternative copy you may want to make use of:
- Button text — I agree
You can see how your text will appear to mobile visitors if you switch to mobile mode below the preview window.
Step 5: Control when your cookie consent notice appears
To avoid pestering visitors as they move around your site, you want to ensure that your cookie consent notice stops appearing after a visitor clicks the
I agree button. To do that, you can use the Targeting tab.
Go to the
Stop to display the widget menu and select +Add condition. Then, choose Closure.
In this case, the “closure” is the visitor clicking the button to consent to cookie usage. You don't need to change any other settings in the
Step 6: Activate your cookie consent banner
Now, you're pretty much done! All you need to do to make your cookie consent notice live is click the
Save & Close button in the upper right corner to finish configuring the banner.
Then, choose the option to
Activate now as suggested by the app:
Once you do that, visitors should start seeing the cookie consent notice. And once they click the button to agree to cookie usage, they'll no longer see the cookie banner.
Adding a cookie consent notice doesn't have to be difficult
Keeping your website on the good side of the cookie consent law isn't something you need a developer for. By using Getsitecontrol and the principles outlined in this post, you can set up your own customizable cookie consent banner without needing to write a single line of code.
Colin Newcomer is a freelance writer with a background in SEO and affiliate marketing. He helps clients grow their web visibility by writing primarily about WordPress and digital marketing.
You're reading Getsitecontrol blog where marketing experts share proven tactics to grow your online business. This article is a part of Customer engagement section.Subscribe to our newsletter → Main illustration by Icons8
You're reading Getsitecontrol blog where marketing experts share proven tactics to grow your online business. This article is a part of Customer engagement section.