{"id":7549,"date":"2022-12-29T11:32:34","date_gmt":"2022-12-29T11:32:34","guid":{"rendered":"https:\/\/www.picreel.com\/blog\/?p=7549"},"modified":"2025-10-14T05:54:30","modified_gmt":"2025-10-14T05:54:30","slug":"cookie-popup","status":"publish","type":"post","link":"https:\/\/www.picreel.com\/blog\/cookie-popup\/","title":{"rendered":"Call to Action Mastery with 20+ Inspiring Examples + Writing Tips"},"content":{"rendered":"<p>Are you familiar with those pesky cookie popup notifications that seem to be everywhere on the internet?<\/p>\n<p>They may be annoying, but they serve an important purpose.<\/p>\n<p>In order to comply with privacy laws such as GDPR and ePrivacy Directive, websites must inform their visitors about the use of cookies.<\/p>\n<p>And what better way to do that than with a cookie popup?<\/p>\n<p>This guide will walk you through the process of creating cookie popups easily without any coding. Additionally, we&#8217;ll explore some of the best cookie popup examples for inspiration.<\/p>\n<p>So, let&#8217;s dive right in!<\/p>\n<h2><span class=\"ez-toc-section\" id=\"How_to_Create_a_Cookie_Popup_Add_It_to_Your_Website\"><\/span>How to Create a Cookie Popup &amp; Add It to Your Website<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>There are tons of ways of creating a cookie popup, but we&#8217;ll use\u00a0<a href=\"https:\/\/www.picreel.com\/\">Picreel<\/a>\u00a0as our tool of choice as it is arguably the easiest to use and allows you to customize placement, text, buttons, and colors.<\/p>\n<p>Also, we&#8217;ll take\u00a0<a href=\"https:\/\/www.picreel.com\/integrations\/wordpress\/\">WordPress<\/a>\u00a0as our default website builder tool as it is the most popular.<\/p>\n<p>We&#8217;ll divide the steps into two categories: creating a popup and then integrating the cookie popup in WordPress.<\/p>\n<p>Let&#8217;s take a look.<\/p>\n<blockquote><p><span style=\"font-weight: 400;\">&#8220;Cookie popups are essential for websites operating in regions where data privacy laws like GDPR or CCPA apply. Providing users with the option to accept or reject cookies is a best practice&#8221;\u200b &#8211; Hakim Danyal, PieEye<\/span><\/p><\/blockquote>\n<h2>Creating a Cookie Popup<\/h2>\n<p>Picreel makes it incredibly easy to create a cookie pop-up. Let&#8217;s explore the steps to make one.<\/p>\n<p><strong>1.<\/strong> To begin using Picreel, you&#8217;ll need to first sign up for an account and then log in.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9856\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2023\/11\/PP_PIC_Sign-up-for-a-Picreel-account-and-log-in.jpg\" alt=\"Sign up for a Picreel account and log in\" width=\"1313\" height=\"658\" \/><\/p>\n<p><strong>2.<\/strong> Navigate to the\u00a0<strong>&#8220;Campaigns&#8221;<\/strong>\u00a0tab, then click on\u00a0<strong>&#8220;New Campaign&#8221;<\/strong>\u00a0located in the top right corner. Alternatively, you can start with a template by choosing the \u201cCreate Using Templates\u201d option from the drop-down.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10754\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2023\/12\/PP_PIC_New-Campaign.-2.jpg\" alt=\"New Campaign\" width=\"1313\" height=\"561\" \/><\/p>\n<p><strong>3.<\/strong> In the templates menu, select the type of cookie popup you wish to create.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9859\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2023\/11\/PP_PIC_templates-menu.jpg\" alt=\"templates menu\" width=\"1313\" height=\"243\" \/><\/p>\n<p><strong>4.<\/strong> After selecting a design, personalize it based on your preferences.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10991\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2022\/12\/PP_PIC_design-customize-personalize.png\" alt=\"design customize personalize\" width=\"1313\" height=\"625\" \/><\/p>\n<p><strong>5.<\/strong> Configure the targeting and trigger options to specify the specific conditions and locations for your cookie popup to be displayed.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9861\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2023\/11\/PP_PIC_Configure.jpg\" alt=\"Configure\" width=\"1313\" height=\"558\" \/><\/p>\n<p><strong>6.<\/strong> Click the\u00a0<strong>&#8220;Save&#8221;<\/strong>\u00a0button to enable your accept cookie popup.<\/p>\n<p><iframe loading=\"lazy\" title=\"YouTube video player\" src=\"https:\/\/www.youtube.com\/embed\/S1ZBXZyAuo8?si=2jXmfZnh4JUIMZVw\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<h2>Adding a Cookie Popup to Your Website<\/h2>\n<p>Here are step-by-step instructions to install Picreel cookie popups on your WordPress site.<\/p>\n<p><strong>1.<\/strong> Go to the\u00a0<strong>&#8220;Campaigns&#8221;<\/strong>\u00a0section and click\u00a0<strong>&#8220;View Code.&#8221;<\/strong><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10760\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2023\/12\/PP_PIC_View-Code-2.jpg\" alt=\"View Code\" width=\"1601\" height=\"344\" \/><\/p>\n<p><strong>2.<\/strong> Log in to your WordPress account.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10715\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2022\/09\/WordPress_PIC_-WordPress-login.jpg\" alt=\"WordPress_PIC_ WordPress login\" width=\"1600\" height=\"753\" \/><\/p>\n<p><strong>3.<\/strong> In the left-hand side menu, click on\u00a0<strong>&#8220;Appearance&#8221;.<\/strong>\u00a0From the drop-down menu, select\u00a0<strong>&#8220;Editor&#8221;.<\/strong><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10716\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2022\/09\/WordPress_PIC_Appearance.jpg\" alt=\"Appearance\" width=\"1600\" height=\"828\" \/><\/p>\n<p><strong>4.<\/strong> In the right-hand tab, under the\u00a0<strong>&#8220;Templates&#8221;<\/strong>\u00a0section, find and click\u00a0<strong>&#8220;Footer.&#8221;<\/strong><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10718\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2022\/09\/WordPress_PIC_Footer-template.jpg\" alt=\"Footer template\" width=\"1600\" height=\"863\" \/><\/p>\n<p><strong>5.<\/strong> Insert the Picreel popup code before the closing \u201c<strong>&lt;\/body&gt;\u201d<\/strong>\u00a0tag in the code of your WordPress website.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10717\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2022\/09\/WordPress_PIC_body-html.jpg\" alt=\"body\" width=\"1600\" height=\"863\" \/><\/p>\n<p>With that, your WordPress popup is deployed on your website.<\/p>\n<p>Now that you know how to create a cookie popup for your website, let\u2019s look at 7 excellent examples that you can use to guide your cookie popup design.<\/p>\n<div class=\"blog-new-ui\">\n<p><strong>Ensure Compliance and Build Trust with User-Friendly Cookie Popups<\/strong><\/p>\n<p><strong>Learn best practices for creating clear, concise, and legally compliant cookie popups.<\/strong><\/p>\n<div class=\"banner-btn newuishow \" style=\"text-align: center;\"><a class=\"round_btn try-btn\" href=\"https:\/\/www.picreel.com\/signup\/\">Get Started Free<\/a><a class=\"getademobtn\" href=\"https:\/\/www.picreel.com\/signup\/?demo\">Get a Demo<\/a><\/div>\n<\/div>\n<h2><span class=\"ez-toc-section\" id=\"7_Well-Executed_Cookie_Popup_Examples\"><\/span>7 Well-Executed Cookie Popup Examples<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Millions of websites deploy cookie consent banners to comply with GDPR and various privacy laws. Let&#8217;s look at the best cookie policy popup examples:<\/p>\n<h3>1. The Guardian<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-10983 size-full\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2022\/12\/The-Guardian_PIC_welcomes-visitors.png\" alt=\"The Guardian\" width=\"1600\" height=\"914\" \/><\/p>\n<p>The Guardian\u2019s website welcomes visitors with a prominent cookie consent banner at the bottom that occupies half the page.<\/p>\n<p>In order to access the website, you need to accept or reject cookies. This is a login system that ensures compliance with the GDPR requirements.<\/p>\n<p>The Guardian\u2019s cookie banner example shows a clear and transparent way of obtaining user consent for cookies. It provides a detailed overview of their cookie policy along with some useful links for further reading.<\/p>\n<h3>2. Vintageria<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10987\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2022\/12\/Vintageria_PIC_some-cookies.png\" alt=\"Vintageria\" width=\"1600\" height=\"899\" \/><\/p>\n<p>Vintageria\u2019s popup allows visitors to manage their cookie preferences while adding a touch of humor and charm.<\/p>\n<p>Vintageria announces, \u201c<strong>We baked some cookies<\/strong>,\u201d and displays a pixelated cookie image that matches its retro-video-game website style. It also blocks visitors from accessing the website before they make a choice, declaring \u201c<strong>GAME PAUSED.<\/strong>\u201d<\/p>\n<p>The style, colors, and fonts are all consistent with the brand\u2019s personality, creating a cohesive and engaging popup.<\/p>\n<h3>3. Tails<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10984\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2022\/12\/Tails-_PIC_cookie-banner.png\" alt=\"Tails\" width=\"1600\" height=\"899\" \/><\/p>\n<p>At first glance, the cookie banner by Tails, a dog food brand, may appear unremarkable. It presents users with the choice of accepting all cookies or customizing their preferences.<\/p>\n<p>However, taking a closer look reveals a clever touch that resonates with the user&#8217;s purpose for visiting the site &#8211; their dog.<\/p>\n<p>The description says, \u201c<strong><em>They<\/em>\u00a0(cookies)<em>\u00a0let us personalize tails.com to you (and your dog)<\/em>.<\/strong>\u201d<\/p>\n<p>Although subtle, this personalization adds value to the overall experience and makes the popup more appealing to dog lovers.<\/p>\n<h3>4. Playstack<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10988\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2022\/12\/Playstack_PIC_Playstack-gaming.png\" alt=\"Playstack\" width=\"1600\" height=\"899\" \/><\/p>\n<p>The Playstack gaming website is a good example of how cookie pop-up messages can be on a site without messing up how it looks. They&#8217;ve found a way to make privacy considerations and design work together nicely.<\/p>\n<p>Their nano bar popup also doesn\u2019t disrupt the user\u2019s website interaction. Besides accepting, rejecting, or managing cookies, the visitor has a fourth option &#8211; they can simply ignore the popup.<\/p>\n<h3>5. Moovly<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10985\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2022\/12\/Moovly-_PIC_Moovly-uses.png\" alt=\"Moovly \" width=\"1600\" height=\"899\" \/><\/p>\n<p>Moovly uses a fun, bold image and vibrant colors to make their cookie popup stand out. To maintain the visual appeal throughout, they keep the description concise, offering detailed information as a prominent \u201cRead more\u201d link.<\/p>\n<p>They also give visitors the flexibility to choose which cookies to accept.<\/p>\n<p>Overall, Moovly presents a simple, attractive, and visually cohesive popup that aligns well with its brand colors and makes the cookie consent process feel less tedious.<\/p>\n<h3>6. Velasca<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10989\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2022\/12\/Velasca-_PIC_handmade-shoes.png\" alt=\"Velasca \" width=\"1600\" height=\"899\" \/><\/p>\n<p>Velasca, a brand that specializes in handmade shoes, takes the time to provide a helpful overview of its cookie and privacy policy.<\/p>\n<p>They understand that many people may not be inclined to click the link that takes them to the policy document. So, they provide a brief yet comprehensive summary in the popup itself.<\/p>\n<p>Velasca\u2019s cookie popup has a super-elegant, on-brand design in beautiful shades of gray. The sleek aesthetics and soft colors make for a great user experience.<\/p>\n<h3>7. The Financial Times<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10986\" src=\"https:\/\/www.picreel.com\/blog\/wp-content\/uploads\/2022\/12\/The-Financial-Times-_PIC_Financial-Times.png\" alt=\"The Financial Times\" width=\"1600\" height=\"899\" \/><\/p>\n<p>The Financial Times uses a cookie consent banner that appears at the left corner of its website. The banner is not very large, but it catches the eye. It is easy for the users to notice it since most people scan the web pages from left to right.<\/p>\n<p>The cookie popup gives the users three options: to accept the cookies, to manage the cookies, or to continue browsing the website without changing the cookie settings.<\/p>\n<p>It conveys a clear and simple message that matches the professional and informative style of the Financial Times.<\/p>\n<h2>Create &amp; Add Cookie Popups Easily<\/h2>\n<p>Privacy laws have proven to be excellent in making things easier in terms of respecting the data and the users\u2019 rights while allowing companies to be transparent about their policies.<\/p>\n<p>Keeping your website compliant with all the privacy laws and regulations isn\u2019t something you should consider ignoring. Also, adding a cookie popup should always be hassle-free in the first place.<\/p>\n<p>Picreel\u00a0is one such tool that can help you seamlessly build WordPress cookie popups without writing a single line of code. Also, it\u00a0<a href=\"https:\/\/www.picreel.com\/integrations\/\">integrates<\/a>\u00a0with tons of website builder tools, which makes it a top choice for website owners.<\/p>\n<h2>Frequently Asked Questions<\/h2>\n<h4>What is a cookie popup?<\/h4>\n<p>A cookie popup is a notification that appears on a website to inform users about the use of cookies on the site. Cookies are small text files that websites store on a user&#8217;s device to remember their preferences and browsing history.<\/p>\n<p>The cookie popup typically includes information about the types of cookies used, why they are used, and how users can manage their cookie preferences.<\/p>\n<p>Cookie popups are required by law in many countries to ensure website visitors are aware of the website&#8217;s use of cookies and have the opportunity to opt out of their use if they choose to do so.<\/p>\n<h4>Why are cookie popups necessary?<\/h4>\n<p>Website cookies contain small files the website sends to the store in the visitor\u2019s browser.<\/p>\n<p>For instance, WordPress uses cookies to store authentication information to help users log in and also stores them in case someone leaves a comment on your site.<\/p>\n<p>In addition, WordPress cookies can also store different information to recognize repeat visitors.<\/p>\n<p>Cookies are extremely necessary as they help website owners deliver personalized browsing experiences and can also be shared with third-party advertising companies to generate additional revenue.<\/p>\n<p>Considering the extent to which you can use the cookie information, Europe and other countries make it mandatory for website owners to let their visitors know about cookie usage through cookie popups.<\/p>\n<h4>What types of websites need cookie popups?<\/h4>\n<p>Simply put, if your website receives visitors from the European Union, you would need a cookie consent banner if you plan on complying with the EU privacy regulations.<\/p>\n<p>European Union rules state that you get proper informed consent from the visitors in order to use cookies that track their data.<\/p>\n<p>Technically, this doesn\u2019t involve every website because if you\u2019re tracking data through cookies, only then are you required to comply.<\/p>\n<p>However, with the increasing popularity of tools like Google Analytics, social media share, and Facebook Pixel, there is a good chance that your website also tracks user data.<\/p>\n<p>This is why deploying a cookie policy popup is always a good practice.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Are you familiar with those pesky cookie popup notifications that seem to be everywhere on the internet? They may be annoying, but they serve an important purpose. In order to comply with privacy laws such as GDPR and ePrivacy Directive, websites must inform their visitors about the use of cookies. And what better way to&#8230;<\/p>\n","protected":false},"author":21,"featured_media":10990,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[71],"tags":[],"class_list":["post-7549","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-popup"],"_links":{"self":[{"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/posts\/7549","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/users\/21"}],"replies":[{"embeddable":true,"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/comments?post=7549"}],"version-history":[{"count":20,"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/posts\/7549\/revisions"}],"predecessor-version":[{"id":15221,"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/posts\/7549\/revisions\/15221"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/media\/10990"}],"wp:attachment":[{"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/media?parent=7549"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/categories?post=7549"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.picreel.com\/blog\/wp-json\/wp\/v2\/tags?post=7549"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}