How to Insert a “Cookie Settings” Link Into a Custom Position

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 “Cookie Settings” link. By default, the link is placed on the Cookie banner, however, you can place it anywhere on site.

This guide shows two ways to insert the Cookie Settings link into a custom position.

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 Cookie Settings Panel opens.

  • You can use Widget Code and insert it into the CMS page or CMS block.
  • You can use the default Magento widget functionality to insert the widget.

Add a ‘pr-open-cookie-settings‘ CSS class to any button or link. The Cookie Settings Panel opens when clicking on this element.

An example for a custom cookie settings button:

<button class="pr-open-cookie-settings">Cookie Settings</button>

An example for a custom cookie settings link:

<a href="#" class="pr-open-cookie-settings">Cookie Settings</a>

* Please note: the extension provides cookie settings link functionality to insert cookie settings link into footer links automatically.

Important Note for Hyvä Theme Users:

If you plan to use the Magento 2 Cookie Consent extension on the Hyvä theme, please follow the guide below:

Add the @click attribute with the function window.prCookieSettingBar.show() to any button or link element you want to use to open the Cookie Settings Panel. The Cookie Settings Panel opens when clicking on this element.

An example for a custom cookie settings button:

<button @click="window.prCookieSettingBar.show()">Cookie Settings</button>

An example for a custom cookie settings link:

<a href="#" @click="window.prCookieSettingBar.show()">Cookie Settings</a>

The following picture is an illustration of the Cookie Settings Panel displayed on the frontend.

Was this article helpful?