{"id":2303,"date":"2021-06-21T10:21:58","date_gmt":"2021-06-21T10:21:58","guid":{"rendered":"https:\/\/elementor.com\/academy\/?p=2303"},"modified":"2023-02-22T09:19:00","modified_gmt":"2023-02-22T09:19:00","slug":"create-a-cookie-consent-popup-in-wordpress","status":"publish","type":"post","link":"https:\/\/elementor.com\/academy\/create-a-cookie-consent-popup-in-wordpress\/","title":{"rendered":"Create a Cookie Consent Popup in WordPress"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"2303\" class=\"elementor elementor-2303\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3bdde8cd elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3bdde8cd\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5d67c08f\" data-id=\"5d67c08f\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-27d3d35 elementor-widget elementor-widget-video\" data-id=\"27d3d35\" data-element_type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/www.youtube.com\\\/watch?v=QcyqbH0kc2U&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2ad70576 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2ad70576\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2c4ddb88\" data-id=\"2c4ddb88\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3bc6473c elementor-tabs-view-horizontal elementor-widget elementor-widget-tabs\" data-id=\"3bc6473c\" data-element_type=\"widget\" data-widget_type=\"tabs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-tabs\">\n\t\t\t<div class=\"elementor-tabs-wrapper\" role=\"tablist\" >\n\t\t\t\t\t\t\t\t\t<div id=\"elementor-tab-title-1001\" class=\"elementor-tab-title elementor-tab-desktop-title\" aria-selected=\"true\" data-tab=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"elementor-tab-content-1001\" aria-expanded=\"false\">Overview<\/div>\n\t\t\t\t\t\t\t\t\t<div id=\"elementor-tab-title-1002\" class=\"elementor-tab-title elementor-tab-desktop-title\" aria-selected=\"false\" data-tab=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-1002\" aria-expanded=\"false\">Transcript<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"elementor-tabs-content-wrapper\" role=\"tablist\" aria-orientation=\"vertical\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-tab-title elementor-tab-mobile-title\" aria-selected=\"true\" data-tab=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"elementor-tab-content-1001\" aria-expanded=\"false\">Overview<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-1001\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"1\" role=\"tabpanel\" aria-labelledby=\"elementor-tab-title-1001\" tabindex=\"0\" hidden=\"false\"><p>In this tutorial, we will show you how to create a cookie consent popup using Elementor&#8217;s Popup Builder.<\/p><p>You will also learn the difference between the different popup types, and more.<\/p><\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-tab-title elementor-tab-mobile-title\" aria-selected=\"false\" data-tab=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-1002\" aria-expanded=\"false\">Transcript<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-1002\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"2\" role=\"tabpanel\" aria-labelledby=\"elementor-tab-title-1002\" tabindex=\"0\" hidden=\"hidden\"><p>hey y&#8217;all Cassie from Elementor here in<br \/>this video we&#8217;ll create a cookie consent<br \/>pop-up it&#8217;s pretty self-explanatory so<br \/>let&#8217;s get to it<br \/>use command + E to open the finder and<br \/>give your pop-up a name I want to go<br \/>over some options in the library click<br \/>the category drop-down and let&#8217;s briefly<br \/>go over the options here the categories<br \/>represent the different types of pop-ups<br \/>let&#8217;s start with classic this is the<br \/>most popular use of a pop-up<br \/>traditionally it appears as an opt-in<br \/>form in the middle of the screen with an<br \/>overlay that obscures the background<br \/>next up we have flyin flyin pop-ups are<br \/>effective because they draw the users<br \/>attention as the name suggests these<br \/>pop-ups look like they&#8217;re flying in to<br \/>the screen full screen pop-ups are great<br \/>for directing your users attention to<br \/>one specific call to action or promotion<br \/>then there&#8217;s the ever-popular<br \/>hello bar pop-up use these primarily for<br \/>sales promotions and announcements onto<br \/>the slide in pop up sliding pop-ups can<br \/>be used for any purpose and as you can<br \/>see they take up the entire height of<br \/>the screen now we&#8217;ll check out the<br \/>bottom bar pop up bottom bars can be<br \/>used for a variety of reasons including<br \/>announcements or as a cookie consent<br \/>which will show you how to set up come<br \/>on let&#8217;s edit it change the button text<br \/>in content slide on don&#8217;t show again<br \/>this makes it disappear after the user<br \/>accepts the cookie and make the button<br \/>larger in style choose a color from the<br \/>palette or type in a hex code remove the<br \/>padding from the template duplicate the<br \/>bottom on right click edit the text link<br \/>it and increase the size also in style<br \/>use the settings to make the second<br \/>button stand out less change its colors<br \/>and add a line underneath to finish it<br \/>off let&#8217;s design the overall bar align<br \/>the text to the left and align the<br \/>button to justified stretch the button<br \/>in text across the bar<br \/>making it more proportional<br \/>click the COG to enter the pop up<br \/>settings and turn off the overlay in<br \/>style adjust the color shade in advanced<br \/>slide the first to prevent closing on<br \/>overlay and escape to yes publish and<br \/>let&#8217;s set the conditions and triggers<br \/>let&#8217;s add the condition include to<br \/>include the pop-up across the entire<br \/>site choose exclude so it appears across<br \/>the site except for in the Terms of Use<br \/>page<br \/>in the triggers tab page load slide to<br \/>yes next save and close let&#8217;s see how it<br \/>looks and try out both options except<br \/>and decline<br \/>so have fun exploring the pop-up<br \/>template library to get you started<br \/>designing your own cookie consent forms<br \/>and don&#8217;t forget subscribe to our<br \/>YouTube channel catch you later<\/p><\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Overview Transcript Overview In this tutorial, we will show you how to create a cookie consent popup using Elementor\u2019s Popup Builder. You will also learn the difference between the different popup types, and more. Transcript hey y\u2019all Cassie from Elementor here in this video we\u2019ll create a cookie consent pop-up it\u2019s pretty self-explanatory so let\u2019s [&hellip;]<\/p>\n","protected":false},"author":8,"featured_media":4049,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"elementor_theme","format":"standard","meta":{"footnotes":""},"categories":[4,14],"tags":[41],"class_list":["post-2303","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design-layout","category-pop-up","tag-guides-tutorials"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Create a Cookie Consent Popup in WordPress - Academy<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/academy\/create-a-cookie-consent-popup-in-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Create a Cookie Consent Popup in WordPress - Academy\" \/>\n<meta property=\"og:description\" content=\"Overview Transcript Overview In this tutorial, we will show you how to create a cookie consent popup using Elementor\u2019s Popup Builder. You will also learn the difference between the different popup types, and more. Transcript hey y\u2019all Cassie from Elementor here in this video we\u2019ll create a cookie consent pop-up it\u2019s pretty self-explanatory so let\u2019s [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/academy\/create-a-cookie-consent-popup-in-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"Academy\" \/>\n<meta property=\"article:published_time\" content=\"2021-06-21T10:21:58+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-02-22T09:19:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Cookie-Consent-Popup-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Hodaya\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Hodaya\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Create a Cookie Consent Popup in WordPress - Academy","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elementor.com\/academy\/create-a-cookie-consent-popup-in-wordpress\/","og_locale":"en_US","og_type":"article","og_title":"Create a Cookie Consent Popup in WordPress - Academy","og_description":"Overview Transcript Overview In this tutorial, we will show you how to create a cookie consent popup using Elementor\u2019s Popup Builder. You will also learn the difference between the different popup types, and more. Transcript hey y\u2019all Cassie from Elementor here in this video we\u2019ll create a cookie consent pop-up it\u2019s pretty self-explanatory so let\u2019s [&hellip;]","og_url":"https:\/\/elementor.com\/academy\/create-a-cookie-consent-popup-in-wordpress\/","og_site_name":"Academy","article_published_time":"2021-06-21T10:21:58+00:00","article_modified_time":"2023-02-22T09:19:00+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Cookie-Consent-Popup-1.jpg","type":"image\/jpeg"}],"author":"Hodaya","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Hodaya","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/academy\/create-a-cookie-consent-popup-in-wordpress\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/academy\/create-a-cookie-consent-popup-in-wordpress\/"},"author":{"name":"Hodaya","@id":"https:\/\/elementor.com\/academy\/#\/schema\/person\/ff9f2661f3df53ae5842a9ad15853d1c"},"headline":"Create a Cookie Consent Popup in WordPress","datePublished":"2021-06-21T10:21:58+00:00","dateModified":"2023-02-22T09:19:00+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/academy\/create-a-cookie-consent-popup-in-wordpress\/"},"wordCount":538,"publisher":{"@id":"https:\/\/elementor.com\/academy\/#organization"},"image":{"@id":"https:\/\/elementor.com\/academy\/create-a-cookie-consent-popup-in-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Cookie-Consent-Popup-1.jpg","keywords":["Guides and Tutorials"],"articleSection":["Design \/ Layout","Pop Up"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/academy\/create-a-cookie-consent-popup-in-wordpress\/","url":"https:\/\/elementor.com\/academy\/create-a-cookie-consent-popup-in-wordpress\/","name":"Create a Cookie Consent Popup in WordPress - Academy","isPartOf":{"@id":"https:\/\/elementor.com\/academy\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/academy\/create-a-cookie-consent-popup-in-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/academy\/create-a-cookie-consent-popup-in-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Cookie-Consent-Popup-1.jpg","datePublished":"2021-06-21T10:21:58+00:00","dateModified":"2023-02-22T09:19:00+00:00","breadcrumb":{"@id":"https:\/\/elementor.com\/academy\/create-a-cookie-consent-popup-in-wordpress\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/academy\/create-a-cookie-consent-popup-in-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/academy\/create-a-cookie-consent-popup-in-wordpress\/#primaryimage","url":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Cookie-Consent-Popup-1.jpg","contentUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Cookie-Consent-Popup-1.jpg","width":1920,"height":1080},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/academy\/create-a-cookie-consent-popup-in-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Elementor","item":"https:\/\/elementor.com\/"},{"@type":"ListItem","position":2,"name":"Academy","item":"https:\/\/elementor.com\/academy\/"},{"@type":"ListItem","position":3,"name":"Design \/ Layout","item":"https:\/\/elementor.com\/academy\/design-layout\/"},{"@type":"ListItem","position":4,"name":"Create a Cookie Consent Popup in WordPress"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/academy\/#website","url":"https:\/\/elementor.com\/academy\/","name":"Elementor Academy","description":"Page Builder for WordPress","publisher":{"@id":"https:\/\/elementor.com\/academy\/#organization"},"alternateName":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/02\/Elementor-Logo.png","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/academy\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/academy\/#organization","name":"Elementor Academy","alternateName":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/02\/Elementor-Logo.png","url":"https:\/\/elementor.com\/academy\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/academy\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2022\/11\/e-logo.svg","contentUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2022\/11\/e-logo.svg","width":490,"height":85,"caption":"Elementor Academy"},"image":{"@id":"https:\/\/elementor.com\/academy\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/elementor.com\/academy\/#\/schema\/person\/ff9f2661f3df53ae5842a9ad15853d1c","name":"Hodaya","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/academy\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/324f2d5cff44331b747d766f10e31793b1e29ad4f98f129d409760191f88ccc5?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/324f2d5cff44331b747d766f10e31793b1e29ad4f98f129d409760191f88ccc5?s=96&d=mm&r=g","caption":"Hodaya"},"url":"https:\/\/elementor.com\/academy\/author\/hodaya\/"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts\/2303","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/comments?post=2303"}],"version-history":[{"count":1,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts\/2303\/revisions"}],"predecessor-version":[{"id":9491,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts\/2303\/revisions\/9491"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/media\/4049"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/media?parent=2303"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/categories?post=2303"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/tags?post=2303"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}