{"id":25354,"date":"2022-03-21T11:25:18","date_gmt":"2022-03-21T15:25:18","guid":{"rendered":"https:\/\/plumrocket.com\/docs\/?p=25354"},"modified":"2025-05-29T11:43:30","modified_gmt":"2025-05-29T15:43:30","slug":"how-to-insert-a-cookie-settings-link-into-a-custom-position","status":"publish","type":"post","link":"https:\/\/plumrocket.com\/docs\/magento-cookie-consent\/v1\/devguide\/cookie-settings-link","title":{"rendered":"How to Insert a &#8220;Cookie Settings&#8221; Link Into a Custom Position"},"content":{"rendered":"\n<p>The <a href=\"\/magento-cookie-consent\">Magento 2 Cookie Consent extension<\/a> asks customers for consent to use cookies that collect customer data for marketing and other purposes. Users can also customize their cookie preferences and read more about each cookie by clicking the &#8220;Cookie Settings&#8221; link. By default, the link is placed on the Cookie banner, however, you can place it anywhere on site.<\/p>\n\n\n\n<p>This guide shows two ways to insert the Cookie Settings link into a custom position. <\/p>\n\n\n\n<h2 id=\"h-option-1-insert-cookie-settings-button-using-provided-cms-widget\">Option 1: Insert Cookie Settings button using provided CMS widget<\/h2>\n\n\n\n<p>Use Cookie Settings Button widget to insert Cookie Settings Link into a custom position. This widget will be displayed as a link or a button. When clicking on it, the <a href=\"#cookie-settings-panel\">Cookie Settings Panel<\/a> opens.<\/p>\n\n\n\n<ul><li>You can use <a href=\"\/docs\/magento-cookie-consent\/v1\/configuration#cookie-settings-widget-code\" target=\"_blank\" aria-label=\"undefined (opens in a new tab)\" rel=\"noreferrer noopener\">Widget Code<\/a> and insert it into the CMS page or CMS block.<\/li><li>You can use the default Magento widget functionality to insert the widget.<\/li><\/ul>\n\n\n\n<h2 id=\"h-option-2-create-a-custom-cookie-settings-button-using-the-css-class\">Option 2: Create a custom Cookie Settings button using the CSS class<\/h2>\n\n\n\n<p>Add a &#8216;<strong>pr-open-cookie-settings<\/strong>&#8216; CSS class to any button or link. The <a href=\"#cookie-settings-panel\">Cookie Settings Panel<\/a> opens when clicking on this element.<\/p>\n\n\n\n<p>An example for a custom cookie settings button:<\/p>\n\n\n\n<div class=\"wp-block-prismatic-blocks\"><div><\/div><pre><code class=\"language-markup\">&lt;button class=\"pr-open-cookie-settings\">Cookie Settings&lt;\/button><\/code><\/pre><\/div>\n\n\n\n<p>An example for a custom cookie settings link:<\/p>\n\n\n\n<div class=\"wp-block-prismatic-blocks\"><div><\/div><pre><code class=\"language-markup\">&lt;a href=\"#\" class=\"pr-open-cookie-settings\">Cookie Settings&lt;\/a><\/code><\/pre><\/div>\n\n\n\n<p>* <strong>Please note<\/strong>: the extension provides <a href=\"\/docs\/magento-cookie-consent\/v1\/configuration#cookie-settings-link\" target=\"_blank\" aria-label=\"undefined (opens in a new tab)\" rel=\"noreferrer noopener\">cookie settings link<\/a> functionality to insert cookie settings link into footer links automatically.<\/p>\n\n\n\n<h4 id=\"h-cookie-settings-panel\">Cookie Settings Panel<\/h4>\n\n\n\n<p><strong>The following picture is an illustration of the Cookie Settings Panel displayed on the frontend.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img src=\"\/docs\/wp-content\/uploads\/2021\/02\/magento2-cookie-consent-extension-cookie-settings-panel-1.png\" alt=\"\" class=\"wp-image-17270\"\/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>The Magento 2 Cookie Consent extension asks customers for consent to use cookies that collect customer data for marketing and other purposes. Users can also customize their cookie preferences and read more about each cookie by clicking the &#8220;Cookie Settings&#8221; link. By default, the link is placed on the Cookie banner, however, you can place &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/plumrocket.com\/docs\/magento-cookie-consent\/v1\/devguide\/cookie-settings-link\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;How to Insert a &#8220;Cookie Settings&#8221; Link Into a Custom Position&#8221;<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"_mi_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0},"categories":[345],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v17.2 (Yoast SEO v17.2) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Insert a &quot;Cookie Settings&quot; Link Into a Custom Position - Plumrocket Documentation<\/title>\n<meta name=\"description\" content=\"The Magento 2 Cookie Consent extension asks customers for consent to use cookies that collect customer data for marketing and other purposes. Users can\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/plumrocket.com\/docs\/magento-cookie-consent-pro\/v1\/devguide\/cookie-settings-link\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Insert a &quot;Cookie Settings&quot; Link Into a Custom Position\" \/>\n<meta property=\"og:description\" content=\"The Magento 2 Cookie Consent extension asks customers for consent to use cookies that collect customer data for marketing and other purposes. Users can\" \/>\n<meta property=\"og:url\" content=\"https:\/\/plumrocket.com\/docs\/magento-cookie-consent-pro\/v1\/devguide\/cookie-settings-link\" \/>\n<meta property=\"og:site_name\" content=\"Plumrocket Documentation\" \/>\n<meta property=\"article:published_time\" content=\"2022-03-21T15:25:18+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-29T15:43:30+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/02\/magento2-cookie-consent-extension-cookie-settings-panel-1.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Plumrocket\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Insert a \"Cookie Settings\" Link Into a Custom Position - Plumrocket Documentation","description":"The Magento 2 Cookie Consent extension asks customers for consent to use cookies that collect customer data for marketing and other purposes. Users can","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:\/\/plumrocket.com\/docs\/magento-cookie-consent-pro\/v1\/devguide\/cookie-settings-link","og_locale":"en_US","og_type":"article","og_title":"How to Insert a \"Cookie Settings\" Link Into a Custom Position","og_description":"The Magento 2 Cookie Consent extension asks customers for consent to use cookies that collect customer data for marketing and other purposes. Users can","og_url":"https:\/\/plumrocket.com\/docs\/magento-cookie-consent-pro\/v1\/devguide\/cookie-settings-link","og_site_name":"Plumrocket Documentation","article_published_time":"2022-03-21T15:25:18+00:00","article_modified_time":"2025-05-29T15:43:30+00:00","og_image":[{"url":"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/02\/magento2-cookie-consent-extension-cookie-settings-panel-1.png"}],"twitter_card":"summary_large_image","twitter_misc":{"Written by":"Plumrocket","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/plumrocket.com\/docs\/#website","url":"https:\/\/plumrocket.com\/docs\/","name":"Plumrocket Documentation","description":"Extensions docs, troubleshootings etc.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/plumrocket.com\/docs\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"ImageObject","@id":"https:\/\/plumrocket.com\/docs\/magento-cookie-consent-pro\/v1\/devguide\/cookie-settings-link#primaryimage","inLanguage":"en-US","url":"\/docs\/wp-content\/uploads\/2021\/02\/magento2-cookie-consent-extension-cookie-settings-panel-1.png","contentUrl":"\/docs\/wp-content\/uploads\/2021\/02\/magento2-cookie-consent-extension-cookie-settings-panel-1.png"},{"@type":"WebPage","@id":"https:\/\/plumrocket.com\/docs\/magento-cookie-consent-pro\/v1\/devguide\/cookie-settings-link#webpage","url":"https:\/\/plumrocket.com\/docs\/magento-cookie-consent-pro\/v1\/devguide\/cookie-settings-link","name":"How to Insert a \"Cookie Settings\" Link Into a Custom Position - Plumrocket Documentation","isPartOf":{"@id":"https:\/\/plumrocket.com\/docs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/plumrocket.com\/docs\/magento-cookie-consent-pro\/v1\/devguide\/cookie-settings-link#primaryimage"},"datePublished":"2022-03-21T15:25:18+00:00","dateModified":"2025-05-29T15:43:30+00:00","author":{"@id":"https:\/\/plumrocket.com\/docs\/#\/schema\/person\/c96fccdb89342ae6804272265723eca8"},"description":"The Magento 2 Cookie Consent extension asks customers for consent to use cookies that collect customer data for marketing and other purposes. Users can","breadcrumb":{"@id":"https:\/\/plumrocket.com\/docs\/magento-cookie-consent-pro\/v1\/devguide\/cookie-settings-link#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/plumrocket.com\/docs\/magento-cookie-consent-pro\/v1\/devguide\/cookie-settings-link"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/plumrocket.com\/docs\/magento-cookie-consent-pro\/v1\/devguide\/cookie-settings-link#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Magento 2 Extensions","item":"https:\/\/plumrocket.com\/magento-extensions"},{"@type":"ListItem","position":2,"name":"Magento 2 Cookie Consent","item":"https:\/\/plumrocket.com\/magento-cookie-consent"},{"@type":"ListItem","position":3,"name":"Documentation","item":"https:\/\/plumrocket.com\/docs\/magento-cookie-consent"},{"@type":"ListItem","position":4,"name":"v1","item":"https:\/\/plumrocket.com\/docs\/magento-cookie-consent\/v1"},{"@type":"ListItem","position":5,"name":"Developer Guide","item":"https:\/\/plumrocket.com\/docs\/magento-cookie-consent\/v1\/devguide"},{"@type":"ListItem","position":6,"name":"How to Insert a &#8220;Cookie Settings&#8221; Link Into a Custom Position"}]},{"@type":"Person","@id":"https:\/\/plumrocket.com\/docs\/#\/schema\/person\/c96fccdb89342ae6804272265723eca8","name":"Plumrocket","image":{"@type":"ImageObject","@id":"https:\/\/plumrocket.com\/docs\/#personlogo","inLanguage":"en-US","url":"https:\/\/secure.gravatar.com\/avatar\/10c44aa45aab391250913d982e552e53?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/10c44aa45aab391250913d982e552e53?s=96&d=mm&r=g","caption":"Plumrocket"}}]}},"_links":{"self":[{"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/posts\/25354"}],"collection":[{"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/comments?post=25354"}],"version-history":[{"count":3,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/posts\/25354\/revisions"}],"predecessor-version":[{"id":25378,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/posts\/25354\/revisions\/25378"}],"wp:attachment":[{"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/media?parent=25354"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/categories?post=25354"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/tags?post=25354"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}