{"id":28390,"date":"2025-05-29T11:42:59","date_gmt":"2025-05-29T15:42:59","guid":{"rendered":"https:\/\/plumrocket.com\/docs\/?p=28390"},"modified":"2025-05-29T11:43:01","modified_gmt":"2025-05-29T15:43:01","slug":"how-to-insert-a-cookie-settings-link-into-a-custom-position-3","status":"publish","type":"post","link":"https:\/\/plumrocket.com\/docs\/magento-cookie-consent-pro\/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 Pro 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<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container\"><\/div><\/div>\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<div class=\"wp-block-group pr-notice pr-notice-warning\"><div class=\"wp-block-group__inner-container\">\n<p class=\"pr-notice-title\">Important Note for Hyv\u00e4 Theme Users:<\/p>\n\n\n\n<p>If you plan to use the Magento 2 Cookie Consent Pro extension on the Hyv\u00e4 theme,  please follow the guide below:<\/p>\n\n\n\n<p>Add the <strong>@click<\/strong> attribute with the function <strong>window.prCookieSettingBar.show()<\/strong> to any button or link element you want to use to open the Cookie Settings Panel. 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 @click=\"window.prCookieSettingBar.show()\">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=\"#\" @click=\"window.prCookieSettingBar.show()\">Cookie Settings&lt;\/a><\/code><\/pre><\/div>\n<\/div><\/div>\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 Pro 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 &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/plumrocket.com\/docs\/magento-cookie-consent-pro\/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":[410],"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 Pro extension asks customers for consent to use cookies that collect customer data for marketing and other purposes. Users\" \/>\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 Pro extension asks customers for consent to use cookies that collect customer data for marketing and other purposes. Users\" \/>\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=\"2025-05-29T15:42:59+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-29T15:43:01+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 Pro extension asks customers for consent to use cookies that collect customer data for marketing and other purposes. Users","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 Pro extension asks customers for consent to use cookies that collect customer data for marketing and other purposes. Users","og_url":"https:\/\/plumrocket.com\/docs\/magento-cookie-consent-pro\/v1\/devguide\/cookie-settings-link","og_site_name":"Plumrocket Documentation","article_published_time":"2025-05-29T15:42:59+00:00","article_modified_time":"2025-05-29T15:43:01+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":"2025-05-29T15:42:59+00:00","dateModified":"2025-05-29T15:43:01+00:00","author":{"@id":"https:\/\/plumrocket.com\/docs\/#\/schema\/person\/c96fccdb89342ae6804272265723eca8"},"description":"The Magento 2 Cookie Consent Pro extension asks customers for consent to use cookies that collect customer data for marketing and other purposes. Users","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-pro\/v1"},{"@type":"ListItem","position":5,"name":"Developer Guide","item":"https:\/\/plumrocket.com\/docs\/magento-cookie-consent-pro\/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\/28390"}],"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=28390"}],"version-history":[{"count":1,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/posts\/28390\/revisions"}],"predecessor-version":[{"id":28391,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/posts\/28390\/revisions\/28391"}],"wp:attachment":[{"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/media?parent=28390"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/categories?post=28390"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/tags?post=28390"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}