CINXE.COM

How to Add Cookie Banner on Drupal Website - CookieYes

<!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" /> <!-- Start cookieyes banner --> <!--<script id="cookieyes" type="text/javascript" src="https://cdn-cookieyes.com/client_data/e5ee5d26e0341217ffb7eccd/script.js"></script>--> <!-- End cookieyes banner --> <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/cookie-banner-drupal/" /> <link rel="alternate" hreflang="x-default" href="https://www.cookieyes.com/documentation/cookie-banner-drupal/" /> <!-- This site is optimized with the Yoast SEO plugin v23.9 - https://yoast.com/wordpress/plugins/seo/ --> <title>How to Add Cookie Banner on Drupal Website - CookieYes</title> <meta name="description" content="Generate a custom cookie banner and add it to your Drupal website in minutes. Sign up for free and manage all your cookie consent needs easily." /> <link rel="canonical" href="https://www.cookieyes.com/documentation/cookie-banner-drupal/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="article" /> <meta property="og:title" content="How to Add Cookie Banner on Drupal Website - CookieYes" /> <meta property="og:description" content="Generate a custom cookie banner and add it to your Drupal website in minutes. Sign up for free and manage all your cookie consent needs easily." /> <meta property="og:url" content="https://www.cookieyes.com/documentation/cookie-banner-drupal/" /> <meta property="og:site_name" content="CookieYes" /> <meta property="article:published_time" content="2019-07-25T12:49:53+00:00" /> <meta property="article:modified_time" content="2024-10-03T15:35:06+00:00" /> <meta property="og:image" content="https://www.cookieyes.com/wp-content/uploads/2022/02/Group-739-1.png" /> <meta property="og:image:width" content="128" /> <meta property="og:image:height" content="128" /> <meta property="og:image:type" content="image/png" /> <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="m0048" /> <meta name="twitter:label2" content="Est. reading time" /> <meta name="twitter:data2" content="4 minutes" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"Article","@id":"https://www.cookieyes.com/documentation/cookie-banner-drupal/#article","isPartOf":{"@id":"https://www.cookieyes.com/documentation/cookie-banner-drupal/"},"author":{"name":"m0048","@id":"https://www.cookieyes.com/#/schema/person/053b97de8a4d9132f085b81cae001edf"},"headline":"How to Add Cookie Banner on Drupal Website","datePublished":"2019-07-25T12:49:53+00:00","dateModified":"2024-10-03T15:35:06+00:00","mainEntityOfPage":{"@id":"https://www.cookieyes.com/documentation/cookie-banner-drupal/"},"wordCount":537,"commentCount":0,"publisher":{"@id":"https://www.cookieyes.com/#organization"},"image":{"@id":"https://www.cookieyes.com/documentation/cookie-banner-drupal/#primaryimage"},"thumbnailUrl":"https://www.cookieyes.com/wp-content/uploads/2022/02/Group-739-1.png","keywords":["Cookieyes","Drupal","Implementation"],"articleSection":["Getting Started","Help Guides","Installation Guides"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https://www.cookieyes.com/documentation/cookie-banner-drupal/#respond"]}]},{"@type":"WebPage","@id":"https://www.cookieyes.com/documentation/cookie-banner-drupal/","url":"https://www.cookieyes.com/documentation/cookie-banner-drupal/","name":"How to Add Cookie Banner on Drupal Website - CookieYes","isPartOf":{"@id":"https://www.cookieyes.com/#website"},"primaryImageOfPage":{"@id":"https://www.cookieyes.com/documentation/cookie-banner-drupal/#primaryimage"},"image":{"@id":"https://www.cookieyes.com/documentation/cookie-banner-drupal/#primaryimage"},"thumbnailUrl":"https://www.cookieyes.com/wp-content/uploads/2022/02/Group-739-1.png","datePublished":"2019-07-25T12:49:53+00:00","dateModified":"2024-10-03T15:35:06+00:00","description":"Generate a custom cookie banner and add it to your Drupal website in minutes. Sign up for free and manage all your cookie consent needs easily.","breadcrumb":{"@id":"https://www.cookieyes.com/documentation/cookie-banner-drupal/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://www.cookieyes.com/documentation/cookie-banner-drupal/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.cookieyes.com/documentation/cookie-banner-drupal/#primaryimage","url":"https://www.cookieyes.com/wp-content/uploads/2022/02/Group-739-1.png","contentUrl":"https://www.cookieyes.com/wp-content/uploads/2022/02/Group-739-1.png","width":128,"height":128,"caption":"drupal"},{"@type":"BreadcrumbList","@id":"https://www.cookieyes.com/documentation/cookie-banner-drupal/#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":"Installation Guides","item":"https://www.cookieyes.com/category/documentation/getting-started/installation-guides/"},{"@type":"ListItem","position":4,"name":"How to Add Cookie Banner on Drupal 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/053b97de8a4d9132f085b81cae001edf","name":"m0048","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.cookieyes.com/#/schema/person/image/","url":"https://secure.gravatar.com/avatar/4074553624c8a088d87b48d270af3725?s=96&d=mm&r=g","contentUrl":"https://secure.gravatar.com/avatar/4074553624c8a088d87b48d270af3725?s=96&d=mm&r=g","caption":"m0048"},"url":"https://www.cookieyes.com/author/m048/"}]}</script> <!-- / Yoast SEO plugin. --> <link rel='dns-prefetch' href='//script.tapfiliate.com' /> <link rel="alternate" type="application/rss+xml" title="CookieYes &raquo; How to Add Cookie Banner on Drupal Website Comments Feed" href="https://www.cookieyes.com/documentation/cookie-banner-drupal/feed/" /> <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.8' 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> <!--[if lt IE 8]> <script type="text/javascript" src="https://www.cookieyes.com/wp-content/themes/cookieyes-new/assets/js/clickjack-protection.js?ver=ae67f90e40cff0baed82cf77b5c848ec" id="clickjack-protection-js-js"></script> <![endif]--> <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":"6a57c0e5d3","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/57" /><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=57' /> <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%2Fcookie-banner-drupal%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%2Fcookie-banner-drupal%2F&#038;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=ED573A0A191BF1D5C8F7832F123B8B50'); </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> <!-- Google Tag Manager -- July 21, 2023 --> <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> <!-- End Google Tag Manager --> </head> <body class="post-template-default single single-post postid-57 single-format-standard wp-custom-logo cookieyes-new" data-offset="50"> <!-- Google Tag Manager (noscript) -- July 21, 2023 --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PL4TPCV" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (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&amp;ref=CYHPTR_57" 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 &amp; 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&#038;ref=CYHPTR_57" 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> &gt; <span><a href="https://www.cookieyes.com/category/documentation/getting-started/">Getting Started</a></span> &gt; <span><a href="https://www.cookieyes.com/category/documentation/getting-started/installation-guides/">Installation Guides</a></span> &gt; <span class="breadcrumb_last" aria-current="page">How to Add Cookie Banner on Drupal 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=""> <a data-toggle="collapse" data-target="#chapter1Steps" role="button" aria-expanded="false" aria-controls="chapter1Steps"><span class="small">Chapter 1:</span> How to create your cookie banner</a> <div id="chapter1Steps" class="submenus collapse "> <ul class="nav"><li class="nav-item"><a class="nav-link" href="https://www.cookieyes.com/documentation/add-cookie-banner-to-website/#Step1Configu-0">Step 1. Configure your cookie banner</a></li><li class="nav-item"><a class="nav-link" href="https://www.cookieyes.com/documentation/add-cookie-banner-to-website/#Step2Customi-1">Step 2. Customise your cookie banner</a></li><li class="nav-item"><a class="nav-link" href="https://www.cookieyes.com/documentation/add-cookie-banner-to-website/#Step3Selecta-2">Step 3. Select an Installation Method</a></li><li class="nav-item"><a class="nav-link" href="https://www.cookieyes.com/documentation/add-cookie-banner-to-website/#Step4Copycoo-3">Step 4. Copy cookie banner code</a></li></ul> </div> </li> <li class="active"> <a data-toggle="collapse" data-target="#installSteps" role="button" aria-expanded="true" aria-controls="installSteps"><span class="small">Chapter 2:</span> How to install cookie banner</a> <div id="installSteps" class="submenus collapse show"> <ul class="nav"><li class="nav-item"><a class="nav-link" href="#Videotutoria-0">Video tutorial: Implement cookie consent on Drupal website</a></li><li class="nav-item"><a class="nav-link" href="#Stepstoaddco-1">Steps to add cookie consent banner on Drupal</a></li></ul> </div> </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 2: </p> <h1>How to Add Cookie Banner on Drupal Website</h1> <p>Welcome to CookieYes! This guide will walk you through how you can install a cookie banner on your Drupal website.&nbsp;A cookie banner will help your website stay compliant with privacy laws like the GDPR and ePrivacy Directive.</p> <ul id="block-d4d51172-bbf5-4fd5-8965-96bf3aaea3bc" class="wp-block-list"> <li>To begin with, <strong><a href="https://app.cookieyes.com/trial?plan=pro-monthly&amp;ref=DDRUPAL" target="_blank" rel="noreferrer noopener">try CookieYes for free</a>.</strong></li> <li>Then, complete the steps in <a href="https://www.cookieyes.com/documentation/cookieyes-setup-guide/" target="_blank" rel="noreferrer noopener">How to create a cookie banner</a>&nbsp;.</li> </ul> <p id="block-9e37d660-bf55-43aa-8c87-81c391d0fab2">In case you have already signed up on CookieYes, without taking any action on the initial setup screens, head to the CookieYes Dashboard.&nbsp;</p> <ul id="block-1bfb3143-a0f7-4b22-a0ff-d065c3d097f4" class="wp-block-list"> <li>To customize the cookie banner, select the&nbsp;<strong>Cookie Banner</strong>&nbsp;from the top navigation panel.</li> <li>To get the banner installation code, head to <strong>Advanced Settings</strong> and click on the <strong><strong>Get installation code</strong></strong> button on the right side of the URL.&nbsp;</li> <li>Now click on <strong>Copy code </strong>button to get the CookieYes installation code.</li> </ul> <div class="wp-block-image"> <figure class="aligncenter size-full" id="block-c9337193-4262-42f5-9355-3524d3943fba"><img loading="lazy" width="1590" height="1070" src="https://www.cookieyes.com/wp-content/uploads/2023/09/copy-code.jpg" alt="Installation Code" class="wp-image-75877" /></figure></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> You can share the code with a developer or your team by clicking on the <strong>Send code to a teammate</strong> button. Enter the email address and then click on <strong>Send email</strong>. The recipient will get the code and instructions via email.</p> <p></div></div> <div id="Videotutoria-0" class="scrollspy"><h2>Video tutorial: Implement cookie consent on Drupal website</h2></div> <p><!-- /wp:heading --></p> <p><iframe src="https://www.youtube.com/embed/WAUjhsKhB8U?rel=0" width="725" height="408" frameborder="0" allowfullscreen="allowfullscreen"></iframe></p> <p><!-- wp:heading --></p> <div id="Stepstoaddco-1" class="scrollspy"><h2 id="block-9a95f9c3-f0ad-4d63-a4cf-ea914776ed9b">Steps to add cookie consent banner on Drupal</h2></div> <p><!-- /wp:heading --></p> <p><!-- wp:paragraph --></p> <p id="block-f2314edf-4631-433c-b7fb-edce6c2c0388"><strong>Step 1.</strong> Head to your Drupal Dashboard and scroll down to select <strong>Extend </strong>in the left sidebar.</p> <p><!-- /wp:paragraph --></p> <p><!-- wp:image {"align":"center","id":7338,"sizeSlug":"full","linkDestination":"none"} --></p> <div class="wp-block-image"> <figure class="aligncenter size-full"><img class="wp-image-7338" src="https://www.cookieyes.com/wp-content/uploads/2022/02/Drupal-setup-step-1-1.gif" alt="Step 1 cookie banner installation on drupal" /></figure> </div> <p><!-- /wp:image --></p> <p><!-- wp:paragraph --></p> <p><strong>Step 2.</strong> Now click on <strong>+Install new module</strong>.</p> <p><!-- wp:image {"id":7340,"sizeSlug":"full","linkDestination":"none"} --></p> <figure class="wp-block-image size-full"><img class="wp-image-7340" src="https://www.cookieyes.com/wp-content/uploads/2022/02/Drupal-setup-step-2-2.gif" alt="Step 2 cookie banner installation on drupal" /></figure> <p><!-- /wp:image --></p> <p><!-- wp:shortcode --><br /><div class="cy-info-box d-sm-flex align-items-start green"><div class="icon "></div><div class="info-content align-self-center"><!-- /wp:shortcode -->Note: If you do not see <strong>+ Install new module</strong> button, scroll down and enable the <strong>Update Manager</strong> module and click on <strong>Install</strong>.<!-- wp:shortcode --></div></div><br /><!-- /wp:shortcode --></p> <p><strong>Step 3.</strong> To add the installation code on your website, you will use the CookieYes GDPR Consent module. <a href="https://www.drupal.org/project/cookie_consent_notice_by_cookieyes" target="_blank" rel="noreferrer noopener"><strong>Download module tar.gz </strong></a>or zip file.</p> <p><!-- wp:paragraph --></p> <p><strong>Step 4.</strong> Then, upload the file and click <strong>Install</strong>.</p> <p><!-- /wp:paragraph --></p> <p><!-- wp:image {"align":"center","id":7341,"sizeSlug":"full","linkDestination":"none"} --></p> <div class="wp-block-image"> <figure class="aligncenter size-full"><img class="wp-image-7341" src="https://www.cookieyes.com/wp-content/uploads/2022/02/Drupal-setup-step-3-1.gif" alt="Step 3 cookie banner installation on drupal" /></figure> </div> <p><!-- /wp:image --></p> <p><!-- wp:paragraph --></p> <p><strong>Step 5. </strong>Now you have to enable the uploaded module. Click on <strong>Enable newly added modules</strong> link. Now, search &#8216;CookieYes&#8217; and enable &#8216;Cookie Consent Notice by CookieYes&#8217; and click <strong>Install</strong>.</p> <p><!-- /wp:paragraph --></p> <p><!-- wp:image {"align":"center","id":7342,"sizeSlug":"full","linkDestination":"none"} --></p> <div class="wp-block-image"> <figure class="aligncenter size-full"><img class="wp-image-7342" src="https://www.cookieyes.com/wp-content/uploads/2022/02/Drupal-setup-step-4-1.gif" alt="Step 4 cookie banner installation on drupal" /></figure> </div> <p><!-- /wp:image --></p> <p><!-- wp:paragraph --></p> <p><strong>Step 6.</strong> Now click on the module dropdown on the right side and select <strong>Configure</strong>.</p> <p><!-- /wp:paragraph --></p> <p><!-- wp:paragraph --></p> <p><strong>Step 7.</strong> Add the installation code in the<strong> GDPR Script</strong> section and click on <strong>Save Configuration</strong>.</p> <p><!-- wp:image {"align":"center","id":7343,"sizeSlug":"full","linkDestination":"none"} --></p> <div class="wp-block-image"> <figure class="aligncenter size-full"><img class="wp-image-7343" src="https://www.cookieyes.com/wp-content/uploads/2022/02/Drupal-setup-step-5-1.gif" alt="Step 5 cookie banner installation on drupal" /></figure> </div> <p><div class="cy-info-box d-sm-flex align-items-start green"><div class="icon "></div><div class="info-content align-self-center"><!-- /wp:shortcode --></p> <p><!-- wp:html --></p> <p class="info-icon"><b>Note</b></p> <p><!-- /wp:html --></p> <p>While pasting the code, remove the commented lines that indicate the start and end of the CookieYes code. Only use the portion of the code shown in the image below. The commented lines are HTML encoded in Drupal and the CookieYes banner will not be displayed as a result.</p> <p></div></div><!-- /wp:shortcode --><div class="cy-info-box d-sm-flex align-items-start blue"><div class="icon "></div><div class="info-content align-self-center"><!-- /wp:shortcode --></p> <p><strong>Tip:</strong> The &#8216;Enable CookieYes&#8217; checkbox will allow you to enable or disable the cookie banner from the admin side without removing the code.</p> <p></div></div><br /><!-- /wp:shortcode --></p> <p id="block-d43c7386-e79d-41e8-b694-90dc9c876b3b"><strong>Step 8. </strong>Head back to the setup screen and click on the <strong>Verify</strong> button. You will see a success message that your banner is active. </p> <p><img loading="lazy" class="alignnone wp-image-75886 size-full" src="https://www.cookieyes.com/wp-content/uploads/2023/09/verified.jpg" alt="Cookieyes setup screen" width="1594" height="1068" /></p> <p><!-- wp:image {"id":6404,"sizeSlug":"full","linkDestination":"none"} --></p> <p><!-- /wp:image --></p> <p><!-- wp:paragraph --></p> <p>The cookie consent banner will be live on your Drupal website! Now, you can complete your website scanning from the CookieYes Dashboard and explore further customizations and features.</p> <p>We recommend <a href="https://www.cloudways.com/blog/upgrade-drupal-7-to-drupal-8/" target="_blank" rel="noopener noreferrer">upgrading your Drupal site</a> to a newer version for an enhanced performance.</p> <p><div class="cy-info-box d-sm-flex align-items-start plain"><div class="icon "></div><div class="info-content align-self-center"><!-- /wp:shortcode --></p> <p><!-- wp:html --></p> <p class="info-icon border-bottom"><strong>See also</strong></p> <p><!-- /wp:html --></p> <p><!-- wp:list --></p> <ul> <li><a href="https://www.cookieyes.com/category/documentation/features/" target="_blank" rel="noreferrer noopener">Features and integrations</a></li> <li><a href="https://www.cookieyes.com/documentation/add-cookie-banner-to-website/" target="_blank" rel="noreferrer noopener">How to customize your cookie banner</a></li> <li><a href="https://www.cookieyes.com/blog/gdpr-cookie-consent/" target="_blank" rel="noreferrer noopener">Ultimate guide to GDPR cookie consent</a></li> <li><a href="https://www.cookieyes.com/documentation/helpguide-faq/" target="_blank" rel="noreferrer noopener">Frequently asked questions</a></li> </ul> <p><!-- /wp:list --></p> <p><!-- wp:shortcode --></div></div><br /><!-- /wp:shortcode --></p> <p><!-- wp:paragraph --></p> <p>Still have questions or facing issues? <a href="https://www.cookieyes.com/support/?query=troubleshoot" target="_blank" rel="noreferrer noopener">Contact technical support</a></p> <p><!-- /wp:paragraph --></p> <p><!-- wp:paragraph --></p> <a href="https://www.cookieyes.com/documentation/website-scanning/" class="next-chapter-wrapper button"> <div class="d-flex align-items-center"> <div> <p>Next chapter:</p> <p class="title">Complete website scanning</p> </div> <img src="https://www.cookieyes.com/wp-content/themes/cookieyes-new/assets/images/arrow-right-white.svg" class="no-shadow"> </div> </a> <p><!-- /wp:paragraph --></p> </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="6a57c0e5d3"> <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"> <!-- HTML --> <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"> <!-- Basic Plan --> <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> <!-- Pro Plan --> <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> <!-- Ultimate Plan --> <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 = 57; if (tertiaryPostIds.includes(postId)) { return 'gsmmbf24'; } if (secondaryPostIds.includes(postId)) { return 'gsmbf24'; } return 'bf24'; } function updateCouponCode(link) { const postId = 57; 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.8' 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&amp;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.8" 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":"6ade155322"}; /* ]]> */ </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.8" 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>

Pages: 1 2 3 4 5 6 7 8 9 10