How to Add a Cookie Banner to Your Website

<!DOCTYPE html> <html lang="en-US"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <link rel="profile" href="https://gmpg.org/xfn/11" /> <link rel="pingback" href="https://www.cookieyes.com/xmlrpc.php" />    <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style> <link rel="alternate" hreflang="en" href="https://www.cookieyes.com/documentation/add-cookie-banner-to-website/" /> <link rel="alternate" hreflang="x-default" href="https://www.cookieyes.com/documentation/add-cookie-banner-to-website/" />  <title>How to Add a Cookie Banner to Your Website - CookieYes</title> <meta name="description" content="Add a custom cookie banner to your website in 3 steps and get GDPR/CCPA compliant. Free signup. No credit card required." /> <link rel="canonical" href="https://www.cookieyes.com/documentation/add-cookie-banner-to-website/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="article" /> <meta property="og:title" content="How to Add a Cookie Banner to Your Website - CookieYes" /> <meta property="og:description" content="Add a custom cookie banner to your website in 3 steps and get GDPR/CCPA compliant. Free signup. No credit card required." /> <meta property="og:url" content="https://www.cookieyes.com/documentation/add-cookie-banner-to-website/" /> <meta property="og:site_name" content="CookieYes" /> <meta property="article:published_time" content="2022-03-15T10:38:19+00:00" /> <meta property="article:modified_time" content="2024-10-07T08:29:58+00:00" /> <meta property="og:image" content="https://www.cookieyes.com/wp-content/uploads/2022/03/setup-screen-1-scaled.jpg" /> <meta name="author" content="Cookieyes Team" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:label1" content="Written by" /> <meta name="twitter:data1" content="Kavya" /> <meta name="twitter:label2" content="Est. reading time" /> <meta name="twitter:data2" content="11 minutes" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"Article","@id":"https://www.cookieyes.com/documentation/add-cookie-banner-to-website/#article","isPartOf":{"@id":"https://www.cookieyes.com/documentation/add-cookie-banner-to-website/"},"author":{"name":"Kavya","@id":"https://www.cookieyes.com/#/schema/person/bb8bf7454958559e3209c546f221fa9a"},"headline":"How to Add a Cookie Banner to Your Website","datePublished":"2022-03-15T10:38:19+00:00","dateModified":"2024-10-07T08:29:58+00:00","mainEntityOfPage":{"@id":"https://www.cookieyes.com/documentation/add-cookie-banner-to-website/"},"wordCount":1546,"publisher":{"@id":"https://www.cookieyes.com/#organization"},"image":{"@id":"https://www.cookieyes.com/documentation/add-cookie-banner-to-website/#primaryimage"},"thumbnailUrl":"https://www.cookieyes.com/wp-content/uploads/2022/03/setup-screen-1-scaled.jpg","articleSection":["Banner Design","Getting Started","Help Guides"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https://www.cookieyes.com/documentation/add-cookie-banner-to-website/","url":"https://www.cookieyes.com/documentation/add-cookie-banner-to-website/","name":"How to Add a Cookie Banner to Your Website - CookieYes","isPartOf":{"@id":"https://www.cookieyes.com/#website"},"primaryImageOfPage":{"@id":"https://www.cookieyes.com/documentation/add-cookie-banner-to-website/#primaryimage"},"image":{"@id":"https://www.cookieyes.com/documentation/add-cookie-banner-to-website/#primaryimage"},"thumbnailUrl":"https://www.cookieyes.com/wp-content/uploads/2022/03/setup-screen-1-scaled.jpg","datePublished":"2022-03-15T10:38:19+00:00","dateModified":"2024-10-07T08:29:58+00:00","description":"Add a custom cookie banner to your website in 3 steps and get GDPR/CCPA compliant. Free signup. No credit card required.","breadcrumb":{"@id":"https://www.cookieyes.com/documentation/add-cookie-banner-to-website/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://www.cookieyes.com/documentation/add-cookie-banner-to-website/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.cookieyes.com/documentation/add-cookie-banner-to-website/#primaryimage","url":"https://www.cookieyes.com/wp-content/uploads/2022/03/setup-screen-1-scaled.jpg","contentUrl":"https://www.cookieyes.com/wp-content/uploads/2022/03/setup-screen-1-scaled.jpg","width":2560,"height":1684},{"@type":"BreadcrumbList","@id":"https://www.cookieyes.com/documentation/add-cookie-banner-to-website/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Help Guides","item":"https://www.cookieyes.com/category/documentation/"},{"@type":"ListItem","position":2,"name":"Getting Started","item":"https://www.cookieyes.com/category/documentation/getting-started/"},{"@type":"ListItem","position":3,"name":"Banner Design","item":"https://www.cookieyes.com/category/documentation/getting-started/banner-design/"},{"@type":"ListItem","position":4,"name":"How to Add a Cookie Banner to Your Website"}]},{"@type":"WebSite","@id":"https://www.cookieyes.com/#website","url":"https://www.cookieyes.com/","name":"CookieYes","description":"","publisher":{"@id":"https://www.cookieyes.com/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.cookieyes.com/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https://www.cookieyes.com/#organization","name":"CookieYes","url":"https://www.cookieyes.com/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.cookieyes.com/#/schema/logo/image/","url":"https://www.cookieyes.com/wp-content/uploads/2024/03/PNG-Logo.png","contentUrl":"https://www.cookieyes.com/wp-content/uploads/2024/03/PNG-Logo.png","width":19701,"height":3176,"caption":"CookieYes"},"image":{"@id":"https://www.cookieyes.com/#/schema/logo/image/"}},{"@type":"Person","@id":"https://www.cookieyes.com/#/schema/person/bb8bf7454958559e3209c546f221fa9a","name":"Kavya","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.cookieyes.com/#/schema/person/image/","url":"https://secure.gravatar.com/avatar/6aaa512412f47d4215cd5805c33e5b80?s=96&d=mm&r=g","contentUrl":"https://secure.gravatar.com/avatar/6aaa512412f47d4215cd5805c33e5b80?s=96&d=mm&r=g","caption":"Kavya"},"description":"Kavya is a content designer who works across marketing, and product to create simple, user-first content. She brings expertise in long-form content, UX writing, and copywriting for B2C and B2B brands. In her downtime, she’s probably watching re-runs of mobster dramas and baking.","sameAs":["https://www.linkedin.com/in/kavyarb/"],"url":"https://www.cookieyes.com/author/kavya/"}]}</script>  <link rel='dns-prefetch' href='//script.tapfiliate.com' /> <script type="text/javascript"> /* <![CDATA[ */ window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/","svgExt":".svg","source":{"wpemoji":"https:\/\/www.cookieyes.com\/wp-includes\/js\/wp-emoji.js?ver=ae67f90e40cff0baed82cf77b5c848ec","twemoji":"https:\/\/www.cookieyes.com\/wp-includes\/js\/twemoji.js?ver=ae67f90e40cff0baed82cf77b5c848ec"}}; /** * @output wp-includes/js/wp-emoji-loader.js */ /** * Emoji Settings as exported in PHP via _print_emoji_detection_script(). * @typedef WPEmojiSettings * @type {object} * @property {?object} source * @property {?string} source.concatemoji * @property {?string} source.twemoji * @property {?string} source.wpemoji * @property {?boolean} DOMReady * @property {?Function} readyCallback */ /** * Support tests. * @typedef SupportTests * @type {object} * @property {?boolean} flag * @property {?boolean} emoji */ /** * IIFE to detect emoji support and load Twemoji if needed. * * @param {Window} window * @param {Document} document * @param {WPEmojiSettings} settings */ ( function wpEmojiLoader( window, document, settings ) { if ( typeof Promise === 'undefined' ) { return; } var sessionStorageKey = 'wpEmojiSettingsSupports'; var tests = [ 'flag', 'emoji' ]; /** * Checks whether the browser supports offloading to a Worker. * * @since 6.3.0 * * @private * * @returns {boolean} */ function supportsWorkerOffloading() { return ( typeof Worker !== 'undefined' && typeof OffscreenCanvas !== 'undefined' && typeof URL !== 'undefined' && URL.createObjectURL && typeof Blob !== 'undefined' ); } /** * @typedef SessionSupportTests * @type {object} * @property {number} timestamp * @property {SupportTests} supportTests */ /** * Get support tests from session. * * @since 6.3.0 * * @private * * @returns {?SupportTests} Support tests, or null if not set or older than 1 week. */ function getSessionSupportTests() { try { /** @type {SessionSupportTests} */ var item = JSON.parse( sessionStorage.getItem( sessionStorageKey ) ); if ( typeof item === 'object' && typeof item.timestamp === 'number' && new Date().valueOf() < item.timestamp + 604800 && // Note: Number is a week in seconds. typeof item.supportTests === 'object' ) { return item.supportTests; } } catch ( e ) {} return null; } /** * Persist the supports in session storage. * * @since 6.3.0 * * @private * * @param {SupportTests} supportTests Support tests. */ function setSessionSupportTests( supportTests ) { try { /** @type {SessionSupportTests} */ var item = { supportTests: supportTests, timestamp: new Date().valueOf() }; sessionStorage.setItem( sessionStorageKey, JSON.stringify( item ) ); } catch ( e ) {} } /** * Checks if two sets of Emoji characters render the same visually. * * This function may be serialized to run in a Worker. Therefore, it cannot refer to variables from the containing * scope. Everything must be passed by parameters. * * @since 4.9.0 * * @private * * @param {CanvasRenderingContext2D} context 2D Context. * @param {string} set1 Set of Emoji to test. * @param {string} set2 Set of Emoji to test. * * @return {boolean} True if the two sets render the same. */ function emojiSetsRenderIdentically( context, set1, set2 ) { // Cleanup from previous test. context.clearRect( 0, 0, context.canvas.width, context.canvas.height ); context.fillText( set1, 0, 0 ); var rendered1 = new Uint32Array( context.getImageData( 0, 0, context.canvas.width, context.canvas.height ).data ); // Cleanup from previous test. context.clearRect( 0, 0, context.canvas.width, context.canvas.height ); context.fillText( set2, 0, 0 ); var rendered2 = new Uint32Array( context.getImageData( 0, 0, context.canvas.width, context.canvas.height ).data ); return rendered1.every( function ( rendered2Data, index ) { return rendered2Data === rendered2[ index ]; } ); } /** * Determines if the browser properly renders Emoji that Twemoji can supplement. * * This function may be serialized to run in a Worker. Therefore, it cannot refer to variables from the containing * scope. Everything must be passed by parameters. * * @since 4.2.0 * * @private * * @param {CanvasRenderingContext2D} context 2D Context. * @param {string} type Whether to test for support of "flag" or "emoji". * @param {Function} emojiSetsRenderIdentically Reference to emojiSetsRenderIdentically function, needed due to minification. * * @return {boolean} True if the browser can render emoji, false if it cannot. */ function browserSupportsEmoji( context, type, emojiSetsRenderIdentically ) { var isIdentical; switch ( type ) { case 'flag': /* * Test for Transgender flag compatibility. Added in Unicode 13. * * To test for support, we try to render it, and compare the rendering to how it would look if * the browser doesn't render it correctly (white flag emoji + transgender symbol). */ isIdentical = emojiSetsRenderIdentically( context, '\uD83C\uDFF3\uFE0F\u200D\u26A7\uFE0F', // as a zero-width joiner sequence '\uD83C\uDFF3\uFE0F\u200B\u26A7\uFE0F' // separated by a zero-width space ); if ( isIdentical ) { return false; } /* * Test for UN flag compatibility. This is the least supported of the letter locale flags, * so gives us an easy test for full support. * * To test for support, we try to render it, and compare the rendering to how it would look if * the browser doesn't render it correctly ([U] + [N]). */ isIdentical = emojiSetsRenderIdentically( context, '\uD83C\uDDFA\uD83C\uDDF3', // as the sequence of two code points '\uD83C\uDDFA\u200B\uD83C\uDDF3' // as the two code points separated by a zero-width space ); if ( isIdentical ) { return false; } /* * Test for English flag compatibility. England is a country in the United Kingdom, it * does not have a two letter locale code but rather a five letter sub-division code. * * To test for support, we try to render it, and compare the rendering to how it would look if * the browser doesn't render it correctly (black flag emoji + [G] + [B] + [E] + [N] + [G]). */ isIdentical = emojiSetsRenderIdentically( context, // as the flag sequence '\uD83C\uDFF4\uDB40\uDC67\uDB40\uDC62\uDB40\uDC65\uDB40\uDC6E\uDB40\uDC67\uDB40\uDC7F', // with each code point separated by a zero-width space '\uD83C\uDFF4\u200B\uDB40\uDC67\u200B\uDB40\uDC62\u200B\uDB40\uDC65\u200B\uDB40\uDC6E\u200B\uDB40\uDC67\u200B\uDB40\uDC7F' ); return ! isIdentical; case 'emoji': /* * Four and twenty blackbirds baked in a pie. * * To test for Emoji 15.0 support, try to render a new emoji: Blackbird. * * The Blackbird is a ZWJ sequence combining 🐦 Bird and ⬛ large black square., * * 0x1F426 (\uD83D\uDC26) == Bird * 0x200D == Zero-Width Joiner (ZWJ) that links the code points for the new emoji or * 0x200B == Zero-Width Space (ZWS) that is rendered for clients not supporting the new emoji. * 0x2B1B == Large Black Square * * When updating this test for future Emoji releases, ensure that individual emoji that make up the * sequence come from older emoji standards. */ isIdentical = emojiSetsRenderIdentically( context, '\uD83D\uDC26\u200D\u2B1B', // as the zero-width joiner sequence '\uD83D\uDC26\u200B\u2B1B' // separated by a zero-width space ); return ! isIdentical; } return false; } /** * Checks emoji support tests. * * This function may be serialized to run in a Worker. Therefore, it cannot refer to variables from the containing * scope. Everything must be passed by parameters. * * @since 6.3.0 * * @private * * @param {string[]} tests Tests. * @param {Function} browserSupportsEmoji Reference to browserSupportsEmoji function, needed due to minification. * @param {Function} emojiSetsRenderIdentically Reference to emojiSetsRenderIdentically function, needed due to minification. * * @return {SupportTests} Support tests. */ function testEmojiSupports( tests, browserSupportsEmoji, emojiSetsRenderIdentically ) { var canvas; if ( typeof WorkerGlobalScope !== 'undefined' && self instanceof WorkerGlobalScope ) { canvas = new OffscreenCanvas( 300, 150 ); // Dimensions are default for HTMLCanvasElement. } else { canvas = document.createElement( 'canvas' ); } var context = canvas.getContext( '2d', { willReadFrequently: true } ); /* * Chrome on OS X added native emoji rendering in M41. Unfortunately, * it doesn't work when the font is bolder than 500 weight. So, we * check for bold rendering support to avoid invisible emoji in Chrome. */ context.textBaseline = 'top'; context.font = '600 32px Arial'; var supports = {}; tests.forEach( function ( test ) { supports[ test ] = browserSupportsEmoji( context, test, emojiSetsRenderIdentically ); } ); return supports; } /** * Adds a script to the head of the document. * * @ignore * * @since 4.2.0 * * @param {string} src The url where the script is located. * * @return {void} */ function addScript( src ) { var script = document.createElement( 'script' ); script.src = src; script.defer = true; document.head.appendChild( script ); } settings.supports = { everything: true, everythingExceptFlag: true }; // Create a promise for DOMContentLoaded since the worker logic may finish after the event has fired. var domReadyPromise = new Promise( function ( resolve ) { document.addEventListener( 'DOMContentLoaded', resolve, { once: true } ); } ); // Obtain the emoji support from the browser, asynchronously when possible. new Promise( function ( resolve ) { var supportTests = getSessionSupportTests(); if ( supportTests ) { resolve( supportTests ); return; } if ( supportsWorkerOffloading() ) { try { // Note that the functions are being passed as arguments due to minification. var workerScript = 'postMessage(' + testEmojiSupports.toString() + '(' + [ JSON.stringify( tests ), browserSupportsEmoji.toString(), emojiSetsRenderIdentically.toString() ].join( ',' ) + '));'; var blob = new Blob( [ workerScript ], { type: 'text/javascript' } ); var worker = new Worker( URL.createObjectURL( blob ), { name: 'wpTestEmojiSupports' } ); worker.onmessage = function ( event ) { supportTests = event.data; setSessionSupportTests( supportTests ); worker.terminate(); resolve( supportTests ); }; return; } catch ( e ) {} } supportTests = testEmojiSupports( tests, browserSupportsEmoji, emojiSetsRenderIdentically ); setSessionSupportTests( supportTests ); resolve( supportTests ); } ) // Once the browser emoji support has been obtained from the session, finalize the settings. .then( function ( supportTests ) { /* * Tests the browser support for flag emojis and other emojis, and adjusts the * support settings accordingly. */ for ( var test in supportTests ) { settings.supports[ test ] = supportTests[ test ]; settings.supports.everything = settings.supports.everything && settings.supports[ test ]; if ( 'flag' !== test ) { settings.supports.everythingExceptFlag = settings.supports.everythingExceptFlag && settings.supports[ test ]; } } settings.supports.everythingExceptFlag = settings.supports.everythingExceptFlag && ! settings.supports.flag; // Sets DOMReady to false and assigns a ready function to settings. settings.DOMReady = false; settings.readyCallback = function () { settings.DOMReady = true; }; } ) .then( function () { return domReadyPromise; } ) .then( function () { // When the browser can not render everything we need to load a polyfill. if ( ! settings.supports.everything ) { settings.readyCallback(); var src = settings.source || {}; if ( src.concatemoji ) { addScript( src.concatemoji ); } else if ( src.wpemoji && src.twemoji ) { addScript( src.twemoji ); addScript( src.wpemoji ); } } } ); } )( window, document, window._wpemojiSettings ); /* ]]> */ </script> <link rel='stylesheet' id='admincss2-css' href='https://www.cookieyes.com/wp-content/themes/cookieyes-new/pricing/css/admin-style.css?ver=1.0' type='text/css' media='all' /> <style id='wp-emoji-styles-inline-css' type='text/css'> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link rel='stylesheet' id='wp-block-library-css' href='https://www.cookieyes.com/wp-includes/css/dist/block-library/style.css?ver=ae67f90e40cff0baed82cf77b5c848ec' type='text/css' media='all' /> <style id='classic-theme-styles-inline-css' type='text/css'> /** * These rules are needed for backwards compatibility. * They should match the button element rules in the base theme.json file. */ .wp-block-button__link { color: #ffffff; background-color: #32373c; border-radius: 9999px; /* 100% causes an oval, but any explicit but really high value retains the pill shape. */ /* This needs a low specificity so it won't override the rules from the button element if defined in theme.json. */ box-shadow: none; text-decoration: none; /* The extra 2px are added to size solids the same as the outline versions.*/ padding: calc(0.667em + 2px) calc(1.333em + 2px); font-size: 1.125em; } .wp-block-file__button { background: #32373c; color: #ffffff; text-decoration: none; } </style> <style id='global-styles-inline-css' type='text/css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='wpml-blocks-css' href='https://www.cookieyes.com/wp-content/plugins/sitepress-multilingual-cms/dist/css/blocks/styles.css?ver=4.6.14' type='text/css' media='all' /> <link rel='stylesheet' id='contact-form-7-css' href='https://www.cookieyes.com/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=6.0' type='text/css' media='all' /> <link rel='stylesheet' id='wpml-legacy-dropdown-0-css' href='https://www.cookieyes.com/wp-content/plugins/sitepress-multilingual-cms/templates/language-switchers/legacy-dropdown/style.min.css?ver=1' type='text/css' media='all' /> <link rel='stylesheet' id='ivory-search-styles-css' href='https://www.cookieyes.com/wp-content/plugins/add-search-to-menu/public/css/ivory-search.min.css?ver=5.5.7' type='text/css' media='all' /> <link rel='stylesheet' id='mainstyle-css' href='https://www.cookieyes.com/wp-content/themes/cookieyes-new/style.css?ver=ae67f90e40cff0baed82cf77b5c848ec' type='text/css' media='all' /> <link rel='stylesheet' id='headerfooter-css' href='https://www.cookieyes.com/wp-content/themes/cookieyes-new/assets/css/header-footer.css?ver=ae67f90e40cff0baed82cf77b5c848ec' type='text/css' media='all' /> <link rel='stylesheet' id='bootstrapcss-css' href='https://www.cookieyes.com/wp-content/themes/cookieyes-new/assets/bootstrap/css/bootstrap.min.css?ver=ae67f90e40cff0baed82cf77b5c848ec' type='text/css' media='all' /> <link rel='stylesheet' id='singlepost-css' href='https://www.cookieyes.com/wp-content/themes/cookieyes-new/assets/css/single-post.css?ver=ae67f90e40cff0baed82cf77b5c848ec' type='text/css' media='all' /> <link rel='stylesheet' id='singledoc-css' href='https://www.cookieyes.com/wp-content/themes/cookieyes-new/assets/css/doc-single.css?ver=ae67f90e40cff0baed82cf77b5c848ec' type='text/css' media='all' /> <link rel='stylesheet' id='commondocstyles-css' href='https://www.cookieyes.com/wp-content/themes/cookieyes-new/assets/css/doc-styles.css?ver=ae67f90e40cff0baed82cf77b5c848ec' type='text/css' media='all' /> <link rel='stylesheet' id='enlighterjs-css' href='https://www.cookieyes.com/wp-content/plugins/enlighter/cache/enlighterjs.min.css?ver=jR4Pb6bD4idM1sK' type='text/css' media='all' /> <link rel='stylesheet' id='sib-front-css-css' href='https://www.cookieyes.com/wp-content/plugins/mailin/css/mailin-front.css?ver=ae67f90e40cff0baed82cf77b5c848ec' type='text/css' media='all' /> <script type="text/javascript" src="https://www.cookieyes.com/wp-includes/js/jquery/jquery.js?ver=3.7.1" id="jquery-core-js"></script> <script type="text/javascript" src="https://www.cookieyes.com/wp-includes/js/jquery/jquery-migrate.js?ver=3.4.1" id="jquery-migrate-js"></script> <script type="text/javascript" id="wpml-cookie-js-extra"> /* <![CDATA[ */ var wpml_cookies = {"wp-wpml_current_language":{"value":"en","expires":1,"path":"\/"}}; var wpml_cookies = {"wp-wpml_current_language":{"value":"en","expires":1,"path":"\/"}}; /* ]]> */ </script> <script type="text/javascript" src="https://www.cookieyes.com/wp-content/plugins/sitepress-multilingual-cms/res/js/cookies/language-cookie.js?ver=4.6.14" id="wpml-cookie-js" defer="defer" data-wp-strategy="defer"></script> <script type="text/javascript" src="https://script.tapfiliate.com/tapfiliate.js?ver=ae67f90e40cff0baed82cf77b5c848ec" id="tapfiliate-js-js"></script> <script type="text/javascript" id="tapfiliate-js-js-after"> /* <![CDATA[ */ (function(t,a,p){t.TapfiliateObject=a;t[a]=t[a]||function(){ (t[a].q=t[a].q||[]).push(arguments)}})(window,'tap'); tap('create', '20349-2cac3a', {integration: 'wordpress'}); tap('detect'); /* ]]> */ </script> <script type="text/javascript" src="https://www.cookieyes.com/wp-content/plugins/sitepress-multilingual-cms/templates/language-switchers/legacy-dropdown/script.min.js?ver=1" id="wpml-legacy-dropdown-0-js"></script>  <script type="text/javascript" id="scan-cookie-js-extra"> /* <![CDATA[ */ var cyajax = {"ajaxurl":"https:\/\/www.cookieyes.com\/wp-admin\/admin-ajax.php"}; /* ]]> */ </script> <script type="text/javascript" src="https://www.cookieyes.com/wp-content/themes/cookieyes-new/scan-page/scan.js?ver=ae67f90e40cff0baed82cf77b5c848ec" id="scan-cookie-js"></script> <script type="text/javascript" id="sib-front-js-js-extra"> /* <![CDATA[ */ var sibErrMsg = {"invalidMail":"Please fill out valid email address","requiredField":"Please fill out required fields","invalidDateFormat":"Please fill out valid date format","invalidSMSFormat":"Please fill out valid phone number"}; var ajax_sib_front_object = {"ajax_url":"https:\/\/www.cookieyes.com\/wp-admin\/admin-ajax.php","ajax_nonce":"d7d015a4b3","flag_url":"https:\/\/www.cookieyes.com\/wp-content\/plugins\/mailin\/img\/flags\/"}; /* ]]> */ </script> <script type="text/javascript" src="https://www.cookieyes.com/wp-content/plugins/mailin/js/mailin-front.js?ver=1732257691" id="sib-front-js-js"></script> <link rel="https://api.w.org/" href="https://www.cookieyes.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://www.cookieyes.com/wp-json/wp/v2/posts/7753" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.cookieyes.com/xmlrpc.php?rsd" /> <link rel='shortlink' href='https://www.cookieyes.com/?p=7753' /> <link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://www.cookieyes.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.cookieyes.com%2Fdocumentation%2Fadd-cookie-banner-to-website%2F" /> <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://www.cookieyes.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.cookieyes.com%2Fdocumentation%2Fadd-cookie-banner-to-website%2F&format=xml" /> <meta name="generator" content="WPML ver:4.6.14 stt:5,37,1,4,3,27,42,2,50;" /> <script type="text/javascript"> (function(url){ if(/(?:Chrome\/26\.0\.1410\.63 Safari\/537\.31|WordfenceTestMonBot)/.test(navigator.userAgent)){ return; } var addEvent = function(evt, handler) { if (window.addEventListener) { document.addEventListener(evt, handler, false); } else if (window.attachEvent) { document.attachEvent('on' + evt, handler); } }; var removeEvent = function(evt, handler) { if (window.removeEventListener) { document.removeEventListener(evt, handler, false); } else if (window.detachEvent) { document.detachEvent('on' + evt, handler); } }; var evts = 'contextmenu dblclick drag dragend dragenter dragleave dragover dragstart drop keydown keypress keyup mousedown mousemove mouseout mouseover mouseup mousewheel scroll'.split(' '); var logHuman = function() { if (window.wfLogHumanRan) { return; } window.wfLogHumanRan = true; var wfscr = document.createElement('script'); wfscr.type = 'text/javascript'; wfscr.async = true; wfscr.src = url + '&r=' + Math.random(); (document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(wfscr); for (var i = 0; i < evts.length; i++) { removeEvent(evts[i], logHuman); } }; for (var i = 0; i < evts.length; i++) { addEvent(evts[i], logHuman); } })('//www.cookieyes.com/?wordfence_lh=1&hid=5BAE8F75E213382A5750BF7F43E3D24C'); </script><link rel="icon" href="https://www.cookieyes.com/wp-content/uploads/2024/03/cropped-cy-favicon-32x32.png" sizes="32x32" /> <link rel="icon" href="https://www.cookieyes.com/wp-content/uploads/2024/03/cropped-cy-favicon-192x192.png" sizes="192x192" /> <link rel="apple-touch-icon" href="https://www.cookieyes.com/wp-content/uploads/2024/03/cropped-cy-favicon-180x180.png" /> <meta name="msapplication-TileImage" content="https://www.cookieyes.com/wp-content/uploads/2024/03/cropped-cy-favicon-270x270.png" /> <style type="text/css"> </style> <style type="text/css"> .is-form-id-6476 .is-search-submit:focus, .is-form-id-6476 .is-search-submit:hover, .is-form-id-6476 .is-search-submit, .is-form-id-6476 .is-search-icon { background-color: #ffffff !important; } </style>  <script> (function(w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-PL4TPCV'); </script>  </head> <body class="post-template-default single single-post postid-7753 single-format-standard wp-custom-logo cookieyes-new" data-offset="50">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PL4TPCV" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div class="skip-to-main"> <a href="#main_content" class="sr-only sr-only-focusable primary-btn">Skip to main content</a> </div> <header class="fixed-top with-offer-banner"> <style> .black-friday-tb { background-color: #000; position: relative; } .black-friday-tb button.close.close-header-banner { z-index: 9; } .black-friday-tb:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(/wp-content/themes/cookieyes-new/assets/images/bfb-left-bg.svg) no-repeat top left; background-size: contain; } .black-friday-tb:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(/wp-content/themes/cookieyes-new/assets/images/bfb-right-bg.svg) no-repeat top right; background-size: contain; } .black-friday-tb .container { position: relative; z-index: 1; } .black-friday-tb * { color: #fff; } .black-friday-tb .gap-30 { gap: 10px 30px; } .black-friday-tb .gap-24 { gap: 10px 24px; } .black-friday-tb p { color: var(--Color-1, #FFF) !important; font-size: 23px !important; font-style: normal; font-weight: 400; line-height: 30px !important; /* 166.667% */ } .black-friday-tb .fw700 { font-weight: 700; } .black-friday-tb .pri-lg-btn { border-radius: 4px; background: var(--CY-primary, #1863DC); padding: 7px 20px; color: var(--Greyscale-CY-White, var(--Color-1, #FFF)); text-align: center; font-size: 15px; font-style: normal; font-weight: 600; line-height: 26px; /* 173.333% */ transition: all .2s ease; display: inline-block; min-width: 125px; border: none; } .black-friday-tb .pri-lg-btn:hover, .black-friday-tb .pri-lg-btn:focus { opacity: .8; text-decoration: none; transition: all .2s ease; outline: none; box-shadow: none; } .black-friday-tb .fz-12 { color: var(--Color-1, #FFF); text-align: center; font-size: 12px !important; font-style: normal; font-weight: 400; line-height: 14px !important; /* 116.667% */ letter-spacing: -0.25px; text-transform: uppercase; margin-bottom: 6px; padding: 0 !important; } .black-friday-tb .timer-wrap { border-radius: 8px; border: 2px solid var(--Primary-light, #4493F9); background: #000; padding: 8px 16px; max-width: 245px; } .black-friday-tb .d-flex.flex-column { gap: 4px; } .black-friday-tb .timer-wrap .timer-value { text-align: center; font-size: 24px; font-style: normal; font-weight: 700; line-height: 21px; /* 87.5% */ letter-spacing: -0.25px; word-break: keep-all; } .black-friday-tb .timer-wrap .timer-label { color: var(--Color-1, #FFF) !important; text-align: center; font-size: 9px; font-style: normal; font-weight: 400; line-height: 9px; /* 100% */ letter-spacing: -0.25px; word-break: keep-all; } .black-friday-tb .gap-26 { gap: 26px; } .black-friday-tb .invisible-link { font-size: 0; position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; } @media(max-width: 991px) { .black-friday-tb p { font-size: 20px !important; } .black-friday-tb:before, .black-friday-tb:after { opacity: .5; } } @media(max-width: 767px) { .black-friday-tb p { font-size: 16px !important; } } </style> <div class="black-friday-tb py-2 top-offer-banner"> <button aria-label="Close" data-dismiss="modal" class="close close-header-banner" type="button"> <span aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"> <path d="M14.6557 4.16675L9.9974 8.82508L5.33906 4.16675L4.16406 5.34175L8.8224 10.0001L4.16406 14.6584L5.33906 15.8334L9.9974 11.1751L14.6557 15.8334L15.8307 14.6584L11.1724 10.0001L15.8307 5.34175L14.6557 4.16675Z" fill="white" /> </svg></span> </button> <div class="container"> <div class="d-flex flex-wrap align-items-center justify-content-center gap-30 px-md-5 px-xl-0"> <img src="/wp-content/themes/cookieyes-new/assets/images/black-friday-deal.svg" alt="Black Friday" width="116" height="79"> <div class="d-flex align-items-center gap-30 justify-content-center flex-wrap flex-sm-nowrap"> <p class="mb-0 text-center">This Black Friday, get up to <span class="fw700">50% off</span> on CookieYes!</p> <button data-toggle="modal" data-target="#blackFridayPricing" class="pri-lg-btn">Claim deal</button> </div> <div class="timer-wrap"> <p class="fz-12">Deal expires in</p> <div class="d-flex align-items-center gap-26"> <div class="d-flex flex-column"> <span id="bft_days" class="timer-value bft_days">-</span> <span class="timer-label">Days</span> </div> <div class="d-flex flex-column"> <span id="bft_hour" class="timer-value bft_hour">-</span> <span class="timer-label">Hours</span> </div> <div class="d-flex flex-column"> <span id="bft_mins" class="timer-value bft_mins">-</span> <span class="timer-label">Minutes</span> </div> <div class="d-flex flex-column"> <span id="bft_secs" class="timer-value bft_secs">-</span> <span class="timer-label">Seconds</span> </div> </div> </div> </div> </div> <a href="" data-toggle="modal" data-target="#blackFridayPricing" class="invisible-link">Show popup</a> </div> <div class=" top-navbar d-none d-lg-block"> <div class="container"> <div class="navbar navbar-expand divider-bottom p-0"> <ul class="secondary-menu my-0 ml-auto navbar-nav"> <li class="menu-item-has-children menu-item nav-item dropdown"><a href="javascript:void(0)" class="nav-link dropdown-toggle" id="desk_navdropdownPartners" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Partners</a><ul class="dropdown-menu sub-menu-items" aria-labelledby="desk_navdropdownPartners"><li class="menu-item dropdown-item"><a href="/agency/" class="nav-link">Agency Partner</a><li class="menu-item dropdown-item"><a href="/affiliates/" class="nav-link">Affiliate Partner</a><li class="menu-item dropdown-item"><a href="/join-as-partner/" class="nav-link">Strategic Partner</a></ul></li><li class="menu-item-has-children menu-item nav-item dropdown"><a href="javascript:void(0)" class="nav-link dropdown-toggle" id="desk_navdropdownCompany" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Company</a><ul class="dropdown-menu sub-menu-items" aria-labelledby="desk_navdropdownCompany"><li class="menu-item"><a href="/about/" class="nav-link">About CookieYes</a></ul></li><li class="menu-item nav-item support-icon menu-icon"><a href="/support/" class="nav-link" >Support</a></li><li class="menu-item nav-item lang-icon menu-icon"> <div class="wpml-ls-sidebars-cookieyes_translator_widget wpml-ls wpml-ls-legacy-dropdown js-wpml-ls-legacy-dropdown"> <ul> <li tabindex="0" class="wpml-ls-slot-cookieyes_translator_widget wpml-ls-item wpml-ls-item-en wpml-ls-current-language wpml-ls-first-item wpml-ls-last-item wpml-ls-item-legacy-dropdown"> <a href="#" class="js-wpml-ls-item-toggle wpml-ls-item-toggle"> <span class="wpml-ls-native">English</span></a> <ul class="wpml-ls-sub-menu"> </ul> </li> </ul> </div> </li><li class="menu-item nav-item sep d-none d-lg-block">|</li><li class="menu-item nav-item login-icon menu-icon"><a href="https://app.cookieyes.com/login" class="nav-link" >Log in</a></li> </ul> </div> </div> </div> <nav class="primary-menu navbar navbar-expand-xl navbar-light "> <div class="container"> <a class="navbar-brand mr-lg-5" href="/"> <img src="https://www.cookieyes.com/wp-content/themes/cookieyes-new/assets/images/cookieyes-logo.svg" alt="CookieYes Logo" class="brand-img d-none d-sm-block" width="150" height="30"> <img src="https://www.cookieyes.com/wp-content/themes/cookieyes-new/assets/images/cy-favicon.svg" alt="CookieYes Logo" class="brand-img d-sm-none" width="28" height="28"> </a> <div class="buttons ml-auto mr-2 d-inline-flex d-xl-none small-device-ctas py-2"> <a href="/pricing/?ref=CYTR" class="button secondary-btn mr-1 d-md-block d-none">View plans</a> <a href="https://app.cookieyes.com/trial?plan=pro-monthly&ref=CYHPTR_7753" class="button primary-btn">Try for free</a> </div> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse d-xl-flex align-items-center py-4 py-lg-0" id="navbarNavDropdown"> <div class=""> <ul class="navbar-nav"> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="javascript:void(0)" id="navbarDropdownSolutions" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Solutions</a> <div class="dropdown-menu solutions" aria-labelledby="navbarDropdownSolutions"> <div class="row "> <div class="col-12 col-md-2 category-2"> <p class="menu-category usecases with-icon ">BY USE CASE</p> <ul class="sub-menu-items"> <li class="menu-item"> <a href="/founder-use-cases/" class="nav-link with-icon product-owner">Founder</a> </li> <li class="menu-item"> <a href="/developer-use-cases/" class="nav-link with-icon developer">Developer</a> </li> <li class="menu-item"> <a href="/marketer-use-cases/" class="nav-link with-icon marketer">Marketer</a> </li> <li class="menu-item"> <a href="/agency-use-cases/" class="nav-link with-icon agency">Agency</a> </li> </ul> </div> <div class="col-12 col-md-6 category-2"> <p class="menu-category regulations with-icon ">BY REGULATIONS</p> <div class="row"> <div class="col-sm-6 col-12"> <ul class="sub-menu-items"> <li class="menu-item"> <a href="/australia-privacy-act-compliance/" class="nav-link with-icon australia">Australia Privacy Act</a> </li> <li class="menu-item"> <a href="/ccpa-compliance/" class="nav-link with-icon ccpa">CCPA California</a> </li> <li class="menu-item"> <a href="/cpra-compliance/" class="nav-link with-icon cpra">CPRA California</a> </li> <li class="menu-item"> <a href="/cdpa-compliance/" class="nav-link with-icon cdpa">CDPA Virginia</a> </li> <li class="menu-item"> <a href="/colorado-privacy-act-cpa/" class="nav-link with-icon cpa">CPA Colorado</a> </li> <li class="menu-item"> <a href="/connecticut-data-privacy-act-ctdpa/" class="nav-link with-icon ctdpa">CTDPA Connecticut</a> </li> <li class="menu-item"> <a href="/product/cookie-consent/" class="nav-link with-icon gdpr">GDPR EU & UK</a> </li> <li class="menu-item"> <a href="/google-consent-mode-certified-cmp/" class="nav-link with-icon gcm">Google Consent Mode</a> </li> <li class="menu-item"> <a href="/iab-tcf-compliance/" class="nav-link with-icon iab">IAB TCF v2.2</a> </li> </ul> </div> <div class="col-sm-6 col-12"> <ul class="sub-menu-items"> <li class="menu-item"> <a href="/brazil-lgpd-compliance/" class="nav-link with-icon lgpd">LGPD Brazil</a> </li> <li class="menu-item"> <a href="/pdpa-singapore-compliance/" class="nav-link with-icon pdpa">PDPA Singapore</a> </li> <li class="menu-item"> <a href="/pdpa-thailand-compliance/" class="nav-link with-icon thailand">PDPA Thailand</a> </li> <li class="menu-item"> <a href="/saudi-arabia-pdpl-compliance/" class="nav-link with-icon pdpl">PDPL Saudi Arabia</a> </li> <li class="menu-item"> <a href="/pipeda-compliance/" class="nav-link with-icon pipeda">PIPEDA Canada</a> </li> <li class="menu-item"> <a href="/popia-compliance/" class="nav-link with-icon popia">POPIA South Africa</a> </li> <li class="menu-item"> <a href="/quebec-law-25-compliance/" class="nav-link with-icon quebec">Quebec Law 25</a> </li> <li class="menu-item"> <a href="/utah-consumer-privacy-act-ucpa/" class="nav-link with-icon ucpa">UCPA Utah</a> </li> </ul> </div> </div> </div> <div class="col-12 col-md-4 px-lg-0 category-3 platforms-wrapper"> <p class="menu-category platforms with-icon">BY PLATFORMS</p> <div class="row"> <div class="col-sm-6 col-12"> <ul class="sub-menu-items"> <li class="menu-item"> <a href="/documentation/cookie-banner-squarespace/" class="nav-link with-icon squarespace">Squarespace</a> </li> <li class="menu-item"> <a href="/documentation/cookie-banner-joomla/" class="nav-link with-icon joomla">Joomla</a> </li> <li class="menu-item"> <a href="/documentation/cookie-banner-kajabi/" class="nav-link with-icon kajabi">Kajabi</a> </li> <li class="menu-item"> <a href="/documentation/cookie-banner-wordpress/" class="nav-link with-icon wordpress">WordPress</a> </li> <li class="menu-item"> <a href="/documentation/cookie-banner-wix/" class="nav-link with-icon wix">Wix</a> </li> <li class="menu-item"> <a href="/documentation/cookie-banner-weebly/" class="nav-link with-icon weebly">Weebly</a> </li> <li class="menu-item"> <a href="/documentation/cookie-banner-shopify/" class="nav-link with-icon shopify">Shopify</a> </li> </ul> </div> <div class="col-sm-6 col-12 pl-lg-0"> <ul class="sub-menu-items"> <li class="menu-item"> <a href="/documentation/cookie-banner-magento/" class="nav-link with-icon magento">Magento</a> </li> <li class="menu-item"> <a href="/documentation/cookie-banner-drupal/" class="nav-link with-icon drupal">Drupal</a> </li> <li class="menu-item"> <a href="/documentation/cookie-banner-blogger/" class="nav-link with-icon blogger">Blogger</a> </li> <li class="menu-item"> <a href="/documentation/cookie-banner-impresspages/" class="nav-link with-icon impresspages">ImpressPages</a> </li> <li class="menu-item"> <a href="/documentation/cookie-banner-kartra/" class="nav-link with-icon kartra">Kartra</a> </li> <li class="menu-item"> <a href="/documentation/cookie-banner-modx/" class="nav-link with-icon modx">MODX</a> </li> </ul> </div> </div> </div> </div> </div> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="javascript:void(0)" id="navbarDropdownProduct" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Product</a> <div class="dropdown-menu" aria-labelledby="navbarDropdownProduct"> <ul class="sub-menu-items"> <li class="menu-item"> <a href="/product/cookie-consent/" class="nav-link">Cookie Consent Solution</a> </li> <li class="menu-item"> <a href="/product/wordpress-plugin/" class="nav-link">WordPress Plugin</a> </li> <li class="menu-item"> <a href="/product/shopify-cookie-consent/" class="nav-link">Shopify App</a> </li> </ul> </div> </li> <li class="nav-item"> <a class="nav-link" href="/features/">Features</a> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="/pricing/" id="navbarDropdownPricing" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Pricing</a> <div class="dropdown-menu" aria-labelledby="navbarDropdownPricing"> <ul class="sub-menu-items"> <li class="menu-item"> <a href="/pricing/" class="nav-link">Overview</a> </li> <li class="menu-item"> <a href="/pricing/#pricing-comparison" class="nav-link">Compare Plans</a> </li> <li class="menu-item"> <a href="/support/?query=enterprise#enterprise" class="nav-link">Request Quote</a> </li> </ul> </div> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="javascript:void(0)" id="navbarDropdownResources" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Resources</a> <div class="dropdown-menu resources" aria-labelledby="navbarDropdownResources"> <div class="row"> <div class="col-12 col-sm-5 divider-lg-right"> <p class="menu-category learning with-icon ">LEARNING</p> <ul class="sub-menu-items"> <li class="menu-item"> <a href="/category/documentation/" class="nav-link">Help Guides</a> </li> <li class="menu-item"> <a href="/category/blog/" class="nav-link">Blogs</a> </li> <li class="menu-item"> <a href="/infographics/" class="nav-link">Infographics</a> </li> <li class="menu-item"> <a href="/knowledge-base/" class="nav-link">Knowledge Base</a> </li> <li class="menu-item"> <a href="/newsletter-signup/" class="nav-link">Newsletter</a> </li> </ul> </div> <div class="col-12 col-sm-7"> <p class="menu-category free-tool with-icon ">FREE TOOLS</p> <ul class="sub-menu-items"> <li class="menu-item"> <a href="/privacy-policy-generator/" class="nav-link ppg-icon with-icon">Privacy Policy Generator</a> </li> <li class="menu-item"> <a href="/free-cookie-policy-generator/" class="nav-link cpg-icon with-icon">Cookie Policy Generator</a> </li> <li class="menu-item"> <a href="/cookie-checker/" class="nav-link cs-icon with-icon">Cookie Checker</a> </li> <li class="menu-item"> <a href="/google-consent-mode-checker/" class="nav-link gcmc-icon with-icon">Google Consent Mode Checker</a> </li> </ul> </div> </div> </div> </li> <div class="d-lg-none"> <li class="menu-item-has-children menu-item nav-item dropdown"><a href="javascript:void(0)" class="nav-link dropdown-toggle" id="mob_navdropdownPartners" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Partners</a><ul class="dropdown-menu sub-menu-items" aria-labelledby="mob_navdropdownPartners"><li class="menu-item dropdown-item"><a href="/agency/" class="nav-link">Agency Partner</a><li class="menu-item dropdown-item"><a href="/affiliates/" class="nav-link">Affiliate Partner</a><li class="menu-item dropdown-item"><a href="/join-as-partner/" class="nav-link">Strategic Partner</a></ul></li><li class="menu-item-has-children menu-item nav-item dropdown"><a href="javascript:void(0)" class="nav-link dropdown-toggle" id="mob_navdropdownCompany" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Company</a><ul class="dropdown-menu sub-menu-items" aria-labelledby="mob_navdropdownCompany"><li class="menu-item"><a href="/about/" class="nav-link">About CookieYes</a></ul></li><li class="menu-item nav-item support-icon menu-icon"><a href="/support/" class="nav-link" >Support</a></li><li class="menu-item nav-item lang-icon menu-icon"> <div class="wpml-ls-sidebars-cookieyes_translator_widget wpml-ls wpml-ls-legacy-dropdown js-wpml-ls-legacy-dropdown"> <ul> <li tabindex="0" class="wpml-ls-slot-cookieyes_translator_widget wpml-ls-item wpml-ls-item-en wpml-ls-current-language wpml-ls-first-item wpml-ls-last-item wpml-ls-item-legacy-dropdown"> <a href="#" class="js-wpml-ls-item-toggle wpml-ls-item-toggle"> <span class="wpml-ls-native">English</span></a> <ul class="wpml-ls-sub-menu"> </ul> </li> </ul> </div> </li><li class="menu-item nav-item sep d-none d-lg-block">|</li><li class="menu-item nav-item login-icon menu-icon"><a href="https://app.cookieyes.com/login" class="nav-link" >Log in</a></li> </div> </ul> </div> <div class="mr-0 ml-auto form-sm-inline button-group"> <a href="/pricing/?ref=CYTR" class="btn secondary-btn mr-1">View plans</a> <a href="https://app.cookieyes.com/trial?plan=pro-monthly&ref=CYHPTR_7753" class="btn primary-btn">Try for free</a> </div> </div> </div> </nav> </header> <main id="main_content"><div class="py-5 hero-section"> <div class="container py-4"> <div class="row"> <div class="col-lg-4 col-md-6 col-12 mb-4 mb-md-0"> <h2 class="hero-title">Getting Started</h2> </div> <div class="col-lg-8 col-md-6 col-12"> <form data-min-no-for-search=1 data-result-box-max-height=400 data-form-id=6476 class="is-search-form is-disable-submit is-form-style is-form-style-3 is-form-id-6476 is-ajax-search" action="https://www.cookieyes.com/" method="get" role="search" ><label for="is-search-input-6476"><span class="is-screen-reader-text">Search for:</span><input type="search" id="is-search-input-6476" name="s" value="" class="is-search-input" placeholder="Search here..." autocomplete=off /><span class="is-loader-image" style="display: none;background-image:url(https://www.cookieyes.com/wp-content/plugins/add-search-to-menu/public/images/spinner.gif);" ></span></label><button type="submit" class="is-search-submit"><span class="is-screen-reader-text">Search Button</span><span class="is-search-icon"><svg focusable="false" aria-label="Search" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"></path></svg></span></button><input type="hidden" name="id" value="6476" /><input type="hidden" name="post_type" value="post" /></form> </div> </div> </div> </div> <div class="container pb-5"> <div class="cy-breadcrumb"> <p id="breadcrumbs" class="mb-0"><span><span><a href="https://www.cookieyes.com/category/documentation/">Help Guides</a></span> > <span><a href="https://www.cookieyes.com/category/documentation/getting-started/">Getting Started</a></span> > <span><a href="https://www.cookieyes.com/category/documentation/getting-started/banner-design/">Banner Design</a></span> > <span class="breadcrumb_last" aria-current="page">How to Add a Cookie Banner to Your Website</span></span></p> </div> </div><div class="container doc-content pb-5"> <div class="row pb-lg-5"> <div class="col-12 col-lg-3"> <div class="fixed-sidebar" id="on-this-page"> <ul class="main-menu"> <li class="active"> <a data-toggle="collapse" data-target="#chapter1Steps" role="button" aria-expanded="true" aria-controls="chapter1Steps"><span class="small">Chapter 1:</span> How to create your cookie banner</a> <div id="chapter1Steps" class="submenus collapse show"> <ul class="nav"><li class="nav-item"><a class="nav-link" href="#Step1Configu-0">Step 1. Configure your cookie banner</a></li><li class="nav-item"><a class="nav-link" href="#Step2Customi-1">Step 2. Customise your cookie banner</a></li><li class="nav-item"><a class="nav-link" href="#Step3Selecta-2">Step 3. Select an Installation Method</a></li><li class="nav-item"><a class="nav-link" href="#Step4Copycoo-3">Step 4. Copy cookie banner code</a></li></ul> </div> </li> <li> <a href="https://www.cookieyes.com/documentation/add-cookie-banner-to-website/#installation-guides"> <span class="small">Chapter 2:</span> How to install cookie banner </a> </li> <li class=""> <a data-toggle="collapse" data-target="#chapter3Steps" role="button" aria-expanded="false" aria-controls="chapter3Steps"><span class="small">Chapter 3:</span> How to complete website scanning</a> <div id="chapter3Steps" class="submenus collapse "> <ul class="nav"><li class="nav-item"><a class="nav-link" href="https://www.cookieyes.com/documentation/website-scanning/#Step1Verifyy-0">Step 1. Verify your email address</a></li><li class="nav-item"><a class="nav-link" href="https://www.cookieyes.com/documentation/website-scanning/#Step2Scanyou-1">Step 2. Scan your website</a></li><li class="nav-item"><a class="nav-link" href="https://www.cookieyes.com/documentation/website-scanning/#Step3Checksc-2">Step 3. Check scan results</a></li></ul> </div> </li> </ul> </div> </div> <div class="col-12 col-lg-9 content"> <div class="px-xl-5"> <p class="chapter"> Chapter 1: </p> <h1>How to Add a Cookie Banner to Your Website</h1> <p class="big-text">Welcome to CookieYes! This guide will walk you through everything you need to know about creating a cookie banner, customisations, and implementing it on your website.</p> <div class="cy-info-box d-sm-flex align-items-start green"><div class="icon "></div><div class="info-content align-self-center"></p> <p class="info-icon"><strong>Note</strong></p> <p>If you signed up on CookieYes before 15 March 2022, refer to <a href="https://www.cookieyes.com/cookieyes-setup-guide/">this setup guide</a> to implement a cookie banner on your website.</p> <p></div></div> <p><strong>To get started with CookieYes, <a href="https://app.cookieyes.com/trial?plan=pro-monthly&ref=CHAPTER1V6" target="_blank" rel="noreferrer noopener">create your account</a>. </strong></p> <p>After you sign up, you will be directed to a setup screen. Follow the instructions below to add a cookie banner to your website.</p> <div id="Step1Configu-0" class="scrollspy"><h2 class="wp-block-heading">Step 1. Configure your cookie banner</h2></div> <p>Select a cookie banner layout from the options available: <strong>Box, Banner </strong>and <strong>Popup</strong>.</p> <div class="cy-info-box d-sm-flex align-items-start green"><div class="icon "></div><div class="info-content align-self-center"></p> <p class="info-icon"><strong>Note</strong>: Pro and Ultimate plan users will have access to the <strong>Popup</strong> template.</p> <p></div></div> <figure class="wp-block-image size-full"><img loading="lazy" width="2560" height="1684" src="https://www.cookieyes.com/wp-content/uploads/2022/03/setup-screen-1-scaled.jpg" alt="Configure Banner" class="wp-image-76185" /></figure> <div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow"> <ul class="wp-block-list"> <li>You can also select the <strong>Banner Language</strong> of your cookie banner. You will be able to edit this and add multiple languages later.</li> <li>You can choose any banner template from the default light and dark themes, and if you want to further customise it, click <strong>Customise</strong> beneath to tailor it to your specific requirements. .</li> <li>You may choose the <strong>Auto-generated Template</strong> layout, which is auto-recommended based on your website’s colour scheme.</li> </ul> </div></div> <div class="cy-info-box d-sm-flex align-items-start "><div class="icon "></div><div class="info-content align-self-center"></p> <p class="bulb-icon"><strong>Pro <b>Tip</b></strong></p> <p>To implement your cookie banner faster, you can simply proceed to <strong>Step 4</strong> with the default layout that you have chosen. You can customise the cookie banner at any time later via the <strong>Dashboard > Cookie banner</strong>. You can refer to Step 2 in this guide to do the customisations.</p> <p></div></div> <div id="Step2Customi-1" class="scrollspy"><h2 class="wp-block-heading" id="customize-cookie-banner"><span class="highlight">Step 2</span>. Customise your cookie banner</h2></div> <p>When you click on <strong>Customise</strong> a panel will appear where you can customise the banner as per your liking. Below, find the step-by-step instructions on how to customise your cookie banner layout, content, colour and add custom CSS.</p> <div class="accordion" id="customize"><div class="accordion-item"> <div class="acc-header" id="headinggeneral"> <div class="item-title collapsed" data-toggle="collapse" data-target="#collapsegeneral" aria-expanded="false" aria-controls="collapsegeneral"> General </div> </div> <div id="collapsegeneral" class="collapse " aria-labelledby="headinggeneral" data-parent="#customize"> <div class="acc-body"> </p> <p>In the General tab, you can set the <strong>Consent Template</strong>. You can choose the consent template for your website: GDPR, US STATE LAWS or GDPR & US STATE LAWS. </p> <figure class="wp-block-image size-full"><img loading="lazy" width="383" height="767" src="https://www.cookieyes.com/wp-content/uploads/2023/08/1.png" alt="" class="wp-image-44455" /></figure> <p><div class="cy-info-box d-sm-flex align-items-start green"><div class="icon "></div><div class="info-content align-self-center"></p> <p><strong>Note: </strong>You may choose the <strong>GDPR & US STATE LAWS Consent Template</strong> if you want to comply with both laws at the same time. This feature is available only on Pro and Ultimate plans.</p> <p></div></div></p> <ul class="wp-block-list"> <li>Under the <strong>Geo-target banner</strong>, you can set your geo-targeting rules for your cookie banner.</li> <li>For <strong>GDPR Consent Template</strong>, you can enable <strong>Support IAB TCF v2.2</strong> (Available only on Pro and Ultimate plan) if you run ads on your website. When enabled, a banner will appear on your site, allowing visitors to set granular advertising tracking preferences.</li> <li>You can click on <strong>Show advanced settings</strong> to see advanced options.</li> </ul> <figure class="wp-block-image size-full"><img loading="lazy" width="423" height="762" src="https://www.cookieyes.com/wp-content/uploads/2023/08/2.png" alt="" class="wp-image-44464" /></figure> <ul class="wp-block-list"> <li>Under the <strong>Consent expiration</strong>, you can set the time after which your website’s visitors will be shown a consent banner again.</li> <li>Enable <strong>Reload page on consent action</strong> if you want your web page to reload after the visitor accepts or rejects consent.</li> </ul> <p><div class="cy-info-box d-sm-flex align-items-start green"><div class="icon "></div><div class="info-content align-self-center"></p> <p><strong>Note:</strong> By default, CookieYes sets 365 days as the expiration time for cookie consent. Visitors of your site who have given consent will be shown the cookie banner again after this duration.</p> <p></div></div></p> <p> </div> </div> </div> <div class="accordion-item"> <div class="acc-header" id="headinglayout"> <div class="item-title collapsed" data-toggle="collapse" data-target="#collapselayout" aria-expanded="false" aria-controls="collapselayout"> Layout </div> </div> <div id="collapselayout" class="collapse " aria-labelledby="headinglayout" data-parent="#customize"> <div class="acc-body"> </p> <p>Select <strong>Layout</strong> from the left panel to edit/change your banner type. There are currently three banner layouts available: Box, Banner, Popup.</p> <p><strong>Box </strong></p> <p>There are four available positions: Bottom left, Bottom right, Top left, and Top right.</p> <figure class="wp-block-image size-full is-style-default"><img src="https://www.cookieyes.com/wp-content/uploads/2023/12/box-1.gif" alt="Box layout" class="wp-image-51791" /></figure> <p><strong>Banner</strong> </p> <p>There are two available positions: Bottom and Top.</p> <figure class="wp-block-image size-full is-resized"><img loading="lazy" width="2560" height="1301" src="https://www.cookieyes.com/wp-content/uploads/2024/01/banner-layout-gif.gif" alt="" class="wp-image-54137" style="aspect-ratio:1.9556913674560734;width:840px;height:auto" /></figure> <p><strong>Popup </strong>– Center.</p> <figure class="wp-block-image size-full"><img loading="lazy" width="2880" height="1559" src="https://www.cookieyes.com/wp-content/uploads/2024/01/popup-banner.png" alt="" class="wp-image-54030" /></figure> <p class="has-medium-font-size"><strong>Preference Center</strong></p> <p><strong>Box</strong> – There are 2 options available: Center and Sidebar.</p> <figure class="wp-block-image size-full"><img loading="lazy" width="2560" height="1298" src="https://www.cookieyes.com/wp-content/uploads/2024/01/pref-centre-box.gif" alt="" class="wp-image-54421" /></figure> <p><strong>Banner </strong>– The three configurations are Centre, Sidebar, and Push down.</p> <p>The <strong>Categories on first layer</strong> feature is available with <strong>Banner + Push down</strong> layout only.</p> <figure class="wp-block-image size-full"><img loading="lazy" width="2560" height="1298" src="https://www.cookieyes.com/wp-content/uploads/2024/01/pref-centre-banner.gif" alt="" class="wp-image-54432" /></figure> <p><strong>Popup</strong> – There are 2 options available, Center and Sidebar.</p> <figure class="wp-block-image size-full"><img loading="lazy" width="2560" height="1298" src="https://www.cookieyes.com/wp-content/uploads/2024/01/pref-centre-popup.gif" alt="" class="wp-image-54452" /></figure> <p> </div> </div> </div> <div class="accordion-item"> <div class="acc-header" id="headingcontent"> <div class="item-title collapsed" data-toggle="collapse" data-target="#collapsecontent" aria-expanded="false" aria-controls="collapsecontent"> Content </div> </div> <div id="collapsecontent" class="collapse " aria-labelledby="headingcontent" data-parent="#customize"> <div class="acc-body"> </p> <p>Select <strong>Content</strong> from the left panel to customise the content of the banner and all banner elements including title, banner text, button texts, and the preference centre.</p> <ul class="wp-block-list"> <li>To edit the message on your banner, select the <strong>Cookie Notice. </strong>You can edit or change the content of the <strong>Title</strong> and <strong>Message. </strong></li> </ul> <figure class="wp-block-image size-full"><img loading="lazy" width="346" height="772" src="https://www.cookieyes.com/wp-content/uploads/2023/08/4.png" alt="" class="wp-image-44505" /></figure> <ul class="wp-block-list"> <li>You can enable the <strong>Close [X] button</strong> if you want the banner to have a close button.</li> <li>You can edit the button labels that appear on your banner – <strong>“Accept All”</strong>, <strong>“Reject All</strong>” and <strong>“Customise”</strong>.</li> <li>You can enable the <strong>“Cookie Policy” link</strong> and provide the URL to your privacy policy page or cookie policy page. You can also change the label name.</li> <li>To personalize your banner, you can add your <strong>Custom logo </strong>(Available only on Basic, Pro, and Ultimate plan).</li> <li>Select <strong>Disable CookieYes branding</strong> to hide the ‘Powered by CookieYes’ logo that appears on the banner. (Available only on the Ultimate plan).</li> <li>To edit the content of the second layer of your banner, select<strong> Preference Center</strong>. Here you can edit or change the content of the Title, Privacy overview, and the text of the “<strong>Save my preferences” button.</strong><br><br><img loading="lazy" width="850" height="411" class="wp-image-76099" style="width: 850px" src="https://www.cookieyes.com/wp-content/uploads/2022/03/prefrence-center-scaled.jpg" alt="prefrence center" /><br></li> </ul> <ul class="wp-block-list"> <li>You can enable the <strong>Show Google Privacy Policy</strong> option, which ensures that the Google Privacy Policy is displayed on the second layer of your banner. This is necessary if you use services provided by Google, such as AdSense, Firebase and Analytics on your website, as mandated by the Digital Markets Act (DMA). </li> </ul> <figure class="wp-block-image size-full is-style-default"><img loading="lazy" width="2560" height="1240" src="https://www.cookieyes.com/wp-content/uploads/2022/03/google-privacy-policy-1-scaled.jpg" alt="google privacy policy " class="wp-image-76117" /></figure> <ul class="wp-block-list"> <li>You can also edit/change the content of the <strong>Message</strong>, <strong>Link Text</strong> and <strong>URL</strong> of the <strong>Google Privacy Policy</strong>.</li> </ul> <figure class="wp-block-image size-full is-style-default"><img src="https://www.cookieyes.com/wp-content/uploads/2023/12/Cookie-List-1-2-scaled.jpg" alt="Cookie List " class="wp-image-51729" /></figure> <ul class="wp-block-list"> <li>To edit the content of the cookie list displayed in the second layer of your banner, select <strong>Cookie List</strong> and enable <strong>Show cookie list.</strong></li> <li>You can also edit headings within the list for – Cookie, Duration, and Description.</li> </ul> <figure class="wp-block-image size-full"><img src="https://www.cookieyes.com/wp-content/uploads/2024/01/edit-cookie-lisrt.png" alt="" class="wp-image-54463" /></figure> <ul class="wp-block-list"> <li>Select the <strong>Revisit Consent Button</strong> option to edit the settings of the consent callback button.</li> <li>The Revisit Consent Button will enable your website users to change/withdraw consent easily. </li> </ul> <figure class="wp-block-image size-full"><img loading="lazy" width="371" height="767" src="https://www.cookieyes.com/wp-content/uploads/2023/08/7.png" alt="" class="wp-image-44529" /></figure> <ul class="wp-block-list"> <li>You can change the position of the <strong>Floating Button</strong>, set <strong>Custom icon</strong> (Available only on the Ultimate plan) and also the <strong><strong>Text on hover</strong>.</strong> Here’s what the button will look like.</li> </ul> <figure class="wp-block-image size-large"><img src="https://www.cookieyes.com/wp-content/uploads/2022/03/Screenshot-2022-03-22-at-3.45.33-PM-1024x584.png" alt="Floating revisit cookie widget on a website" class="wp-image-8036" /></figure> <ul class="wp-block-list"> <li>In the <strong>Blocked Content</strong>, you can edit the <strong>Alt Text for Blocked Content. </strong>This is the content that will be displayed over embedded videos (Youtube, Vimeo etc.) in case the website visitor has rejected certain cookies that are required for the video to play.</li> </ul> <p> </div> </div> </div> <div class="accordion-item"> <div class="acc-header" id="headingcolours"> <div class="item-title collapsed" data-toggle="collapse" data-target="#collapsecolours" aria-expanded="false" aria-controls="collapsecolours"> Colours </div> </div> <div id="collapsecolours" class="collapse " aria-labelledby="headingcolours" data-parent="#customize"> <div class="acc-body"> </p> <p>Select <strong>Colours</strong> on the left panel to customise the colour of the banner and all banner elements including background, buttons and text.</p> <ul class="wp-block-list"> <li>Choose from the different colour themes for the banner: Light, Dark and Auto Generate.</li> <li>Under <strong>Customise colors, </strong>you will find options to customise the colours of the Cookie Notice, Preference Center, Revisit Consent Button, and Alt Text for Blocked Content.</li> </ul> <figure class="wp-block-image size-full"><img loading="lazy" width="360" height="767" src="https://www.cookieyes.com/wp-content/uploads/2023/08/8.png" alt="" class="wp-image-44537" /></figure> <ul class="wp-block-list"> <li>You can customise the colour of the background, border, title, and text under each of these options.</li> </ul> <figure class="wp-block-image size-full"><img loading="lazy" width="361" height="765" src="https://www.cookieyes.com/wp-content/uploads/2023/08/9.png" alt="" class="wp-image-44545" /></figure> <p> </div> </div> </div> <div class="accordion-item"> <div class="acc-header" id="headingcustom-css"> <div class="item-title collapsed" data-toggle="collapse" data-target="#collapsecustom-css" aria-expanded="false" aria-controls="collapsecustom-css"> Custom CSS </div> </div> <div id="collapsecustom-css" class="collapse " aria-labelledby="headingcustom-css" data-parent="#customize"> <div class="acc-body"> </p> <p>Select <strong>Custom CSS </strong>on the left panel to add advanced CSS to personalize your banner style.</p> <figure class="wp-block-image size-full"><img loading="lazy" width="361" height="766" src="https://www.cookieyes.com/wp-content/uploads/2023/08/10.png" alt="" class="wp-image-44553" /></figure> <ul class="wp-block-list"> <li>Enter the custom CSS code in the given box (Available only on Basic, Pro, and Ultimate plan).</li> </ul> <p> </div> </div> </div> <div class="accordion-item"> <div class="acc-header" id="headinghide-category"> <div class="item-title collapsed" data-toggle="collapse" data-target="#collapsehide-category" aria-expanded="false" aria-controls="collapsehide-category"> Hide Category from Banner </div> </div> <div id="collapsehide-category" class="collapse " aria-labelledby="headinghide-category" data-parent="#customize"> <div class="acc-body"> </p> <p>You can hide categories from the banner so that it does not appear on your banner’s second layer. To enable this feature, follow the below steps:</p> <ol class="wp-block-list"> <li>Navigate to the <strong>Cookie Manager > Cookie Category</strong>.</li> <li>Click the edit icon.</li> <li>Toggle the button (to the right) labelled “<strong>Hide category from banne</strong>r”.</li> <li>Click the<strong> Save Draft</strong> button to save the change made.</li> <li>Now, click the <strong>Publish</strong> <strong>changes</strong> button.</li> </ol> <figure class="wp-block-image size-full is-style-default"><img src="https://www.cookieyes.com/wp-content/uploads/2023/12/Hide-Category-from-Banner--scaled.jpg" alt=" Hide categories from the banner" class="wp-image-51627" /></figure> <p> </div> </div> </div> </div> <ul class="wp-block-list"> <li>After you have done the required customisations, you can click on <strong>Save My Template. </strong></li> <li>Click <strong>Next Step</strong> to proceed to the next part of the setup.</li> </ul> <div id="Step3Selecta-2" class="scrollspy"><h2 class="wp-block-heading"><span class="highlight">Step 3</span>. Select an Installation Method</h2></div> <p>To manually install CookieYes to your website, click on the <strong>Install manually on website</strong> option.</p> <figure class="wp-block-image size-full"><img loading="lazy" width="2560" height="921" src="https://www.cookieyes.com/wp-content/uploads/2022/03/method-to-install-1-scaled.jpg" alt="method to install" class="wp-image-76137" /></figure> <div class="cy-info-box d-sm-flex align-items-start blue"><div class="icon "></div><div class="info-content align-self-center"></p> <p class="info-icon"><strong>Alternative Option</strong></p> <p>If you prefer to use Google Tag Manager, select <strong>Install with Google Tag Manager</strong> instead. For step-by-step instructions on this method, please refer to the <a href="https://www.cookieyes.com/documentation/getting-started-with-google-tag-manager-and-cookieyes/" target="_blank" rel="noreferrer noopener">Getting Started with Google Tag Manager and CookieYes Guide</a>.</p> <p></div></div> <div id="Step4Copycoo-3" class="scrollspy"><h2 class="wp-block-heading"><span class="highlight">Step </span>4. Copy cookie banner code</h2></div> <p>Click on <strong>Copy Code </strong>to copy the CookieYes installation code to add it to your website.</p> <figure class="wp-block-image size-full"><img loading="lazy" width="1590" height="1070" src="https://www.cookieyes.com/wp-content/uploads/2023/10/copy-code.jpg" alt="copy code" class="wp-image-75712" /></figure> <ul class="wp-block-list"> <li>Click on <strong>Copy Code </strong>to copy the CookieYes installation code to add it to your website.</li> </ul> <div class="cy-info-box d-sm-flex align-items-start green"><div class="icon "></div><div class="info-content align-self-center"></p> <p><strong>Note:</strong> You can share the code with a developer or your team by clicking on <strong>Send code to Developer</strong> link. Enter the email address and then click on <strong>Send Instructions</strong>. The recipient will get the code and instructions via email. </p> <p></div></div> <h3 class="wp-block-heading">Next Step. Install cookie banner on your website</h3> <ul class="wp-block-list"> <li>Now you have to paste the CookieYes installation code on your website. </li> <li>Select the CMS or website builders listed below to get the step-by-step instructions to add the code to your website.</li> </ul> <div class="row cms-list" id="installation-guides"> <div class="col-12 col-sm-6 col-lg-4 mb-4"> <a href="https://www.cookieyes.com/documentation/cookie-banner-hubspot/?chapter=2"> <div class="cms-wrapper d-sm-flex justify-content-center align-items-center"> <img loading="lazy" src="https://www.cookieyes.com/wp-content/uploads/2024/09/icon.jpeg" width="32" height="32" class="mb-3 mb-sm-0 no-shadow"> <p class="post-short-title">HubSpot</p> </div> </a> </div> <div class="col-12 col-sm-6 col-lg-4 mb-4"> <a href="https://www.cookieyes.com/documentation/cookie-banner-ghost/?chapter=2"> <div class="cms-wrapper d-sm-flex justify-content-center align-items-center"> <img loading="lazy" src="https://www.cookieyes.com/wp-content/uploads/2023/12/ghost-logo-orb-1.png" width="32" height="32" class="mb-3 mb-sm-0 no-shadow"> <p class="post-short-title">Ghost</p> </div> </a> </div> <div class="col-12 col-sm-6 col-lg-4 mb-4"> <a href="https://www.cookieyes.com/documentation/cookie-banner-matomo/?chapter=2"> <div class="cms-wrapper d-sm-flex justify-content-center align-items-center"> <img loading="lazy" src="https://www.cookieyes.com/wp-content/uploads/2023/10/matomoo-1.png" width="32" height="32" class="mb-3 mb-sm-0 no-shadow"> <p class="post-short-title">Matomo</p> </div> </a> </div> <div class="col-12 col-sm-6 col-lg-4 mb-4"> <a href="https://www.cookieyes.com/documentation/cookie-banner-webflow/?chapter=2"> <div class="cms-wrapper d-sm-flex justify-content-center align-items-center"> <img loading="lazy" src="https://www.cookieyes.com/wp-content/uploads/2023/10/webflow-logo-1.png" width="32" height="32" class="mb-3 mb-sm-0 no-shadow"> <p class="post-short-title">WebFlow</p> </div> </a> </div> <div class="col-12 col-sm-6 col-lg-4 mb-4"> <a href="https://www.cookieyes.com/documentation/cookie-banner-on-an-html-website/?chapter=2"> <div class="cms-wrapper d-sm-flex justify-content-center align-items-center"> <img loading="lazy" src="https://www.cookieyes.com/wp-content/uploads/2023/09/html-logo.png" width="32" height="32" class="mb-3 mb-sm-0 no-shadow"> <p class="post-short-title">HTML</p> </div> </a> </div> <div class="col-12 col-sm-6 col-lg-4 mb-4"> <a href="https://www.cookieyes.com/documentation/cookie-banner-on-angular/?chapter=2"> <div class="cms-wrapper d-sm-flex justify-content-center align-items-center"> <img loading="lazy" src="https://www.cookieyes.com/wp-content/uploads/2023/05/Angular_full_color_logo.svg_.png" width="32" height="32" class="mb-3 mb-sm-0 no-shadow"> <p class="post-short-title">Angular</p> </div> </a> </div> <div class="col-12 col-sm-6 col-lg-4 mb-4"> <a href="https://www.cookieyes.com/documentation/cookie-banner-on-react-js/?chapter=2"> <div class="cms-wrapper d-sm-flex justify-content-center align-items-center"> <img loading="lazy" src="https://www.cookieyes.com/wp-content/uploads/2023/05/React-icon.png" width="32" height="32" class="mb-3 mb-sm-0 no-shadow"> <p class="post-short-title">React.js</p> </div> </a> </div> <div class="col-12 col-sm-6 col-lg-4 mb-4"> <a href="https://www.cookieyes.com/documentation/cookie-banner-on-vue-js/?chapter=2"> <div class="cms-wrapper d-sm-flex justify-content-center align-items-center"> <img loading="lazy" src="https://www.cookieyes.com/wp-content/uploads/2023/04/Vue.png" width="32" height="32" class="mb-3 mb-sm-0 no-shadow"> <p class="post-short-title">Vue.js</p> </div> </a> </div> <div class="col-12 col-sm-6 col-lg-4 mb-4"> <a href="https://www.cookieyes.com/documentation/cookie-banner-on-nuxt-js/?chapter=2"> <div class="cms-wrapper d-sm-flex justify-content-center align-items-center"> <img loading="lazy" src="https://www.cookieyes.com/wp-content/uploads/2023/04/download-1.png" width="32" height="32" class="mb-3 mb-sm-0 no-shadow"> <p class="post-short-title">Nuxt.js</p> </div> </a> </div> <div class="col-12 col-sm-6 col-lg-4 mb-4"> <a href="https://www.cookieyes.com/documentation/cookie-banner-on-gatsby/?chapter=2"> <div class="cms-wrapper d-sm-flex justify-content-center align-items-center"> <img loading="lazy" src="https://www.cookieyes.com/wp-content/uploads/2023/04/Gatsby_Logo.png" width="32" height="32" class="mb-3 mb-sm-0 no-shadow"> <p class="post-short-title">Gatsby</p> </div> </a> </div> <div class="col-12 col-sm-6 col-lg-4 mb-4"> <a href="https://www.cookieyes.com/documentation/cookie-banner-on-next-js/?chapter=2"> <div class="cms-wrapper d-sm-flex justify-content-center align-items-center"> <img loading="lazy" src="https://www.cookieyes.com/wp-content/uploads/2023/03/nextjs-icon-dark-background.png" width="32" height="32" class="mb-3 mb-sm-0 no-shadow"> <p class="post-short-title">Next.js</p> </div> </a> </div> <div class="col-12 col-sm-6 col-lg-4 mb-4"> <a href="https://www.cookieyes.com/documentation/cookie-banner-kartra/?chapter=2"> <div class="cms-wrapper d-sm-flex justify-content-center align-items-center"> <img loading="lazy" src="https://www.cookieyes.com/wp-content/uploads/2022/02/kartra-1.png" width="32" height="32" class="mb-3 mb-sm-0 no-shadow"> <p class="post-short-title">Kartra</p> </div> </a> </div> <div class="col-12 col-sm-6 col-lg-4 mb-4"> <a href="https://www.cookieyes.com/documentation/cookie-banner-kajabi/?chapter=2"> <div class="cms-wrapper d-sm-flex justify-content-center align-items-center"> <img loading="lazy" src="https://www.cookieyes.com/wp-content/uploads/2022/02/kajabi-1.png" width="32" height="32" class="mb-3 mb-sm-0 no-shadow"> <p class="post-short-title">Kajabi</p> </div> </a> </div> <div class="col-12 col-sm-6 col-lg-4 mb-4"> <a href="https://www.cookieyes.com/documentation/cookie-banner-modx/?chapter=2"> <div class="cms-wrapper d-sm-flex justify-content-center align-items-center"> <img loading="lazy" src="https://www.cookieyes.com/wp-content/uploads/2022/02/modx-logo-1.png" width="32" height="32" class="mb-3 mb-sm-0 no-shadow"> <p class="post-short-title">MODX</p> </div> </a> </div> <div class="col-12 col-sm-6 col-lg-4 mb-4"> <a href="https://www.cookieyes.com/documentation/cookie-banner-impresspages/?chapter=2"> <div class="cms-wrapper d-sm-flex justify-content-center align-items-center"> <img loading="lazy" src="https://www.cookieyes.com/wp-content/uploads/2022/02/Group-1-1.png" width="32" height="32" class="mb-3 mb-sm-0 no-shadow"> <p class="post-short-title">ImpressPages</p> </div> </a> </div> <div class="col-12 col-sm-6 col-lg-4 mb-4"> <a href="https://www.cookieyes.com/documentation/cookie-banner-shopify/?chapter=2"> <div class="cms-wrapper d-sm-flex justify-content-center align-items-center"> <img loading="lazy" src="https://www.cookieyes.com/wp-content/uploads/2022/02/shopify-logo-1.png" width="32" height="32" class="mb-3 mb-sm-0 no-shadow"> <p class="post-short-title">Shopify</p> </div> </a> </div> <div class="col-12 col-sm-6 col-lg-4 mb-4"> <a href="https://www.cookieyes.com/documentation/cookie-banner-weebly/?chapter=2"> <div class="cms-wrapper d-sm-flex justify-content-center align-items-center"> <img loading="lazy" src="https://www.cookieyes.com/wp-content/uploads/2022/02/weebly-logo-1.png" width="32" height="32" class="mb-3 mb-sm-0 no-shadow"> <p class="post-short-title">Weebly</p> </div> </a> </div> <div class="col-12 col-sm-6 col-lg-4 mb-4"> <a href="https://www.cookieyes.com/documentation/cookie-banner-magento/?chapter=2"> <div class="cms-wrapper d-sm-flex justify-content-center align-items-center"> <img loading="lazy" src="https://www.cookieyes.com/wp-content/uploads/2022/02/magento-1.png" width="32" height="32" class="mb-3 mb-sm-0 no-shadow"> <p class="post-short-title">Magento</p> </div> </a> </div> <div class="col-12 col-sm-6 col-lg-4 mb-4"> <a href="https://www.cookieyes.com/documentation/cookie-banner-squarespace/?chapter=2"> <div class="cms-wrapper d-sm-flex justify-content-center align-items-center"> <img loading="lazy" src="https://www.cookieyes.com/wp-content/uploads/2022/02/Vector-1-1.png" width="32" height="32" class="mb-3 mb-sm-0 no-shadow"> <p class="post-short-title">Squarespace</p> </div> </a> </div> <div class="col-12 col-sm-6 col-lg-4 mb-4"> <a href="https://www.cookieyes.com/documentation/cookie-banner-wix/?chapter=2"> <div class="cms-wrapper d-sm-flex justify-content-center align-items-center"> <img loading="lazy" src="https://www.cookieyes.com/wp-content/uploads/2022/02/Vector-2.png" width="32" height="32" class="mb-3 mb-sm-0 no-shadow"> <p class="post-short-title">Wix</p> </div> </a> </div> <div class="col-12 col-sm-6 col-lg-4 mb-4"> <a href="https://www.cookieyes.com/documentation/cookie-banner-wordpress/?chapter=2"> <div class="cms-wrapper d-sm-flex justify-content-center align-items-center"> <img loading="lazy" src="https://www.cookieyes.com/wp-content/uploads/2022/02/Frame-6356-1.png" width="32" height="32" class="mb-3 mb-sm-0 no-shadow"> <p class="post-short-title">WordPress</p> </div> </a> </div> <div class="col-12 col-sm-6 col-lg-4 mb-4"> <a href="https://www.cookieyes.com/documentation/cookie-banner-joomla/?chapter=2"> <div class="cms-wrapper d-sm-flex justify-content-center align-items-center"> <img loading="lazy" src="https://www.cookieyes.com/wp-content/uploads/2022/02/Group-2.png" width="32" height="32" class="mb-3 mb-sm-0 no-shadow"> <p class="post-short-title">Joomla</p> </div> </a> </div> <div class="col-12 col-sm-6 col-lg-4 mb-4"> <a href="https://www.cookieyes.com/documentation/cookie-banner-drupal/?chapter=2"> <div class="cms-wrapper d-sm-flex justify-content-center align-items-center"> <img loading="lazy" src="https://www.cookieyes.com/wp-content/uploads/2022/02/Group-739-1.png" width="32" height="32" class="mb-3 mb-sm-0 no-shadow"> <p class="post-short-title">Drupal</p> </div> </a> </div> <div class="col-12 col-sm-6 col-lg-4 mb-4"> <a href="https://www.cookieyes.com/documentation/cookie-banner-blogger/?chapter=2"> <div class="cms-wrapper d-sm-flex justify-content-center align-items-center"> <img loading="lazy" src="https://www.cookieyes.com/wp-content/uploads/2022/02/blogger-1.png" width="32" height="32" class="mb-3 mb-sm-0 no-shadow"> <p class="post-short-title">Blogger</p> </div> </a> </div> </div> <div class="cy-info-box d-sm-flex align-items-start green"><div class="icon "></div><div class="info-content align-self-center"></p> <p><strong>Note</strong>: <strong>Don’t see your CMS in the list? </strong></p> <p>CookieYes can work on all major CMS platforms and custom-coded sites. Add the installation code between the <head> and </head> tags of your website’s source code before any other script. Save changes,  refresh your site and check if the banner is active on your website.  If you are facing any issues, please get in touch with <a href="https://www.cookieyes.com/support/?query=troubleshoot" target="_blank" rel="noreferrer noopener">technical support.</a></p> <p></div></div> </div> </div> </div> </div></main> <footer class=""> <div class="container text-center"> <div class="divider-bottom py-5 footer-1"> <div class="d-flex align-items-center justify-content-center "> <img src="https://www.cookieyes.com/wp-content/themes/cookieyes-new/assets/images/g2-badges-large.svg" class="g2-badge d-none d-sm-block large" height="88" width="512" alt="G2 Badges"> <img src="https://www.cookieyes.com/wp-content/themes/cookieyes-new/assets/images/g2-badges-small.svg" class="g2-badge d-block d-sm-none small" height="162" width="290" alt="G2 Badges"> </div> </div> <div class="footer-2 py-5 divider-bottom"> <div class="row align-items-center"> <div class="col-12 col-xl-6 col-md-4 text-md-left mb-5 mb-md-0"> <h3 class="">Subscribe to get a monthly<br class="d-none d-xl-block">newsletter in your inbox</h3> </div> <div class="col-12 col-xl-6 col-md-8 text-sm-left newsletter"> <form id="sib_signup_form_10" method="post" class="sib_signup_form"> <div class="sib_loader" style="display:none;"><img src="https://www.cookieyes.com/wp-includes/images/spinner.gif" alt="loader"></div> <input type="hidden" name="sib_form_action" value="subscribe_form_submit"> <input type="hidden" name="sib_form_id" value="10"> <input type="hidden" name="sib_form_alert_notice" value="Please fill out this field."> <input type="hidden" name="sib_form_invalid_email_notice" value="Please enter a valid email."> <input type="hidden" name="sib_security" value="d7d015a4b3"> <div class="sib_signup_box_inside_10"> <div style="/*display:none*/" class="sib_msg_disp"> </div> <div class="d-flex justify-content-center justify-content-md-start"> <input type="email" class="sib-email-area" name="email" required="required" placeholder="Email address"><button type="submit" class="" aria-label="Submit"><span class="sr-only">Submit</span> <img src="/wp-content/themes/cookieyes-new/assets/images/submit-icon.svg" height="20" width="20" alt=""></button> </div> <label for="terms" class="d-flex mt-3 align-items-center text-left"><input type="checkbox" name="terms" required="required" id="terms"><p>I agree to receive newsletters from CookieYes and accept the <a href="/privacy-policy/">Privacy Policy.</a> </p></label> </div> </form> <style> form#sib_signup_form_10 p.sib-alert-message { padding: 6px 12px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } form#sib_signup_form_10 p.sib-alert-message-error { background-color: #f2dede; border-color: #ebccd1; color: #a94442; } form#sib_signup_form_10 p.sib-alert-message-success { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; } form#sib_signup_form_10 p.sib-alert-message-warning { background-color: #fcf8e3; border-color: #faebcc; color: #8a6d3b; } </style> </div> </div> </div> <div class="footer-3 largescreen d-none d-md-block text-left mt-4"> <div class="row"> <div class="col-md-4"> <div class="row"> <div class="col-12 col-lg-6"> <h5 class="title ">Get Started</h5> <ul> <li><a href="/features/">Features</a></li><li><a href="/pricing/">Pricing</a></li><li><a href="/pricing/#pricing-comparison/">Compare Plans</a></li><li><a href="/category/documentation/faq/">CookieYes FAQ</a></li> </ul> </div> <div class="col-12 col-lg-6"> <h5 class="title ">Products</h5> <ul> <li><a href="/product/cookie-consent/">Cookie Consent Solution</a></li><li><a href="/product/wordpress-plugin/">WordPress Plugin</a></li><li><a href="/product/shopify-cookie-consent/">Shopify App</a></li> </ul> <h5 class="title ">Solutions</h5> <ul> <li><a href="/product/cookie-consent/">GDPR (EU)</a></li><li><a href="/ccpa-compliance/">CCPA (California)</a></li><li><a href="/saudi-arabia-pdpl-compliance/">PDPL (Saudi Arabia)</a></li> </ul> </div> </div> </div> <div class="col-md-4"> <div class="row"> <div class="col-12 col-lg-7"> <h5 class="title ">Resources</h5> <ul> <li><a href="/category/documentation/">Documentation</a></li><li><a href="/category/blog/">Blogs</a></li><li><a href="/infographics/">Infographics</a></li><li><a href="/newsletter-signup/">Newsletter</a></li> </ul> <h5 class="title sparkle-icon">Free Tools</h5> <ul> <li><a href="/privacy-policy-generator/">Privacy Policy Generator</a></li><li><a href="/free-cookie-policy-generator/">Cookie Policy Generator</a></li><li><a href="/cookie-scanner/">Cookie Scanner</a></li> </ul> </div> <div class="col-12 col-lg-5"> <h5 class="title ">Compare</h5> <ul> <li><a href="/cookiebot/">Cookiebot</a></li><li><a href="/cookiepro/">CookiePro</a></li><li class="d-none"><a href="/cookiescript/">CookieScript</a></li><li><a href="/iubenda/">Iubenda</a></li><li class="d-none"><a href="/quantcast/">Quantcast</a></li><li class="d-none"><a href="/secureprivacy/">Secure Privacy</a></li><li class="d-none"><a href="/termly/">Termly</a></li><li class="d-none"><a href="/termsfeed/">TermsFeed</a></li> </ul> </div> </div> </div> <div class="col-md-4"> <div class="row"> <div class="col-12 col-lg-6"> <h5 class="title ">Company</h5> <ul> <li><a href="/about/">About</a></li><li><a href="/support/">Support</a></li><li><a href="/support/?query=enterprise">Request Quote</a></li> </ul> <h5 class="title ">Partners<span class="highlight green-bg">Join us!</span></h5> <ul> <li><a href="/agency/">Agency Partner</a></li><li><a href="/affiliates/">Affiliate Partner</a></li><li><a href="/join-as-partner/">Strategic Partner</a></li> </ul> </div> <div class="col-12 col-lg-6"> <h5 class="title ">Legal</h5> <ul> <li><a href="/privacy-policy/">Privacy Policy</a></li><li><a href="/cookie-policy/">Cookie Policy</a></li><li><a href="/terms-and-conditions/">Terms and Conditions</a></li><li><a href="/dpa/">Data Processing Agreement</a></li> </ul> </div> </div> </div> </div> </div> <div class="footer-3 smallscreen d-block d-md-none text-left mt-4"> <div class="row"> <div class="col col-sm-6"> <h5 class="title ">Get Started</h5> <ul> <li><a href="/features/">Features</a></li><li><a href="/pricing/">Pricing</a></li><li><a href="/pricing/#pricing-comparison/">Compare Plans</a></li><li><a href="/category/documentation/faq/">CookieYes FAQ</a></li> </ul> <h5 class="title ">Solutions</h5> <ul> <li><a href="/product/cookie-consent/">GDPR (EU)</a></li><li><a href="/ccpa-compliance/">CCPA (California)</a></li><li><a href="/saudi-arabia-pdpl-compliance/">PDPL (Saudi Arabia)</a></li> </ul> <h5 class="title ">Partners<span class="highlight green-bg">Join us!</span></h5> <ul> <li><a href="/agency/">Agency Partner</a></li><li><a href="/affiliates/">Affiliate Partner</a></li><li><a href="/join-as-partner/">Strategic Partner</a></li> </ul> <h5 class="title ">Compare</h5> <ul> <li><a href="/cookiebot/">Cookiebot</a></li><li><a href="/cookiepro/">CookiePro</a></li><li class="d-none"><a href="/cookiescript/">CookieScript</a></li><li><a href="/iubenda/">Iubenda</a></li><li class="d-none"><a href="/quantcast/">Quantcast</a></li><li class="d-none"><a href="/secureprivacy/">Secure Privacy</a></li><li class="d-none"><a href="/termly/">Termly</a></li><li class="d-none"><a href="/termsfeed/">TermsFeed</a></li> </ul> <h5 class="title ">Company</h5> <ul> <li><a href="/about/">About</a></li><li><a href="/support/">Support</a></li><li><a href="/support/?query=enterprise">Request Quote</a></li> </ul> </div> <div class="col col-sm-6"> <h5 class="title ">Products</h5> <ul> <li><a href="/product/cookie-consent/">Cookie Consent Solution</a></li><li><a href="/product/wordpress-plugin/">WordPress Plugin</a></li><li><a href="/product/shopify-cookie-consent/">Shopify App</a></li> </ul> <h5 class="title sparkle-icon">Free Tools</h5> <ul> <li><a href="/privacy-policy-generator/">Privacy Policy Generator</a></li><li><a href="/free-cookie-policy-generator/">Cookie Policy Generator</a></li><li><a href="/cookie-scanner/">Cookie Scanner</a></li> </ul> <h5 class="title ">Resources</h5> <ul> <li><a href="/category/documentation/">Documentation</a></li><li><a href="/category/blog/">Blogs</a></li><li><a href="/infographics/">Infographics</a></li><li><a href="/newsletter-signup/">Newsletter</a></li> </ul> <h5 class="title ">Legal</h5> <ul> <li><a href="/privacy-policy/">Privacy Policy</a></li><li><a href="/cookie-policy/">Cookie Policy</a></li><li><a href="/terms-and-conditions/">Terms and Conditions</a></li><li><a href="/dpa/">Data Processing Agreement</a></li> </ul> </div> </div> </div> <div class="footer-4 pb-5 divider-bottom pt-4"> <div class="d-xl-flex justify-content-xl-between justify-content-center align-items-center flex-wrap"> <div class="d-lg-flex align-items-center flex-wrap justify-content-center"> <div class="cmp-badge pr-lg-4 mt-4 d-flex align-items-center justify-content-center justify-content-lg-start"> <img src="https://www.cookieyes.com/wp-content/themes/cookieyes-new/assets/images/cmp-badge.svg" alt="Certified CMP partner" height="89" width="82" class="mr-4"> <img src="https://www.cookieyes.com/wp-content/themes/cookieyes-new/assets/images/IAB-status.svg" alt="IAB approved" height="73" width="129"> </div> <div class="mt-4 d-flex reviews justify-content-center justify-content-lg-start flex-wrap"> <div class="review pl-lg-4 divider-lg-left"> <a href="https://wordpress.org/support/plugin/cookie-law-info/reviews/" target="_blank" rel="noopener noreferrer" aria-label="Rated 4.8/5 on Wordpress.org - visit site - new tab"> <div class="g2 wrapper d-flex align-items-center justify-content-center" aria-hidden="true"> <img src="https://www.cookieyes.com/wp-content/themes/cookieyes-new/assets/images/wordpress.svg" alt="WordPress logo" height="28" width="28" class=""> <p class="total mb-0 text-nowrap mx-2 " aria-label="rated 4.8 out of 5 on wordpress">4.8/5</p> <svg width="23" height="22" viewBox="0 0 23 22" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M11.4993 1.91675L14.4606 7.91592L21.0827 8.88383L16.291 13.5509L17.4219 20.1442L11.4993 17.0297L5.57685 20.1442L6.70768 13.5509L1.91602 8.88383L8.5381 7.91592L11.4993 1.91675Z" fill="#FFB800" stroke="#FFB800" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> </svg> </div> </a> </div> <div class="review"> <a href="https://www.g2.com/products/cookieyes/reviews" target="_blank" rel="noopener noreferrer" aria-label="Rated 4.8/5 on g2.com - visit site - new tab"> <div class="g2 wrapper d-flex align-items-center justify-content-center"> <img src="https://www.cookieyes.com/wp-content/themes/cookieyes-new/assets/images/g2.svg" alt="g2 logo" height="28" width="29" class=""> <p class="total mb-0 text-nowrap mx-2 " aria-label="rated 4.8 out of 5 on g2">4.8/5</p> <svg width="23" height="22" viewBox="0 0 23 22" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M11.4993 1.91675L14.4606 7.91592L21.0827 8.88383L16.291 13.5509L17.4219 20.1442L11.4993 17.0297L5.57685 20.1442L6.70768 13.5509L1.91602 8.88383L8.5381 7.91592L11.4993 1.91675Z" fill="#FFB800" stroke="#FFB800" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> </svg> </div> </a> </div> <div class="review pr-lg-4"> <a href="https://www.capterra.com/p/183974/CookieYes/reviews/" target="_blank" rel="noopener noreferrer" aria-label="Rated 4.8/5 on capterra.com - visit site - new tab"> <div class="capterra wrapper d-flex align-items-center justify-content-center"> <img src="https://www.cookieyes.com/wp-content/themes/cookieyes-new/assets/images/capterra.svg" alt="capterra logo" height="28" width="28" class=""> <p class="total mb-0 text-nowrap mx-2 " aria-label="rated 4.8 out of 5 on capterra">4.8/5</p> <svg width="23" height="22" viewBox="0 0 23 22" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M11.4993 1.91675L14.4606 7.91592L21.0827 8.88383L16.291 13.5509L17.4219 20.1442L11.4993 17.0297L5.57685 20.1442L6.70768 13.5509L1.91602 8.88383L8.5381 7.91592L11.4993 1.91675Z" fill="#FFB800" stroke="#FFB800" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> </svg> </div> </a> </div> </div> </div> <div class="text-xl-left text-center mt-4"> <div class=""> <p class="mb-0 mt-2 contact-us">For support, <span class=""><a href="/support/">contact us here</a></span></p> </div> </div> </div> </div> <div class="footer-5 pb-5 pt-4 disclaimer"> <div class="row"> <div class="col-12 col-md-4 my-3"> <div class="d-flex align-items-center justify-content-center justify-content-sm-start"> <img src="https://www.cookieyes.com/wp-content/themes/cookieyes-new/assets/images/cookieyes-logo-white.svg" class="cy-logo" height="28" width="172" alt="Cookieyes Logo"> </div> </div> <div class="my-3 col-12 col-md-8"> <ul class="social-medias d-flex justify-content-md-end justify-content-center"> <li><a href="https://www.instagram.com/cookieyeshq/" target="_blank" rel="noopener noreferrer" aria-label="Instagram"><img src="https://www.cookieyes.com/wp-content/themes/cookieyes-new/assets/images/instagram.svg" height="20" width="20" alt="Instagram"></a></li> <li><a href="https://www.facebook.com/cookieyeshq" target="_blank" rel="noopener noreferrer" aria-label="Facebook"><img src="https://www.cookieyes.com/wp-content/themes/cookieyes-new/assets/images/facebook.svg" height="20" width="20" alt="Facebook"></a></li> <li><a href="https://twitter.com/cookieyeshq" target="_blank" rel="noopener noreferrer" aria-label="Twitter"><img src="https://www.cookieyes.com/wp-content/themes/cookieyes-new/assets/images/twitter.svg" height="20" width="20" alt="Twitter"></a></li> <li><a href="https://www.youtube.com/cookieyes?sub_confirmation=1" target="_blank" rel="noopener noreferrer" aria-label="Youtube"><img src="https://www.cookieyes.com/wp-content/themes/cookieyes-new/assets/images/youtube.svg" height="20" width="20" alt="Youtube"></a></li> <li><a href="https://www.linkedin.com/company/cookieyeshq/" target="_blank" rel="noopener noreferrer" aria-label="LinkedIn"><img src="https://www.cookieyes.com/wp-content/themes/cookieyes-new/assets/images/linkedin.svg" height="20" width="20" alt="Linkedin"></a></li> </ul> </div> </div> <div class="row"> <div class="col-12 col-md-3 col-xl-2 order-md-2 my-3"> <div class="wpml-ls-sidebars-cookieyes_translator_widget wpml-ls wpml-ls-legacy-dropdown js-wpml-ls-legacy-dropdown"> <ul> <li tabindex="0" class="wpml-ls-slot-cookieyes_translator_widget wpml-ls-item wpml-ls-item-en wpml-ls-current-language wpml-ls-first-item wpml-ls-last-item wpml-ls-item-legacy-dropdown"> <a href="#" class="js-wpml-ls-item-toggle wpml-ls-item-toggle"> <span class="wpml-ls-native">English</span></a> <ul class="wpml-ls-sub-menu"> </ul> </li> </ul> </div> </div> <div class="col-12 col-md-9 col-xl-10 order-md-1 my-3"> <div class="text-left"> <p class="copy-right">© 2024 CookieYes. All rights reserved. CookieYes Limited is registered in the UK. Company no. 13074037.</p> <p>Any information, whether oral or written, obtained from the CookieYes website, services, tools, or comments does not constitute any form of legal and/or regulatory advice. If any kind of legal assistance is required, users should consult with an attorney, a lawyer, or a law firm.</p> </div> </div> </div> </div> </div> </footer> <div class="modal fade" id="blackFridayPricing" tabindex="-1" role="dialog" aria-labelledby="blackFridayPricing" aria-modal="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-body"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M18 6L6 18M6 6L18 18" stroke="#686876" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /> </svg></span> </button> <div class="d-sm-flex "> <div class="pricing-crds w-100">  <div class="popup-content"> <div class="d-flex justify-content-between gap-30 flex-wrap mb-4"> <div class="header"> <div class="d-flex flex-wrap gap-15 align-items-center"> <h2 class="popup-title mb-1">Black Friday Exclusive</h2> <div class="bftimer-wrap d-flex gap-4"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock"> <circle cx="12" cy="12" r="10"></circle> <polyline points="12 6 12 12 16 14"></polyline> </svg> <span>Ends in:</span><span><span class="bft_days">--</span>d</span><span><span class="bft_hour">--</span>h</span><span><span class="bft_mins">--</span>m</span><span><span class="bft_secs">--</span>s</span> </div> </div> <p class="popup-subtitle mb-0">Choose your plan and save big!</p> </div> <div class="d-flex align-items-center flex-wrap gap-15 mt-4"> <div class="toggle-wrap"> <div class="period-toggle"> <button>Monthly</button> <button class="active">Annually</button> </div> <span class="free-badge">Get 2 months free</span> </div> <select> <option>$ USD</option> <option>€ EUR</option> <option>£ GBP</option> </select> </div> </div> <h3 class="popup-h3title">Business Plans</h3> <div class="pricing-cards">  <div class="card"> <h3 class="plan-name">Basic</h3> <p class="desc">For small business<br>and startups</p> <div class="price mb-2"> <p class="mb-2 d-flex align-items-center"><span class="old">$100.00</span><span class="discount green-badge-bg">20% OFF</span></p> <p class="mb-1"><span class="current">$80</span> <span class="period">/year/domain</span> </p> </div> <a href="" class="sec-btn app-link">Claim deal</a> <div class="features"> <p class="list-title">Usage</p> <ul class="blue-tick"> <li>100,000 pageviews/month</li> <li>600 pages per scan</li> </ul> <p class="list-title">Key Features</p> <ul class="blue-tick"> <li>Advanced customizations</li> <li>Auto-translation</li> </ul> </div> </div>  <div class="card popular"> <div class="d-md-flex justify-content-between align-items-start flex-wrap"> <span class="popular-tag order-md-2 mb-2">MOST POPULAR</span> <h3 class="plan-name order-md-1">Pro</h3> </div> <p class="desc">For medium business<br>with growing traffic</p> <div class="price mb-2"> <p class="mb-2 d-flex align-items-center"><span class="old">$250.00</span><span class="discount green-badge-bg">40% OFF</span></p> <p class="mb-1"><span class="current">$150</span> <span class="period">/year/domain</span> </p> </div> <a href="" class="pri-btn app-link">Claim deal</a> <div class="features"> <p class="list-title">Usage</p> <ul class="blue-tick"> <li>300,000 pageviews/month</li> <li>4000 pages per scan</li> </ul> <p class="list-title">Everything in Basic, plus</p> <ul class="blue-tick"> <li>Geo-targeted cookie banner</li> <li>Monthly scheduled scanning</li> </ul> </div> </div>  <div class="card"> <h3 class="plan-name">Ultimate</h3> <p class="desc">For large business with<br>high traffic</p> <div class="price mb-2"> <p class="mb-2 d-flex align-items-center"><span class="old">$550.00</span><span class="discount green-badge-bg">40% OFF</span></p> <p class="mb-1"><span class="current">$330</span> <span class="period">/year/domain</span> </p> </div> <a href="" class="sec-btn app-link">Claim deal</a> <div class="features"> <p class="list-title">Usage</p> <ul class="blue-tick"> <li>Unlimited pageviews</li> <li>8000 pages per scan</li> </ul> <p class="list-title">Everything in Pro, plus</p> <ul class="blue-tick"> <li>Custom branding</li> <li>Weekly scheduled scanning</li> </ul> </div> </div> </div> </div> <div class=" cy-blue-bg p-3 py-md-2"> <div class="d-flex justify-content-between gap-15 flex-wrap w-100 my-1"> <p class="guarantee d-flex align-items-center mb-0"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"> <path d="M10.001 2.5C11.9475 4.22215 14.4881 5.11881 17.0843 5C17.4623 6.28585 17.578 7.63456 17.4244 8.96598C17.2709 10.2974 16.8513 11.5844 16.1905 12.7504C15.5297 13.9165 14.6413 14.9378 13.578 15.7537C12.5148 16.5696 11.2983 17.1635 10.001 17.5C8.70368 17.1635 7.48723 16.5696 6.42396 15.7537C5.36068 14.9378 4.47226 13.9165 3.8115 12.7504C3.15074 11.5844 2.73111 10.2974 2.57756 8.96598C2.42402 7.63456 2.53967 6.28585 2.91767 5C5.51394 5.11881 8.05448 4.22215 10.001 2.5Z" stroke="#2DAD70" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" /> <path d="M7 9.6L9 12L13 8" stroke="#2DAD70" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" /> </svg><span class="ml-1">15-day money-back guarantee</span></p> <div class="powered d-flex align-items-center"> <p class="mb-0 mr-2">Powered by</p> <img src="/wp-content/themes/cookieyes-new/assets/images/powered-by.svg" alt="stripe" width="48" height="18"> </div> </div> </div> </div> <div class="popup-agency-banner cy-blue-bg d-flex bg-box-shadow"> <div class="p-4 mt-md-5"> <h3 class="popup-h3title border-bottom px-sm-3">Agency Solution</h3> <div class="px-sm-3"> <h4>For Agencies</h4> <div class="green-badge-bg large"> <p class="white-text fz-16 fw600 mb-0">40% + $250* OFF</p> <p class="white-text fz-10 mb-0">on 10 or more licenses</p> </div> <p class="agency-info">*Extra $250 off only for first year</p> <p class="list-title">Exclusive Features</p> <ul class="blue-tick"> <li>Bulk site management</li> <li>Consolidated billing</li> <li>Client account monitoring</li> </ul> <p class="agency-note">* Requires verification of agency application</p> <a href="https://www.cookieyes.com/agency/?ref=cy-BF#agency-form" class="pri-btn" target="_blank">Apply for Agency Program</a> </div> </div> </div> </div> </div> </div> </div> </div> <style> #blackFridayPricing .modal-dialog { width: 90vw; border-radius: 12px; overflow: hidden; max-width: 1200px; } #blackFridayPricing .bftimer-wrap { background-color: #fff7ed; border-radius: 4px; padding: 6px 8px; gap: 4px; align-items: center; } #blackFridayPricing .bftimer-wrap span, #blackFridayPricing .bftimer-wrap * { color: #DD425A; font-size: 12px; font-weight: 500; } #blackFridayPricing .modal-content { border: none; border-radius: 12px; overflow: hidden; } #blackFridayPricing .modal-body { padding: 0; } #blackFridayPricing button.close { position: absolute; right: 12px; top: 12px; z-index: 9; } #blackFridayPricing .popup-agency-banner { min-width: 325px; } #blackFridayPricing .green-badge-bg { background-image: url(/wp-content/themes/cookieyes-new/assets/images/green-badge-bg.svg); background-position: center left; background-repeat: no-repeat; background-size: contain; padding: 5px 9px 5px 18px; } #blackFridayPricing .agency-info { color: var(--greyscale-cy-shade-70-placeholder, #686876); font-size: 11px; font-style: normal; font-weight: 400; line-height: 16px; /* 145.455% */ margin-top: 8px; } #blackFridayPricing .bg-box-shadow { box-shadow: -1px 0px 8px 0px rgba(24, 99, 220, 0.17); } #blackFridayPricing .agency-note { color: var(--greyscale-cy-shade-80-label, #525363); font-size: 12px; font-style: normal; font-weight: 400; line-height: 18px; /* 150% */ } #blackFridayPricing .popup-agency-banner { padding-top: 38px; } #blackFridayPricing .popup-agency-banner h4 { color: var(--greyscale-cy-shade-title, #27283C); font-size: 28px; font-style: normal; font-weight: 600; line-height: 38px; /* 135.714% */ letter-spacing: -0.25px; margin-bottom: 16px; } #blackFridayPricing span.green-badge-bg { color: var(--Greyscale-CY-White, #FFF); text-align: center; font-size: 13px; font-style: normal; font-weight: 600; line-height: 20px; /* 153.846% */ } #blackFridayPricing .green-badge-bg.large { padding: 5px 9px 5px 40px; display: inline-block; background-image: url(/wp-content/themes/cookieyes-new/assets/images/green-badge-bg-large.svg); } #blackFridayPricing .popup-title { color: var(--greyscale-cy-shade-title, #27283C); font-feature-settings: 'ss02' on, 'ss04' on, 'liga' off, 'clig' off; font-size: 24px; font-style: normal; font-weight: 600; line-height: 36px; /* 150% */ letter-spacing: -0.25px; } #blackFridayPricing .cy-blue-bg { background: var(--Blue-CY-Primary_Bg-3, #F1F6FD); } #blackFridayPricing a.pri-btn, #blackFridayPricing a.sec-btn { font-size: 15px; font-style: normal; font-weight: 500; line-height: 24px; border-radius: 4px; border: 1px solid var(--Blue-CY-Primary, #1863DC); background: var(--Greyscale-CY-White, #FFF); padding: 8px 16px; display: block; text-align: center; transition: all .2s ease; } #blackFridayPricing a.pri-btn { color: var(--Greyscale-CY-White, #FFF); background: var(--Blue-CY-Primary, #1863DC); } #blackFridayPricing a.sec-btn { color: #1863DC; background-color: #fff; } #blackFridayPricing a.pri-btn:hover, #blackFridayPricing a.sec-btn:hover, #blackFridayPricing a.pri-btn:focus, #blackFridayPricing a.sec-btn:focus { text-decoration: none; transition: all .2s ease; outline: none; box-shadow: none; border-color: #134FB0; } #blackFridayPricing a.pri-btn:hover, #blackFridayPricing a.pri-btn:focus { background: #134FB0; } #blackFridayPricing a.sec-btn:hover, #blackFridayPricing a.sec-btn:focus { background: #D1E0F8; color: #134FB0; } #blackFridayPricing .popup-subtitle { color: var(--greyscale-cy-shade-title, #27283C); font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; /* 157.143% */ } #blackFridayPricing .popup-h3title { color: var(--greyscale-cy-shade-90-body, #3D3E50); font-size: 20px; font-style: normal; font-weight: 600; line-height: 30px; /* 150% */ letter-spacing: -0.25px; margin-bottom: 12px; } #blackFridayPricing .popup-h3title.border-bottom { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid var(--Blue-CY-Primary_Bg-1, #D1E0F8); } #blackFridayPricing .popup-content { background: white; max-width: 1000px; margin: 0; padding: 32px 24px 24px 32px; } #blackFridayPricing .toggle-wrap { display: flex; align-items: center; gap: 16px; position: relative; } #blackFridayPricing .period-toggle { display: inline-flex; position: relative; } #blackFridayPricing .list-title { color: var(--Grey-style-Body, #4E4B66); font-size: 12px; font-style: normal; font-weight: 600; line-height: 18px; /* 150% */ } #blackFridayPricing .card .list-title { margin-top: 16px; margin-bottom: 6px; } #blackFridayPricing .mb-32 { margin-bottom: 32px; } #blackFridayPricing .period-toggle button { transition: all .2s ease; color: var(--greyscale-cy-shade-70-placeholder, #686876); text-align: center; font-size: 14px; font-style: normal; font-weight: 500; line-height: 22px; /* 157.143% */ word-break: keep-all; padding: 6px 16px; border-radius: 8px 0px 0px 8px; border: 1px solid; border-color: #BEBFC5; background: var(--Greyscale-CY-White, #FFF); box-shadow: none; } #blackFridayPricing .period-toggle button:last-child { border-radius: 0px 8px 8px 0px; } #blackFridayPricing .period-toggle button:first-child { border-radius: 8px 0px 0px 8px; } #blackFridayPricing .period-toggle button.active { color: var(--Greyscale-CY-White, #FFF); border-color: var(--Blue-CY-Primary, #1863DC); background: var(--Blue-CY-Primary, #1863DC); } #blackFridayPricing .period-toggle button:hover, #blackFridayPricing .period-toggle button:focus { text-decoration: none; transition: all .2s ease; outline: none; box-shadow: none; } #blackFridayPricing ul.blue-tick { padding: 0; } #blackFridayPricing ul.blue-tick li { position: relative; list-style: none; padding-left: 24px; color: var(--greyscale-cy-shade-90-body, #3D3E50); font-feature-settings: 'ss02' on, 'ss04' on, 'liga' off, 'clig' off; font-size: 13px; font-style: normal; font-weight: 400; line-height: 20px; /* 153.846% */ margin-bottom: 6px; } #blackFridayPricing ul.blue-tick li::before { content: ''; background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M3.33203 8L6.66536 11.3333L13.332 4.66666" stroke="%231578F7" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>'); background-position: center; background-repeat: no-repeat; background-size: contain; position: absolute; top: 0; left: 0; width: 16px; height: 16px; } #blackFridayPricing .fz-10 { font-size: 10px; line-height: 22px; } #blackFridayPricing .fz-12 { color: var(--greyscale-cy-shade-80-label, #525363); font-size: 12px; font-style: normal; font-weight: 400; line-height: 18px; /* 150% */ } #blackFridayPricing .fz-16 { font-size: 16px; font-style: normal; line-height: 24px; /* 150% */ } #blackFridayPricing .fw600 { font-weight: 600; } #blackFridayPricing .white-text { color: #fff !important; } #blackFridayPricing .free-badge { border-radius: 4px; background: var(--Green-CY-Green_Dark, #248A5A); color: #fff; padding: 5px 6px; text-align: center; font-size: 12px; font-style: normal; font-weight: 500; line-height: 13px; /* 108.333% */ letter-spacing: -0.48px; top: -33px; right: 0; position: absolute; } #blackFridayPricing .free-badge:after { content: ''; position: absolute; border-top: 6px solid #248A5A; border-left: 6px solid transparent; border-right: 6px solid transparent; bottom: -5px; right: 42px; } #blackFridayPricing select { padding: 6px 12px; border-radius: 8px; font-size: 14px; border-radius: 4px; border: 1px solid var(--greyscale-cy-shade-30-line, #BEBFC5); background: var(--Greyscale-CY-White, #FFF); } #blackFridayPricing .pricing-cards { display: flex; gap: 16px; } #blackFridayPricing .card { flex: 1; border-radius: 8px; border: 1px solid var(--greyscale-cy-shade-30-line, #BEBFC5); background: #FFF; box-shadow: 0px 1px 8px 0px rgba(24, 99, 220, 0.17); padding: 20px; position: relative; transition: all .2s ease; max-width: 400px; } #blackFridayPricing .card:hover { transform: translateY(-4px); transition: all .2s ease; z-index: 9; } #blackFridayPricing .card.popular { border-color: #1863DC; box-shadow: 0px 1px 8px 0px rgba(24, 99, 220, 0.17); } #blackFridayPricing .popular-tag { display: inline-block; padding: 2px 12px; border-radius: 20px; color: #045AE8; font-size: 12px; font-style: normal; font-weight: 600; line-height: 22px; border-radius: 4px; border: 1px solid var(--Blue-CY-Primary, #1863DC); background: var(--Blue-CY-Primary_Bg-1, #D1E0F8); } #blackFridayPricing .plan-name { color: var(--greyscale-cy-shade-title, #27283C); font-size: 28px; font-style: normal; font-weight: 600; line-height: 38px; /* 135.714% */ letter-spacing: -0.25px; margin-bottom: 3px; } #blackFridayPricing .desc { color: var(--greyscale-cy-shade-80-label, #525363); font-size: 12px; font-style: normal; font-weight: 400; line-height: 18px; /* 150% */ margin-bottom: 14px; } #blackFridayPricing .old { color: #999; text-decoration: line-through; font-size: 16px; } #blackFridayPricing .current { color: var(--greyscale-cy-shade-90-body, #3D3E50); font-size: 36px; font-style: normal; font-weight: 600; line-height: 44px; /* 122.222% */ letter-spacing: -0.5px; } #blackFridayPricing .period { color: var(--greyscale-cy-shade-80-label, #525363); font-size: 13px; font-style: normal; font-weight: 400; line-height: 20px; /* 153.846% */ } #blackFridayPricing .discount.green-badge-bg { margin-left: 8px; } #blackFridayPricing .billing_cycle_info { color: var(--greyscale-cy-shade-70-placeholder, #686876); font-size: 11px; font-style: normal; font-weight: 400; line-height: 16px; /* 145.455% */ margin: 0 0 12px 0; position: relative; } #blackFridayPricing .info { color: #999; margin-left: 4px; cursor: help; } #blackFridayPricing .tooltip { display: none; position: absolute; bottom: 100%; left: 0; background: #1a1a1a; color: white; padding: 8px 12px; border-radius: 6px; width: 250px; margin-bottom: 8px; z-index: 1; } #blackFridayPricing .first-year:hover .tooltip { display: block; } #blackFridayPricing .features h4 { font-size: 14px; color: #666; margin: 16px 0 8px; font-weight: 500; } #blackFridayPricing .guarantee { color: var(--greyscale-cy-shade-80-label, #525363); font-size: 13px; font-style: normal; font-weight: 400; line-height: 20px; /* 153.846% */ } #blackFridayPricing .powered p { color: var(--Grey-style-Placeholder, #8F92AF); font-size: 12px; font-style: normal; font-weight: 500; line-height: 16px; /* 133.333% */ } #blackFridayPricing .powered img { min-width: 108px; } #blackFridayPricing .stripe { font-weight: 500; } #blackFridayPricing .gap-30 { gap: 30px; } #blackFridayPricing .gap-15 { gap: 15px; } #blackFridayPricing .cycle_tooltip { position: relative; cursor: pointer; margin: 0 5px; } #blackFridayPricing .cycle_tooltip:hover::after { content: attr(tooltip-content); position: absolute; left: calc(100% + 14px); top: 50%; transform: translateY(-50%); background-color: #585858; color: #fff; padding: 5px; border-radius: 5px; /* white-space: nowrap; */ z-index: 99; max-width: 210px; min-width: 205px; font-size: 12px; } #blackFridayPricing span.cycle_tooltip:hover:before { width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 8px solid #585858; content: ''; position: absolute; left: calc(100% + 7px); top: 50%; transform: translateY(-50%); } #blackFridayPricing .features ul:last-child { margin-bottom: 0; } @media (max-width: 1200px) { #blackFridayPricing .pricing-cards { flex-direction: column; } #blackFridayPricing .card { width: 100%; } } @media(max-width: 767px) { #blackFridayPricing .popup-agency-banner { width: 100% !important; max-width: 325px; min-width: auto; } #blackFridayPricing .green-badge-bg.large { min-width: 185px; } #blackFridayPricing .discount.green-badge-bg { min-width: 86px; } } </style> <script> // Add this to your WordPress theme's JS file or in a <script> tag jQuery(document).ready(function($) { // Add inert attribute to the modal when hidden $('#blackFridayPricing').on('show.bs.modal', function() { $('.page-content').attr('aria-hidden', 'true'); }); $('#blackFridayPricing').on('hidden.bs.modal', function() { $('.page-content').removeAttr('aria-hidden'); }); if (window.location.search.includes('cyblackfriday')) { $('#blackFridayPricing').modal('show'); } function updateTimer() { var endTime = new Date("November 30, 2024 23:59:59").getTime(); var now = new Date().getTime(); var timeLeft = endTime - now; var days = Math.floor(timeLeft / (1000 * 60 * 60 * 24)); var hours = Math.floor((timeLeft % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); var minutes = Math.floor((timeLeft % (1000 * 60 * 60)) / (1000 * 60)); var seconds = Math.floor((timeLeft % (1000 * 60)) / 1000); $('.bft_days').text(days.toString().padStart(2, '0')); $('.bft_hour').text(hours.toString().padStart(2, '0')); $('.bft_mins').text(minutes.toString().padStart(2, '0')); $('.bft_secs').text(seconds.toString().padStart(2, '0')); if (timeLeft < 0) { clearInterval(timerInterval); $('.bft_days').text("0"); $('.bft_hour').text("0"); $('.bft_mins').text("0"); $('.bft_secs').text("0"); } } var timerInterval = setInterval(updateTimer, 1000); updateTimer(); const pricingData = { USD: { monthly: { basic: { price: 8, regularPrice: 10, discount: '20% OFF', link: 'https://app.cookieyes.com/checkout?plan=basic-monthly&coupon=BFCM20&ref=bf24_1' }, pro: { price: 15, regularPrice: 25, discount: '40% OFF', link: 'https://app.cookieyes.com/checkout?plan=pro-monthly&coupon=BFCM40&ref=bf24_2' }, ultimate: { price: 33, regularPrice: 55, discount: '40% OFF', link: 'https://app.cookieyes.com/checkout?plan=ultimate-monthly&coupon=BFCM40&ref=bf24_3' } }, annually: { basic: { price: 80, regularPrice: 100, discount: '20% OFF', link: 'https://app.cookieyes.com/checkout?plan=basic-yearly&coupon=BFCM20&ref=bf24_4' }, pro: { price: 150, regularPrice: 250, discount: '40% OFF', link: 'https://app.cookieyes.com/checkout?plan=pro-yearly&coupon=BFCM40&ref=bf24_5' }, ultimate: { price: 330, regularPrice: 550, discount: '40% OFF', link: 'https://app.cookieyes.com/checkout?plan=ultimate-yearly&coupon=BFCM40&ref=bf24_6' } } }, EUR: { monthly: { basic: { price: 7.2, regularPrice: 9, discount: '20% OFF', link: 'https://app.cookieyes.com/checkout?plan=basic-monthly&coupon=BFCM20&ref=bf24_7&currency=EUR' }, pro: { price: 13.8, regularPrice: 23, discount: '40% OFF', link: 'https://app.cookieyes.com/checkout?plan=pro-monthly&coupon=BFCM40&ref=bf24_8&currency=EUR' }, ultimate: { price: 30, regularPrice: 50, discount: '40% OFF', link: 'https://app.cookieyes.com/checkout?plan=ultimate-monthly&coupon=BFCM40&ref=bf24_9&currency=EUR' } }, annually: { basic: { price: 72, regularPrice: 90, discount: '20% OFF', link: 'https://app.cookieyes.com/checkout?plan=basic-yearly&coupon=BFCM20&ref=bf24_10&currency=EUR' }, pro: { price: 138, regularPrice: 230, discount: '40% OFF', link: 'https://app.cookieyes.com/checkout?plan=pro-yearly&coupon=BFCM40&ref=bf24_11&currency=EUR' }, ultimate: { price: 300, regularPrice: 500, discount: '40% OFF', link: 'https://app.cookieyes.com/checkout?plan=ultimate-yearly&coupon=BFCM40&ref=bf24_12&currency=EUR' } } }, GBP: { monthly: { basic: { price: 6.4, regularPrice: 8, discount: '20% OFF', link: 'https://app.cookieyes.com/checkout?plan=basic-monthly&coupon=BFCM20&ref=bf24_13&currency=GBP' }, pro: { price: 11.4, regularPrice: 19, discount: '40% OFF', link: 'https://app.cookieyes.com/checkout?plan=pro-monthly&coupon=BFCM40&ref=bf24_14&currency=GBP' }, ultimate: { price: 25.2, regularPrice: 42, discount: '40% OFF', link: 'https://app.cookieyes.com/checkout?plan=ultimate-monthly&coupon=BFCM40&ref=bf24_15&currency=GBP' } }, annually: { basic: { price: 64, regularPrice: 80, discount: '20% OFF', link: 'https://app.cookieyes.com/checkout?plan=basic-yearly&coupon=BFCM20&ref=bf24_16&currency=GBP' }, pro: { price: 114, regularPrice: 190, discount: '40% OFF', link: 'https://app.cookieyes.com/checkout?plan=pro-yearly&coupon=BFCM40&ref=bf24_17&currency=GBP' }, ultimate: { price: 252, regularPrice: 420, discount: '40% OFF', link: 'https://app.cookieyes.com/checkout?plan=ultimate-yearly&coupon=BFCM40&ref=bf24_18&currency=GBP' } } } }; const currencySymbols = { USD: '$', EUR: '€', GBP: '£' }; // Initialize state let currentPeriod = 'annually'; let currentCurrency = 'USD'; const tertiaryPostIds = [71047,72260,72290,72430,72471,72487,72446,74589,72503,71048,72261,72283,72431,72450,72472,72979,72488,72504,71052,72262,72289,72432,72454,72473,75088,72489,72505,71053,72263,72287,72433,72462,72474,72490,72506,76456,71055,72264,72286,72434,72449,72491,72507,72475,77359,71046,72265,72285,72435,72458,72508,72476,72492,77761,71050,72259,72284,72436,72457,72477,77800,72493,72509,71051,72266,72288,72437,72460,72478,72494,72510,77937,69725,69834,69725,69833,69835,69842,69845,69846,69847,69846,69847,69873,62775,64087,64118,63994,63934,66286,63962,66293,63985]; const secondaryPostIds = [58967,28719,54188,54722,4162,30356,30360,30364,30368,30371,30373,40786,50743,51611,51624,51646,51697,50750]; const postIds = [...tertiaryPostIds, ...secondaryPostIds]; function getRefParameterBF() { const postId = 7753; if (tertiaryPostIds.includes(postId)) { return 'gsmmbf24'; } if (secondaryPostIds.includes(postId)) { return 'gsmbf24'; } return 'bf24'; } function updateCouponCode(link) { const postId = 7753; if (postIds.includes(postId)) { if (link.includes('BFCM40')) { return link.replace('BFCM40', 'BFCMA2024'); } else if (link.includes('BFCM20')) { return link.replace('BFCM20', 'BFCM2024'); } } return link; } // Function to update pricing for all plans function updatePricing() { const planTypes = ['basic', 'pro', 'ultimate']; const prices = pricingData[currentCurrency][currentPeriod]; const symbol = currencySymbols[currentCurrency]; const refParam = getRefParameterBF(); planTypes.forEach((plan) => { const data = prices[plan]; const $card = $(`#blackFridayPricing .card:has(h3:contains(${plan.charAt(0).toUpperCase() + plan.slice(1)}))`); // Update prices $card.find('.old').text(`${symbol}${data.regularPrice}`); $card.find('.current').text(`${symbol}${data.price}`); $card.find('.period').text(`/${currentPeriod === 'annually' ? 'year' : 'month'}/domain`); $card.find('.app-link').attr('href', data.link); //$card.find('.app-link').attr('href', data.link.replace('bf24', refParam)); $card.find('.app-link').attr('href', updateCouponCode(data.link.replace('bf24', refParam))); }); } // Handle period toggle $('#blackFridayPricing .period-toggle button').click(function() { $('.period-toggle button').removeClass('active'); $(this).addClass('active'); currentPeriod = $(this).text().toLowerCase(); updatePricing(); }); // Handle currency change $('#blackFridayPricing select').change(function() { currentCurrency = $(this).val().split(' ')[1]; // Extract currency code from "$ USD" updatePricing(); }); // Populate currency select options $('#blackFridayPricing select').html( Object.keys(pricingData).map(currency => `<option>${currencySymbols[currency]} ${currency}</option>` ).join('') ); // Initialize tooltips $('#blackFridayPricing .first-year').hover( function() { $(this).find('.tooltip').stop().fadeIn(200); }, function() { $(this).find('.tooltip').stop().fadeOut(200); } ); // Initialize pricing on load updatePricing(); }); </script> <link rel='stylesheet' id='ivory-ajax-search-styles-css' href='https://www.cookieyes.com/wp-content/plugins/add-search-to-menu/public/css/ivory-ajax-search.min.css?ver=5.5.7' type='text/css' media='all' /> <style id='core-block-supports-inline-css' type='text/css'> /** * Core styles: block-supports */ </style> <script type="text/javascript" id="pricingadminjs-js-extra"> /* <![CDATA[ */ var adminjsObj = {"ajax_url":"https:\/\/www.cookieyes.com\/wp-admin\/admin-ajax.php"}; /* ]]> */ </script> <script type="text/javascript" src="https://www.cookieyes.com/wp-content/themes/cookieyes-new/pricing/pricing.js?ver=1.0" id="pricingadminjs-js"></script> <script type="text/javascript" src="https://www.cookieyes.com/wp-includes/js/comment-reply.js?ver=ae67f90e40cff0baed82cf77b5c848ec" id="comment-reply-js" async="async" data-wp-strategy="async"></script> <script type="text/javascript" src="https://www.cookieyes.com/wp-includes/js/dist/hooks.js?ver=5b4ec27a7b82f601224a" id="wp-hooks-js"></script> <script type="text/javascript" src="https://www.cookieyes.com/wp-includes/js/dist/i18n.js?ver=2aff907006e2aa00e26e" id="wp-i18n-js"></script> <script type="text/javascript" id="wp-i18n-js-after"> /* <![CDATA[ */ wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); /* ]]> */ </script> <script type="text/javascript" src="https://www.cookieyes.com/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=6.0" id="swv-js"></script> <script type="text/javascript" id="contact-form-7-js-before"> /* <![CDATA[ */ var wpcf7 = { "api": { "root": "https:\/\/www.cookieyes.com\/wp-json\/", "namespace": "contact-form-7\/v1" } }; /* ]]> */ </script> <script type="text/javascript" src="https://www.cookieyes.com/wp-content/plugins/contact-form-7/includes/js/index.js?ver=6.0" id="contact-form-7-js"></script> <script type="text/javascript" src="https://www.cookieyes.com/wp-content/themes/cookieyes-new/assets/bootstrap/js/bootstrap.bundle.min.js" id="bootstrapjs-js"></script> <script type="text/javascript" src="https://www.cookieyes.com/wp-content/themes/cookieyes-new/assets/js/popper.min.js" id="popperjs-js"></script> <script type="text/javascript" id="customjs-js-extra"> /* <![CDATA[ */ var customjsObj = {"ajax_url":"https:\/\/www.cookieyes.com\/wp-admin\/admin-ajax.php","view_more_text":"See all features and compare plans","view_less_text":"See less features and compare plans","view_all":"See all features","view_less":"See less features","see_less":"See less","see_more":"See more","loader_text_1":"Crawling the URL you entered","loader_text_2":"Capturing details of cookies found","loader_text_3":"Compiling the scan result"}; /* ]]> */ </script> <script type="text/javascript" src="https://www.cookieyes.com/wp-content/themes/cookieyes-new/assets/js/custom-js.js" id="customjs-js"></script> <script type="text/javascript" src="https://www.cookieyes.com/wp-content/themes/cookieyes-new/assets/js/jquery.cookie.min.js" id="cookie-js"></script> <script type="text/javascript" src="https://www.google.com/recaptcha/api.js?render=6LfaajQqAAAAALq5rxb3JwYLiV-U1KfT8_BxA5bd&ver=3.0" id="google-recaptcha-js"></script> <script type="text/javascript" src="https://www.cookieyes.com/wp-includes/js/dist/vendor/wp-polyfill.js?ver=3.15.0" id="wp-polyfill-js"></script> <script type="text/javascript" id="wpcf7-recaptcha-js-before"> /* <![CDATA[ */ var wpcf7_recaptcha = { "sitekey": "6LfaajQqAAAAALq5rxb3JwYLiV-U1KfT8_BxA5bd", "actions": { "homepage": "homepage", "contactform": "contactform" } }; /* ]]> */ </script> <script type="text/javascript" src="https://www.cookieyes.com/wp-content/plugins/contact-form-7/modules/recaptcha/index.js?ver=6.0" id="wpcf7-recaptcha-js"></script> <script type="text/javascript" src="https://www.cookieyes.com/wp-content/plugins/enlighter/cache/enlighterjs.min.js?ver=jR4Pb6bD4idM1sK" id="enlighterjs-js"></script> <script type="text/javascript" id="enlighterjs-js-after"> /* <![CDATA[ */ !function(e,n){if("undefined"!=typeof EnlighterJS){var o={"selectors":{"block":"pre.EnlighterJSRAW","inline":"code.EnlighterJSRAW"},"options":{"indent":4,"ampersandCleanup":true,"linehover":true,"rawcodeDbclick":false,"textOverflow":"break","linenumbers":true,"theme":"enlighter","language":"generic","retainCssClasses":false,"collapse":false,"toolbarOuter":"","toolbarTop":"{BTN_RAW}{BTN_COPY}{BTN_WINDOW}{BTN_WEBSITE}","toolbarBottom":""}};(e.EnlighterJSINIT=function(){EnlighterJS.init(o.selectors.block,o.selectors.inline,o.options)})()}else{(n&&(n.error||n.log)||function(){})("Error: EnlighterJS resources not loaded yet!")}}(window,console); /* ]]> */ </script> <script type="text/javascript" id="ivory-search-scripts-js-extra"> /* <![CDATA[ */ var IvorySearchVars = {"is_analytics_enabled":"1"}; /* ]]> */ </script> <script type="text/javascript" src="https://www.cookieyes.com/wp-content/plugins/add-search-to-menu/public/js/ivory-search.min.js?ver=5.5.7" id="ivory-search-scripts-js"></script> <script type="text/javascript" id="ivory-ajax-search-scripts-js-extra"> /* <![CDATA[ */ var IvoryAjaxVars = {"ajaxurl":"https:\/\/www.cookieyes.com\/wp-admin\/admin-ajax.php","ajax_nonce":"4386cded9f"}; /* ]]> */ </script> <script type="text/javascript" src="https://www.cookieyes.com/wp-content/plugins/add-search-to-menu/public/js/ivory-ajax-search.min.js?ver=5.5.7" id="ivory-ajax-search-scripts-js"></script> <script> jQuery(document).ready(function() { let url = new URL(window.location.href); var cy_ref_val = url.searchParams.get('ref'); var cy_exec = url.searchParams.get('exec'); var cy_utm_source = url.searchParams.get('utm_source'); //test var cy_utm_medium = url.searchParams.get('utm_medium'); var cy_utm_campaign = url.searchParams.get('utm_campaign'); var cy_utm_content = url.searchParams.get('utm_content'); var cy_utm_term = url.searchParams.get('utm_term'); var cy_cj_id = url.searchParams.get('cj_id'); var cy_cj_event_id = url.searchParams.get('cj_event'); var cy_cjevent_id = url.searchParams.get('cjevent'); var cy_cjdata_id = url.searchParams.get('cjdata'); var clickid = url.searchParams.get('irclickid'); var irpid = url.searchParams.get('irpid'); if (jQuery(".sib-UTM_SOURCE-area")[0]) { jQuery('.sib-UTM_SOURCE-area').val(cy_utm_source); jQuery('.sib-UTM_MEDIUM-area').val(cy_utm_medium); jQuery('.sib-UTM_CAMPAIGN-area').val(cy_utm_campaign); jQuery('.sib-UTM_CONTENT-area').val(cy_utm_content); jQuery('.sib-UTM_TERM-area').val(cy_utm_term); } if (cy_ref_val) { jQuery('header a,footer a,main a,.modal a').each(function() { if (jQuery(this).hasClass("exclude-ref")) { return true; } var attr = jQuery(this).attr('data-toggle'); if (typeof attr == 'undefined' || attr == false) { var ref_href = jQuery(this).attr('href'); if (ref_href.indexOf('tapfiliate') < 0) { // exclude tapfiliate link from appending ref values if ((ref_href.indexOf('?') < 0) && (ref_href.indexOf('#') < 0) && (ref_href.indexOf('ref=') < 0)) { var ref_href = ref_href + '?ref=' + cy_ref_val; } else { if (ref_href.indexOf('ref=') > -1) { var pref_href = ref_href.split('ref=')[1]; var sufx_href = ref_href.split('ref=')[0]; var currentref = getUrlVar(ref_href)['ref']; if (currentref != cy_ref_val) { if (jQuery(this).parents('body').hasClass('page-id-2002') || jQuery(this).parents('body').hasClass('page-id-27151')) { var ref_href = sufx_href + 'ref=' + cy_ref_val; } else { var ref_href = sufx_href + 'ref=' + cy_ref_val + '-' + pref_href; } } } else if (ref_href.indexOf('?') > -1) { if (ref_href.indexOf('#') < 0) { var ref_href = ref_href + '&ref=' + cy_ref_val; } else { var pref_href = ref_href.split('#')[1]; var sufx_href = ref_href.split('#')[0]; var ref_href = sufx_href + '&ref=' + cy_ref_val + '#' + pref_href; } } else if (ref_href.indexOf('#') > -1) { var pref_href = ref_href.split('#')[1]; var sufx_href = ref_href.split('#')[0]; var ref_href = sufx_href + '?ref=' + cy_ref_val + '#' + pref_href; } } jQuery(this).attr('href', ref_href); } } }); } var utmparams = ''; if (cy_utm_source) { utmparams = 'utm_source=' + cy_utm_source + '&utm_medium=' + cy_utm_medium + '&utm_campaign=' + cy_utm_campaign + '&utm_content=' + cy_utm_content + '&utm_term=' + cy_utm_term; } var possibleparams = ['exec', 'cj_id', 'cj_event', 'cjevent', 'cjdata', 'irclickid', 'irpid', 'gr_at', 'gr_code', 'gr_cs', 'gr_ro']; possibleparams.forEach(function(param) { if (url.searchParams.get(param)) { if (utmparams == '') utmparams = param + '=' + url.searchParams.get(param); else utmparams = utmparams + '&' + param + '=' + url.searchParams.get(param); } }); if (utmparams != '') { jQuery('header a,footer a,main a,.modal a').each(function() { if (jQuery(this).hasClass("exclude-utms")) { return true; } var attr = jQuery(this).attr('data-toggle'); if (typeof attr == 'undefined' || attr == false) { var hrefvalue = jQuery(this).attr('href'); if ((hrefvalue.indexOf('?') < 0) && (hrefvalue.indexOf('#') < 0)) { var hrefvalue = hrefvalue + '?' + utmparams; } else { if (hrefvalue.indexOf('?') > -1) { if (hrefvalue.indexOf('#') < 0) { var hrefvalue = hrefvalue + '&' + utmparams; } else { var pref_href = hrefvalue.split('#')[1]; var sufx_href = hrefvalue.split('#')[0]; var hrefvalue = sufx_href + '&' + utmparams + '#' + pref_href; } } else if (hrefvalue.indexOf('#') > -1) { var pref_href = hrefvalue.split('#')[1]; var sufx_href = hrefvalue.split('#')[0]; var hrefvalue = sufx_href + '?' + utmparams + '#' + pref_href; } } jQuery(this).attr('href', hrefvalue); } }); jQuery("input[type=hidden]").each(function() { if (jQuery(this).attr('name') == 'ref') { var inputhidden = [ jQuery("<input>", { 'type': 'hidden', 'name': 'utm_source', 'value': cy_utm_source }), jQuery("<input>", { 'type': 'hidden', 'name': 'utm_medium', 'value': cy_utm_medium }), jQuery("<input>", { 'type': 'hidden', 'name': 'utm_campaign', 'value': cy_utm_campaign }), jQuery("<input>", { 'type': 'hidden', 'name': 'utm_content', 'value': cy_utm_content }), jQuery("<input>", { 'type': 'hidden', 'name': 'utm_term', 'value': cy_utm_term }), ]; var currentelem = jQuery(this); for (var i = 0; i < inputhidden.length; i++) { jQuery(this).closest('form').append(inputhidden[i]); } } }); } }); function getUrlVar(hrefv) { var vars = [], hash; var hashes = hrefv.slice(hrefv.indexOf('?') + 1).split('&'); for (var i = 0; i < hashes.length; i++) { hash = hashes[i].split('='); vars.push(hash[0]); vars[hash[0]] = hash[1]; } return vars; } </script> <script> function hide_div_on_click(id) { jQuery(id).fadeOut(200); } </script> <script> window.intercomSettings = { api_base: "https://api-iam.intercom.io", app_id: "q4y62t6c", }; </script> <script> // We pre-filled your app ID in the widget URL: 'https://widget.intercom.io/widget/q4y62t6c' (function() { var w = window; var ic = w.Intercom; if (typeof ic === "function") { ic('reattach_activator'); ic('update', w.intercomSettings); } else { var d = document; var i = function() { i.c(arguments); }; i.q = []; i.c = function(args) { i.q.push(args); }; w.Intercom = i; var l = function() { var s = d.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = 'https://widget.intercom.io/widget/q4y62t6c'; var x = d.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x); }; if (document.readyState === 'complete') { l(); } else if (w.attachEvent) { w.attachEvent('onload', l); } else { w.addEventListener('load', l, false); } } })(); </script> <script type="text/javascript"> window.addEventListener("load", function() { waitForElement(".cky-consent-container"); }); let bannerLoaded = false; function waitForElement(selector) { const element = document.querySelector(selector); if (element) { var accordionLinks = document.querySelectorAll('.cky-iab-detail-sub-wrapper a'); accordionLinks.forEach(function(link) { link.setAttribute('rel', 'noopener noreferrer nofollow'); }); } setTimeout(() => { waitForElement(selector); }, 200); } </script> </body> </html>

CINXE.COM

How to Add a Cookie Banner to Your Website - CookieYes