{"id":3503,"date":"2024-06-19T07:15:24","date_gmt":"2024-06-19T07:15:24","guid":{"rendered":"https:\/\/avacysolution.com\/?p=3503"},"modified":"2025-03-07T13:59:12","modified_gmt":"2025-03-07T13:59:12","slug":"come-configurare-il-cookie-banner-con-avacy","status":"publish","type":"post","link":"https:\/\/avacysolution.com\/en\/blog\/guide\/how-to-configure-the-cookie-banner\/","title":{"rendered":"How to configure the cookie banner with Avacy"},"content":{"rendered":"<h4 class=\"wp-block-heading\">The quick and easy guide to customize the cookie banner on your website<\/h4>\n\n\n\n<p class=\"translation-block\"><strong>Creating a cookie banner <\/strong>that complies with current regulations, such as the <strong>GDPR<\/strong> and the ePrivacy Directive, is essential for <strong>any website using cookies<\/strong>. Here's a step-by-step guide on how to create a cookie banner with Avacy.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Cookie Banner and GDPR<\/h2>\n\n\n\n<p class=\"translation-block\">Since the entry into force of the GDPR and the privacy directives, it has become <strong>mandatory<\/strong> for websites to display a <strong>cookie banner<\/strong> to the user, allowing them to give or refuse their <strong>consent for the processing of personal data.<\/strong><\/p>\n\n\n\n<p class=\"translation-block\">Before obtaining the user's consent, no cookies can be installed or activated. For this reason, <strong>Consent Management Platforms (CMP) <\/strong>have been created to manage consent regarding the collection and processing of personal data, which often occurs through<strong> cookies and third-party trackers.<\/strong><\/p>\n\n\n\n<p class=\"translation-block\"><strong>Avacy <\/strong>is a <strong>Consent Management Platform (CMP)<\/strong> designed to effectively <strong>manage the collection and handling of user consent<\/strong> in compliance with <strong>privacy regulations<\/strong>. Among its features, Avacy offers the ability to <strong>customize the cookie banner<\/strong>, allowing businesses to tailor it to their<strong> style<\/strong> and specific <strong>needs.<\/strong><\/p>\n\n\n\n<p class=\"translation-block\">Thanks to this feature, it is possible to modify the <strong>design, colors, and text of the banner<\/strong>, ensuring <strong>perfect integration with the brand's visual identity<\/strong> and enhancing the user experience.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">What is the purpose of the cookie banner?<\/h2>\n\n\n\n<p class=\"translation-block\">The cookie banner is primarily used to <strong>inform website users<\/strong> about the <strong>use of cookies and to obtain their consent<\/strong> before proceeding with the collection of personal data through these cookies.<\/p>\n\n\n\n<p class=\"translation-block\">In essence, the cookie banner is an essential tool to <strong>ensure that the website operates in compliance with privacy laws<\/strong> and to protect the rights of users online.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Characteristics of Cookie Banners<\/h2>\n\n\n\n<p class=\"translation-block\">A <strong>cookie consent banner<\/strong> is essential for compliance, but it\u2019s not enough on its own. To ensure full compliance with the GDPR, the banner must:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"translation-block\">Show a cookie <strong>consent banner<\/strong> that is non-intrusive;<\/li>\n\n\n\n<li class=\"translation-block\">Include the <strong>\"accept\"<\/strong> and <strong>\"reject\"<\/strong> buttons, along with a link to the cookie policy.<\/li>\n\n\n\n<li class=\"translation-block\"><strong>Automatically translate <\/strong>the information based on the browser's language.<\/li>\n\n\n\n<li class=\"translation-block\">Optimize the <strong>banner layout<\/strong> for various devices.<\/li>\n\n\n\n<li class=\"translation-block\"><strong>Inform users <\/strong>with <strong>simple and clear language<\/strong> about the use of cookies.<\/li>\n\n\n\n<li class=\"translation-block\">Display the different <strong>categories of cookies used.<\/strong><\/li>\n\n\n\n<li class=\"translation-block\">Offer <strong>granular options <\/strong>to accept or reject different categories of cookies, grouping them into sets.<\/li>\n\n\n\n<li class=\"translation-block\"><strong>Block third-party scripts<\/strong> until users provide their consent.<\/li>\n\n\n\n<li class=\"translation-block\">Allow users to<strong> revoke their consent<\/strong> at any time.<\/li>\n\n\n\n<li class=\"translation-block\"><strong>Save preferences <\/strong>without requiring consent again on each visit.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">What information should the cookie banner contain?<\/h3>\n\n\n\n<p class=\"translation-block\">The cookie banner must contain <strong>essential information<\/strong> that informs users and allows them to <strong>exercise control over the cookies<\/strong> used on the site.<\/p>\n\n\n\n<p>Here is the information you should include:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"translation-block\"><strong>Brief explanation<\/strong>: A concise explanation of the purposes for which cookies are used on the site.<\/li>\n\n\n\n<li class=\"translation-block\"><strong>Visibility<\/strong>: The banner must be clearly visible and should not be hidden or difficult to notice while browsing.<\/li>\n\n\n\n<li class=\"translation-block\"><strong>Link to the cookie policy<\/strong>: A direct link to your cookie policy that provides details on how cookies are used and which third parties may have access to such data.<\/li>\n\n\n\n<li class=\"translation-block\"><strong>Consent options<\/strong>: It must be clear what actions from the user will indicate consent to the use of cookies.<\/li>\n<\/ul>\n\n\n\n<p class=\"translation-block\">Make sure your cookie banner complies with <strong>privacy regulations<\/strong>, such as the GDPR, to ensure that you are respecting users' rights and applicable laws.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Do all data privacy regulations require a cookie banner on websites?<\/h2>\n\n\n\n<p class=\"translation-block\">Not all data privacy regulations require a cookie banner on websites. However, many international privacy laws, such as the <strong>GDPR<\/strong> in the <strong>European Union<\/strong> and similar regulations in other parts of the world, require <strong>websites to inform users about the use of cookies and obtain their consent.<\/strong><\/p>\n\n\n\n<p class=\"translation-block\">For example, the GDPR and the EU ePrivacy Directive require websites to obtain informed consent from users <strong>before using non-essential cookies<\/strong>. Other regulations, such as the LGPD in Brazil and POPIA in South Africa, have similar requirements.<\/p>\n\n\n\n<p class=\"translation-block\">However, if a website only uses technical cookies necessary for the operation of the site, a cookie banner may not be mandatory. It is always advisable to check the <strong>specific laws of the country <\/strong>in which you operate to ensure compliance with all applicable regulations.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">When is the cookie banner mandatory?<\/h3>\n\n\n\n<p class=\"translation-block\">The cookie banner is mandatory for <strong>all websites or apps<\/strong> that use cookies for which<strong> consent<\/strong> is required. This legal obligation applies if:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"translation-block\">Your website may be <strong>visited by European users.<\/strong><\/li>\n\n\n\n<li class=\"translation-block\">Or if your website belongs to a <strong>company based in the EU<\/strong>, regardless of where your users are located.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Are there templates or an automatic generator that can help create the cookie banner?<\/h2>\n\n\n\n<p class=\"translation-block\"><strong>Avacy<\/strong> is a <strong>cookie banner generator<\/strong> that allows you to create a banner that complies with <strong>privacy regulations<\/strong> while also aligning with your<strong>  brand's image<\/strong>.<\/p>\n\n\n\n<p class=\"translation-block\">Avacy fits <strong>any website<\/strong> and allows you to modify the <strong>text, colors, position, layout<\/strong>, and much more. Alternatively, you can use the pre-set version that is already GDPR-compliant.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How to customize the cookie banner to make it more effective?<\/h2>\n\n\n\n<p class=\"translation-block\">To <strong>customize the cookie banner<\/strong> and make it more effective, you can follow these tips. These elements will help <strong>create a cookie banner<\/strong> that not only complies with privacy regulations but is also <strong>user-friendly and functional<\/strong> for your website visitors.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Design<\/h3>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"549\" src=\"https:\/\/media.jumpgroup.it\/avacy-website\/uploads\/2024\/06\/cookie-banner-robinson-1024x549.jpg\" alt=\"Cookie banner su Robinson Pet Shop\" class=\"wp-image-3549\" srcset=\"https:\/\/media.avacysolution.com\/avacywebsite\/uploads\/2024\/06\/cookie-banner-robinson-1024x549.jpg 1024w, https:\/\/media.avacysolution.com\/avacywebsite\/uploads\/2024\/06\/cookie-banner-robinson-300x161.jpg 300w, https:\/\/media.avacysolution.com\/avacywebsite\/uploads\/2024\/06\/cookie-banner-robinson-768x412.jpg 768w, https:\/\/media.avacysolution.com\/avacywebsite\/uploads\/2024\/06\/cookie-banner-robinson-1536x824.jpg 1536w, https:\/\/media.avacysolution.com\/avacywebsite\/uploads\/2024\/06\/cookie-banner-robinson-18x10.jpg 18w, https:\/\/media.avacysolution.com\/avacywebsite\/uploads\/2024\/06\/cookie-banner-robinson.jpg 1754w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"translation-block\">Choose a <strong>design<\/strong> that integrates well with your website and reflects your company's brand identity using your company\u2019s colors and logo. Also, make sure the banner is noticeable enough to attract the user's attention<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Clear Message<\/h3>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"175\" src=\"https:\/\/media.jumpgroup.it\/avacy-website\/uploads\/2024\/06\/messaggio-cookie-banner-avacy-1024x175.png\" alt=\"Messaggio cookie banner\" class=\"wp-image-3551\" srcset=\"https:\/\/media.avacysolution.com\/avacywebsite\/uploads\/2024\/06\/messaggio-cookie-banner-avacy-1024x175.png 1024w, https:\/\/media.avacysolution.com\/avacywebsite\/uploads\/2024\/06\/messaggio-cookie-banner-avacy-300x51.png 300w, https:\/\/media.avacysolution.com\/avacywebsite\/uploads\/2024\/06\/messaggio-cookie-banner-avacy-768x131.png 768w, https:\/\/media.avacysolution.com\/avacywebsite\/uploads\/2024\/06\/messaggio-cookie-banner-avacy-18x3.png 18w, https:\/\/media.avacysolution.com\/avacywebsite\/uploads\/2024\/06\/messaggio-cookie-banner-avacy.png 1432w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"translation-block\">Use <strong>simple and direct language<\/strong> to explain the use of cookies and their purpose. Also, provide clear options for accepting or rejecting cookies.<\/p>\n\n\n\n<p>Implement automatic language detection to display the banner in the user's language.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Responsive Mode<\/h3>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"500\" src=\"https:\/\/media.jumpgroup.it\/avacy-website\/uploads\/2024\/06\/cookie-banner-responsive-1024x500.png\" alt=\"modalit\u00e0 responsive del cookie banner con Avacy\" class=\"wp-image-3548\" srcset=\"https:\/\/media.avacysolution.com\/avacywebsite\/uploads\/2024\/06\/cookie-banner-responsive-1024x500.png 1024w, https:\/\/media.avacysolution.com\/avacywebsite\/uploads\/2024\/06\/cookie-banner-responsive-300x146.png 300w, https:\/\/media.avacysolution.com\/avacywebsite\/uploads\/2024\/06\/cookie-banner-responsive-768x375.png 768w, https:\/\/media.avacysolution.com\/avacywebsite\/uploads\/2024\/06\/cookie-banner-responsive-1536x750.png 1536w, https:\/\/media.avacysolution.com\/avacywebsite\/uploads\/2024\/06\/cookie-banner-responsive-18x9.png 18w, https:\/\/media.avacysolution.com\/avacywebsite\/uploads\/2024\/06\/cookie-banner-responsive.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p>Ensure the banner is visible and functional across different devices, such as desktops, tablets, and smartphones.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Ease of Navigation<\/h3>\n\n\n<div class=\"wp-block-image is-style-default\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/media.jumpgroup.it\/avacy-website\/uploads\/2024\/06\/navigazione-cookie-banner-1024x576.gif\" alt=\"facilit\u00e0 di navigazione cookie banner Avacy\" class=\"wp-image-3561\" srcset=\"https:\/\/media.avacysolution.com\/avacywebsite\/uploads\/2024\/06\/navigazione-cookie-banner-1024x576.gif 1024w, https:\/\/media.avacysolution.com\/avacywebsite\/uploads\/2024\/06\/navigazione-cookie-banner-300x169.gif 300w, https:\/\/media.avacysolution.com\/avacywebsite\/uploads\/2024\/06\/navigazione-cookie-banner-768x432.gif 768w, https:\/\/media.avacysolution.com\/avacywebsite\/uploads\/2024\/06\/navigazione-cookie-banner-18x10.gif 18w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p>The banner should not hinder website navigation; users should be able to easily close or ignore it.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Examples of Cookie Banners and Best Practices<\/h2>\n\n\n\n<p class=\"translation-block\">Cookie banners can <strong>vary <\/strong>in <strong>layout and style<\/strong> to adapt to the <strong>website's design<\/strong>. It\u2019s crucial that these banners are <strong>intuitive and comply with privacy regulations<\/strong>.<\/p>\n\n\n\n<p class=\"translation-block\">Here are some examples of GDPR-compliant banners provided by <strong>Avacy<\/strong>:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"535\" src=\"https:\/\/media.jumpgroup.it\/avacy-website\/uploads\/2024\/06\/cookie-banner-cucine-lube-1024x535.png\" alt=\"cookie banner su cucine lube\" class=\"wp-image-3564\" srcset=\"https:\/\/media.avacysolution.com\/avacywebsite\/uploads\/2024\/06\/cookie-banner-cucine-lube-1024x535.png 1024w, https:\/\/media.avacysolution.com\/avacywebsite\/uploads\/2024\/06\/cookie-banner-cucine-lube-300x157.png 300w, https:\/\/media.avacysolution.com\/avacywebsite\/uploads\/2024\/06\/cookie-banner-cucine-lube-768x401.png 768w, https:\/\/media.avacysolution.com\/avacywebsite\/uploads\/2024\/06\/cookie-banner-cucine-lube-1536x803.png 1536w, https:\/\/media.avacysolution.com\/avacywebsite\/uploads\/2024\/06\/cookie-banner-cucine-lube-18x9.png 18w, https:\/\/media.avacysolution.com\/avacywebsite\/uploads\/2024\/06\/cookie-banner-cucine-lube.png 1712w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption translation-block\">Footer banner on <a href=\"https:\/\/lubestoreforli.it\/\" target=\"_self\">Cucine Lube<\/a>.<\/figcaption><\/figure>\n<\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"457\" src=\"https:\/\/media.jumpgroup.it\/avacy-website\/uploads\/2024\/06\/cookie-banner-carpisa-1024x457.png\" alt=\"cookie banner flottante su Carpisa\" class=\"wp-image-3545\" srcset=\"https:\/\/media.avacysolution.com\/avacywebsite\/uploads\/2024\/06\/cookie-banner-carpisa-1024x457.png 1024w, https:\/\/media.avacysolution.com\/avacywebsite\/uploads\/2024\/06\/cookie-banner-carpisa-300x134.png 300w, https:\/\/media.avacysolution.com\/avacywebsite\/uploads\/2024\/06\/cookie-banner-carpisa-768x343.png 768w, https:\/\/media.avacysolution.com\/avacywebsite\/uploads\/2024\/06\/cookie-banner-carpisa-1536x686.png 1536w, https:\/\/media.avacysolution.com\/avacywebsite\/uploads\/2024\/06\/cookie-banner-carpisa-18x8.png 18w, https:\/\/media.avacysolution.com\/avacywebsite\/uploads\/2024\/06\/cookie-banner-carpisa.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption translation-block\">Floating banner on <a href=\"https:\/\/www.carpisa.it\/it_it\/\" target=\"_self\">Carpisa<\/a>.<\/figcaption><\/figure>\n<\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"535\" src=\"https:\/\/media.jumpgroup.it\/avacy-website\/uploads\/2024\/06\/cookie-banner-floating-carpisa-1024x535.png\" alt=\"cookie banner floating su Carpisa\" class=\"wp-image-3544\" srcset=\"https:\/\/media.avacysolution.com\/avacywebsite\/uploads\/2024\/06\/cookie-banner-floating-carpisa-1024x535.png 1024w, https:\/\/media.avacysolution.com\/avacywebsite\/uploads\/2024\/06\/cookie-banner-floating-carpisa-300x157.png 300w, https:\/\/media.avacysolution.com\/avacywebsite\/uploads\/2024\/06\/cookie-banner-floating-carpisa-768x401.png 768w, https:\/\/media.avacysolution.com\/avacywebsite\/uploads\/2024\/06\/cookie-banner-floating-carpisa-1536x803.png 1536w, https:\/\/media.avacysolution.com\/avacywebsite\/uploads\/2024\/06\/cookie-banner-floating-carpisa-18x9.png 18w, https:\/\/media.avacysolution.com\/avacywebsite\/uploads\/2024\/06\/cookie-banner-floating-carpisa.png 1712w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption translation-block\">Mobile banner on <a href=\"https:\/\/www.carpisa.it\/it_it\/\" target=\"_self\">Carpisa<\/a>.<\/figcaption><\/figure>\n<\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"496\" height=\"895\" src=\"https:\/\/media.jumpgroup.it\/avacy-website\/uploads\/2024\/06\/cookie-banner-mobile-yamamay.png\" alt=\"Cookie banner in modalit\u00e0 mobile su Yamamay\" class=\"wp-image-3552\" srcset=\"https:\/\/media.avacysolution.com\/avacywebsite\/uploads\/2024\/06\/cookie-banner-mobile-yamamay.png 496w, https:\/\/media.avacysolution.com\/avacywebsite\/uploads\/2024\/06\/cookie-banner-mobile-yamamay-166x300.png 166w, https:\/\/media.avacysolution.com\/avacywebsite\/uploads\/2024\/06\/cookie-banner-mobile-yamamay-7x12.png 7w\" sizes=\"(max-width: 496px) 100vw, 496px\" \/><figcaption class=\"wp-element-caption\">Mobile banner on Yamamay\u2019s website. <a href=\"https:\/\/www.yamamay.com\/it_it\/\">Yamamay<\/a>.<\/figcaption><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\">How to Add the Cookie Banner to Your Website<\/h2>\n\n\n\n<p class=\"translation-block\">This is the<strong> easiest <\/strong>part. Using <strong>Avacy<\/strong>, you can implement a <strong>GDPR-compliant cookie banner in just a few steps<\/strong>. You can choose to create a <strong>custom banner<\/strong> with your branding or opt for a pre-configured standard cookie banner.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 1: Sign up for Avacy<\/h3>\n\n\n\n<p class=\"translation-block\">The first step is to enter <a href=\"https:\/\/avacy.eu\/registration\/\" target=\"_self\">iscriversi ad Avacy<\/a>. All you need to do is enter your email address, your website domain, and follow the 4-step configuration process.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 2: Customize the banner<\/h3>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"518\" src=\"https:\/\/media.jumpgroup.it\/avacy-website\/uploads\/2024\/06\/dashboard-avacy-1024x518.png\" alt=\"dashboard avacy\" class=\"wp-image-3550\" srcset=\"https:\/\/media.avacysolution.com\/avacywebsite\/uploads\/2024\/06\/dashboard-avacy-1024x518.png 1024w, https:\/\/media.avacysolution.com\/avacywebsite\/uploads\/2024\/06\/dashboard-avacy-300x152.png 300w, https:\/\/media.avacysolution.com\/avacywebsite\/uploads\/2024\/06\/dashboard-avacy-768x389.png 768w, https:\/\/media.avacysolution.com\/avacywebsite\/uploads\/2024\/06\/dashboard-avacy-1536x777.png 1536w, https:\/\/media.avacysolution.com\/avacywebsite\/uploads\/2024\/06\/dashboard-avacy-18x9.png 18w, https:\/\/media.avacysolution.com\/avacywebsite\/uploads\/2024\/06\/dashboard-avacy.png 1909w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"translation-block\">Once inside your dashboard, go to the <strong>cookie banner settings<\/strong> and start <strong>customizing<\/strong> your banner.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Appearance of the banner<\/h4>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"517\" src=\"https:\/\/media.jumpgroup.it\/avacy-website\/uploads\/2024\/05\/personalizzare-cookie-banner-1024x517.png\" alt=\"Personalizzazione del cookie banner con avacy\" class=\"wp-image-3416\" srcset=\"https:\/\/media.avacysolution.com\/avacywebsite\/uploads\/2024\/05\/personalizzare-cookie-banner-1024x517.png 1024w, https:\/\/media.avacysolution.com\/avacywebsite\/uploads\/2024\/05\/personalizzare-cookie-banner-300x152.png 300w, https:\/\/media.avacysolution.com\/avacywebsite\/uploads\/2024\/05\/personalizzare-cookie-banner-768x388.png 768w, https:\/\/media.avacysolution.com\/avacywebsite\/uploads\/2024\/05\/personalizzare-cookie-banner-1536x776.png 1536w, https:\/\/media.avacysolution.com\/avacywebsite\/uploads\/2024\/05\/personalizzare-cookie-banner-18x9.png 18w, https:\/\/media.avacysolution.com\/avacywebsite\/uploads\/2024\/05\/personalizzare-cookie-banner.png 1912w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"translation-block\">In this section, we can <strong>preview the cookie banner<\/strong>, both desktop and mobile, and decide on the initial settings.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"translation-block\">You can decide the<strong> position where the banner<\/strong> will appear: at the top of the screen, at the bottom, or in the center.<\/li>\n\n\n\n<li class=\"translation-block\">You can choose the animation:\n\n<strong>Fade-in<\/strong>: This function makes an element gradually appear on the web page with a fade-in effect.\n<strong>Slide-in<\/strong>: With this animation, the element moves from a starting point to an end point (depending on the chosen banner position).<\/li>\n\n\n\n<li class=\"translation-block\">You can choose whether to display the <strong>Avacy logo<\/strong> and which version.<\/li>\n\n\n\n<li class=\"translation-block\">You can activate the <strong>button<\/strong> dedicated to the<strong> preferences area<\/strong>: by enabling this option, a button will appear on all pages of your website to reopen the preferences area of the banner.<\/li>\n\n\n\n<li class=\"translation-block\">Additionally, you can decide whether to<strong> display the links to the privacy and cookie policies<\/strong>. Remember, it's mandatory to display these policies on all pages of your website, so if you haven't included them in the footer, we recommend enabling this option!<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Logo<\/h4>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"514\" src=\"https:\/\/media.jumpgroup.it\/avacy-website\/uploads\/2024\/06\/impostazioni-logo-cookie-banner-1024x514.png\" alt=\"impostazioni logo cookie banner\" class=\"wp-image-3553\" srcset=\"https:\/\/media.avacysolution.com\/avacywebsite\/uploads\/2024\/06\/impostazioni-logo-cookie-banner-1024x514.png 1024w, https:\/\/media.avacysolution.com\/avacywebsite\/uploads\/2024\/06\/impostazioni-logo-cookie-banner-300x151.png 300w, https:\/\/media.avacysolution.com\/avacywebsite\/uploads\/2024\/06\/impostazioni-logo-cookie-banner-768x386.png 768w, https:\/\/media.avacysolution.com\/avacywebsite\/uploads\/2024\/06\/impostazioni-logo-cookie-banner-1536x772.png 1536w, https:\/\/media.avacysolution.com\/avacywebsite\/uploads\/2024\/06\/impostazioni-logo-cookie-banner-18x9.png 18w, https:\/\/media.avacysolution.com\/avacywebsite\/uploads\/2024\/06\/impostazioni-logo-cookie-banner.png 1915w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"translation-block\">In this section, <strong>you can upload your website's logo<\/strong> to display it within the banner.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Texts and colours<\/h4>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"514\" src=\"https:\/\/media.jumpgroup.it\/avacy-website\/uploads\/2024\/06\/testo-colori-cookie-banner-1024x514.png\" alt=\"cambiare testi e colori nel cookie banner con avacy\" class=\"wp-image-3555\" srcset=\"https:\/\/media.avacysolution.com\/avacywebsite\/uploads\/2024\/06\/testo-colori-cookie-banner-1024x514.png 1024w, https:\/\/media.avacysolution.com\/avacywebsite\/uploads\/2024\/06\/testo-colori-cookie-banner-300x151.png 300w, https:\/\/media.avacysolution.com\/avacywebsite\/uploads\/2024\/06\/testo-colori-cookie-banner-768x386.png 768w, https:\/\/media.avacysolution.com\/avacywebsite\/uploads\/2024\/06\/testo-colori-cookie-banner-1536x772.png 1536w, https:\/\/media.avacysolution.com\/avacywebsite\/uploads\/2024\/06\/testo-colori-cookie-banner-18x9.png 18w, https:\/\/media.avacysolution.com\/avacywebsite\/uploads\/2024\/06\/testo-colori-cookie-banner.png 1915w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"translation-block\">Here you can decide everything related to the<strong>  text<\/strong>: <strong>the size, the font, the colors<\/strong> of the links and buttons. You can also enable <strong>advanced color customization<\/strong>, which allows you to choose different colors for primary and secondary texts.<\/p>\n\n\n\n<p>Remember to save and publish the cookie banner by clicking the button.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Text management<\/h4>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"517\" src=\"https:\/\/media.jumpgroup.it\/avacy-website\/uploads\/2024\/05\/cookie-banner-testi-1024x517.png\" alt=\"Personalizzare i testi del cookie banner con avacy\" class=\"wp-image-3417\" srcset=\"https:\/\/media.avacysolution.com\/avacywebsite\/uploads\/2024\/05\/cookie-banner-testi-1024x517.png 1024w, https:\/\/media.avacysolution.com\/avacywebsite\/uploads\/2024\/05\/cookie-banner-testi-300x152.png 300w, https:\/\/media.avacysolution.com\/avacywebsite\/uploads\/2024\/05\/cookie-banner-testi-768x388.png 768w, https:\/\/media.avacysolution.com\/avacywebsite\/uploads\/2024\/05\/cookie-banner-testi-1536x776.png 1536w, https:\/\/media.avacysolution.com\/avacywebsite\/uploads\/2024\/05\/cookie-banner-testi-18x9.png 18w, https:\/\/media.avacysolution.com\/avacywebsite\/uploads\/2024\/05\/cookie-banner-testi.png 1912w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p>In this section, you can:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"translation-block\"><strong>Automatically change the language of the banner<\/strong>: by enabling this setting, Avacy will automatically set the banner's language based on the language of the page where it appears<\/li>\n\n\n\n<li class=\"translation-block\"><strong>Modify the text for the titles<\/strong>, buttons, the short notice, the main area, and the preferences area. If you have multiple languages enabled on Avacy, you can set different texts for each language.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Advanced settings<\/h4>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"514\" src=\"https:\/\/media.jumpgroup.it\/avacy-website\/uploads\/2024\/06\/impostazioni-avanzate-cookie-banner-1024x514.png\" alt=\"impostazioni avanzate del cookie banner\" class=\"wp-image-3554\" srcset=\"https:\/\/media.avacysolution.com\/avacywebsite\/uploads\/2024\/06\/impostazioni-avanzate-cookie-banner-1024x514.png 1024w, https:\/\/media.avacysolution.com\/avacywebsite\/uploads\/2024\/06\/impostazioni-avanzate-cookie-banner-300x151.png 300w, https:\/\/media.avacysolution.com\/avacywebsite\/uploads\/2024\/06\/impostazioni-avanzate-cookie-banner-768x386.png 768w, https:\/\/media.avacysolution.com\/avacywebsite\/uploads\/2024\/06\/impostazioni-avanzate-cookie-banner-1536x772.png 1536w, https:\/\/media.avacysolution.com\/avacywebsite\/uploads\/2024\/06\/impostazioni-avanzate-cookie-banner-18x9.png 18w, https:\/\/media.avacysolution.com\/avacywebsite\/uploads\/2024\/06\/impostazioni-avanzate-cookie-banner.png 1915w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p>Finally, within the advanced settings, you can modify:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"translation-block\"><strong>Consent duration<\/strong>: With this option, you can choose how long the consent given by users will remain valid<\/li>\n\n\n\n<li class=\"translation-block\"><strong>IAB TCF Stack Usage<\/strong>: This groups the TCS purposes within stacks<\/li>\n\n\n\n<li>Legitimate interest: By enabling this option, you allow your providers to act under legitimate interest.<\/li>\n\n\n\n<li class=\"translation-block\"><strong>Support for Google Consent Mode<\/strong>: If you have enabled providers with purposes compatible with Google Consent Mode, Avacy automatically activates support for it. Find out <a href=\"https:\/\/avacysolution.com\/en\/blog\/guide\/how-to-configure-google-consent-mode-v2-with-avacy\/\" target=\"_self\">come configurare la Google Consent Mode V2 con Avacy<\/a>.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Step 3: Activate the cookie banner<\/h3>\n\n\n\n<p class=\"translation-block\">Once you're <strong>satisfied with your banner design<\/strong>, proceed with<strong> activating<\/strong> it on your website. Integration can be done <strong>manually<\/strong> by inserting the script into your webpage or via a <strong>tag manager<\/strong>. Too difficult? Check our <a href=\"https:\/\/docs.avacysolution.com\/docs\/avacy-tech-docs\/install\" target=\"_self\">guida di configurazione di Avacy<\/a>, follow the instructions and make your website compliant.<\/p>","protected":false},"excerpt":{"rendered":"<p>La guida semplice e veloce per personalizzare il cookie banner del tuo sito web Creare un cookie banner conforme alle normative vigenti, come il GDPR e la Direttiva ePrivacy, \u00e8 essenziale per qualsiasi sito web che utilizza cookie. Ecco una guida passo passo su come creare un cookie banner con Avacy. Cookie banner e GDPR&#8230;<\/p>","protected":false},"author":14,"featured_media":3547,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[18],"tags":[28],"class_list":["post-3503","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-guide","tag-cookie-policy"],"acf":[],"_links":{"self":[{"href":"https:\/\/avacysolution.com\/en\/wp-json\/wp\/v2\/posts\/3503","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/avacysolution.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/avacysolution.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/avacysolution.com\/en\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/avacysolution.com\/en\/wp-json\/wp\/v2\/comments?post=3503"}],"version-history":[{"count":40,"href":"https:\/\/avacysolution.com\/en\/wp-json\/wp\/v2\/posts\/3503\/revisions"}],"predecessor-version":[{"id":3578,"href":"https:\/\/avacysolution.com\/en\/wp-json\/wp\/v2\/posts\/3503\/revisions\/3578"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/avacysolution.com\/en\/wp-json\/wp\/v2\/media\/3547"}],"wp:attachment":[{"href":"https:\/\/avacysolution.com\/en\/wp-json\/wp\/v2\/media?parent=3503"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/avacysolution.com\/en\/wp-json\/wp\/v2\/categories?post=3503"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/avacysolution.com\/en\/wp-json\/wp\/v2\/tags?post=3503"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}