We recommend the following steps to configure the Cookie Consent extension correctly:<\/p>\n\n\n\n
- Determine which data protection laws (GDPR, CCPA, LGDP, or others) your store needs to comply with.<\/li>
- Configure the Main Settings<\/a> of the module.<\/li>
- (Optional)<\/span> View default Cookie Categories<\/a> and edit them.<\/li>
- Browse the provided list of Magento cookies <\/a>and add your own cookie if necessary.<\/li>
- Configure Cookie Consent Banner<\/a>.<\/li>
- Configure the Cookie Settings Panel<\/a>.<\/li>
- Enable <\/a>the extension.<\/li>
- (Optional)<\/span> Add the “Cookies Settings” link<\/a>.<\/li>
- (Optional)<\/span> Configure Google Tag Manager<\/a> functionality.<\/li>
- (Optional)<\/span> To block custom scripts’ execution before a customer allows cookies, read our Developer Guide<\/a>.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n
Configuration<\/h2>\n\n\n\n
General<\/h3>\n\n\n\n
Follow the steps below to learn how to configure Magento 2 Cookie Consent v1.x extension correctly.<\/p>\n\n\n\n
In the main menu go to the \u201cPlumrocket\u201d tab > select \u201cCookie Consent\u201d extension > navigate to the \u201cConfiguration\u201d section.<\/strong><\/p>\n\n\n\n
\nStep-by-step guide:<\/p>\n\n\n\n
- \u201cEnable Extension\u201d:<\/strong> this option allows you to enable or disable this Cookie Consent extension.<\/li>
- \u201cSerial Key\u201d:<\/strong> enter the unique serial key provided to you after purchasing the extension. Note: In most cases, this field will be pre-filled with a serial key automatically, and the green checkmark will be displayed. To find and paste your serial key manually, read the Serial Key Activation<\/a><\/strong> article.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n
![\"magento](\"\/docs\/wp-content\/uploads\/2021\/02\/magento2-cookie-consent-extension-1.png\")
<\/figure>\n\n\n\nMain Settings<\/h3>\n\n\n\n
\nStep-by-step guide:<\/p>\n\n\n\n
- “Geo Targeting<\/strong>“: select countries in order to show cookie notice only to visitors from the selected countries.<\/li>
- “U.S. States<\/strong>“: you can select one or multiple U.S. states. For example, select “California” to comply with the CCPA law.<\/li>
- “Enable Cookies Before Customer Opt-In<\/strong>“: when set to “Yes”, all cookies will be already enabled until the customer accepts or declines them. We recommend enabling this feature for CCPA law, where consent for collecting personal data is not required.<\/li>
- “Consent Expiration (days)<\/strong>“: set the number of days when the consent cookies expire. After the expiration date, a customer will be prompted again to accept or decline cookies.<\/li>
- “Block Unknown Cookies<\/strong>“: when set to “Yes”, all cookies not listed in the Manage Cookies<\/a> grid will be blocked until a visitor accepts all cookies.<\/li>
- “Reload Page After Accept Button Click<\/strong>“: when set to “Yes”, the website page will reload after a user clicks the “Accept Cookies Button”. This option helps to enable certain javascript and third-party cookies. We recommend setting this option to “Yes” if the “Enable Cookies Before Customer Opt-In” option above is set to “No”.<\/li>
- “Reload Page After Decline Button Click<\/strong>“: when set to “Yes”, the website page will reload after a user clicks “Decline Cookies Button”. It helps to disable certain javascript and third-party cookies. We recommend setting this option to “Yes” if the “Enable Cookies Before Customer Opt-In” option above is set to “Yes”.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n
![\"magento](\"\/docs\/wp-content\/uploads\/2021\/02\/magento2-cookie-consent-extension-2-2.png\")
<\/figure>\n\n\n\nCookie Consent Banner<\/h3>\n\n\n\n
\nStep-by-step guide:<\/p>\n\n\n\n
- “Display Style<\/strong>“: select the way you want to show the cookie notice to visitors. Select from the Popup, Bottom Banner, or Full-screen Wall. Please note<\/strong>, the option \u201cFull-Screen Cookie Wall,\u201d unlike other options, prevents visitors from using the website until they agree to enable cookies.<\/li>
- “Hide On Urls<\/strong>“: you can disable the cookie consent banner on specific pages. Enter each URL in a new line. Both absolute or relative paths are allowed. <\/li>
- “Notice Text<\/strong>“: enter the text asking to agree with the cookies that will be displayed on the cookie consent banner.<\/li>
- “Title<\/strong>“: enter the title of the text if you selected the Full-Screen Cookie Wall as a cookie consent banner display style above.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n
![\"magento](\"\/docs\/wp-content\/uploads\/2021\/02\/magento2-cookie-consent-extension-3.png\")
<\/figure>\n\n\n\n\nStep-by-step guide:<\/p>\n\n\n\n
- “Title Color<\/strong>“: click on the color picker or enter the hex color of the title (this option is available only for the Full-Screen Cookie Wall cookie consent banner style)<\/em>. <\/li>
- “Text Color<\/strong>“: select the text color displayed on the cookie consent banner.<\/li>
- “Background Color<\/strong>“: select the background color of the banner.<\/li>
- “Overlay Background Color<\/strong>“: select an overlay background color (this option is available only for the Full-Screen Cookie Wall cookie consent banner style)<\/em>. Users do not see the content of the website if you select an overlay color in this option. <\/li>
- “Overlay Background Blur<\/strong>“: when set to “Yes,” the background will be blurred (this option is available only for the Full-Screen Cookie Wall cookie consent banner style)<\/em>.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n
![\"magento](\"\/docs\/wp-content\/uploads\/2021\/02\/magento2-cookie-consent-extension-4.png\")
<\/figure>\n\n\n\nAccept Button<\/h4>\n\n\n\n
The cookie notice banner contains Accept, Decline, and Settings buttons. In this section, learn how to configure the appearence of the Accept Button.<\/p>\n\n\n\n
\nStep-by-step guide:<\/p>\n\n\n\n
- “Label<\/strong>“: enter the name of the accept button here: “Allow Cookies”, “Accept”, etc.<\/li>
- “Text Color<\/strong>“: select the Accept Button text color by clicking on the color picker or entering the hex color in the field.<\/li>
- “Text Color On Hover<\/strong>“: select the color in which the text changes when hovering the mouse cursor over the button.<\/li>
- “Background Color<\/strong>“: select the background color of the accept button.<\/li>
- “Background Color On Hover<\/strong>“: select the background color to which the background changes when hovering the mouse cursor over it.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n
![\"magento](\"\/docs\/wp-content\/uploads\/2021\/02\/magento2-cookie-consent-extension-5.png\")
<\/figure>\n\n\n\nDecline Button<\/h4>\n\n\n\n
In this section, learn how to configure the appearence of the Decline Button.<\/p>\n\n\n\n
\nStep-by-step guide:<\/p>\n\n\n\n
- “Show<\/strong>“: when set to “Yes”, the decline button is displayed on the cookie consent banner. You are also able to hide this button by setting this option to “No”. Therefore, users will not be able to decline cookies. <\/li>
- “Label<\/strong>“: enter the name of the decline button here.<\/li>
- “Text Color<\/strong>“: select the Decline Button text color by clicking on the color picker or entering the hex color in the field.<\/li>
- “Text Color On Hover<\/strong>“: select the color to which the text changes when hovering the mouse cursor over the button.<\/li>
- “Background Color<\/strong>“: select the background color text of the decline button.<\/li>
- “Background Color On Hover<\/strong>“: select the color to which the background changes when hovering the mouse cursor over it.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n
![\"magento](\"\/docs\/wp-content\/uploads\/2021\/02\/magento2-cookie-consent-extension-6.png\")
<\/figure>\n\n\n\nSettings Button<\/h4>\n\n\n\n
In this section, learn how to enable and configure the settings button appearance. The settings button is displayed next to the accept and decline button. By pressing it, users can go to settings, read cookie categories description, and manage their consent preferences.<\/p>\n\n\n\n
\nStep-by-step guide:<\/p>\n\n\n\n
- “Show<\/strong>“: when set to “Yes, Settings Button is enabled and displayed on the cookie consent banner.<\/li>
- “Label<\/strong>“: enter the name of the link.<\/li>
- “Type<\/strong>“: select whether the settings option should be displayed as a link or a button.<\/li>
- “Link color<\/strong>“: specify the link color if you selected the type above as a link.<\/li>
- “Link Color On Hover<\/strong>“: select the color to which the link changes when hovering the mouse cursor over it.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n
![\"magento](\"\/docs\/wp-content\/uploads\/2021\/02\/magento2-cookie-consent-extension-7.png\")
<\/figure>\n\n\n\nCookie Settings Panel<\/h3>\n\n\n\n
Learn how to configure the Cookie Settings Panel. Users can go there by clicking the Settings Button. <\/p>\n\n\n\n
\nStep-by-step guide:<\/p>\n\n\n\n
- “Show Information About Each Cookie<\/strong>“: set to “Yes” to show information about a cookie (domain, type, duration, description, etc.) listed in the Manage Cookies<\/a> grid. Users can find this information by clicking the Cookie Details button in the Cookie Settings Panel. <\/li>
- “Cookie Settings Header<\/strong>“: enter the header of the Cookie Settings Panel here.<\/li>
- “Cookie Settings Description<\/strong>“: enter the description text of the Cookie Settings.<\/li>
- “Text Color<\/strong>“: select the color of the text.<\/li>
- “Background Color<\/strong>“: select the background color of the Cookie Settings Panel.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n
![\"magento](\"\/docs\/wp-content\/uploads\/2021\/02\/magento2-cookie-consent-extension-8.png\")
<\/figure>\n\n\n\nCookie Settings Link<\/h3>\n\n\n\n
\nStep-by-step guide:<\/p>\n\n\n\n
- “Add Footer Link<\/strong>“: set to “Yes” if you want to automatically add the “Cookie Settings” link in the website footer. By clicking on this link, your customers and guest visitors can manage their cookie settings at any time. If you want to add this link manually, please use the widget code below.<\/li>
- “Widget Code<\/strong>“: use this Magento Widget Code to insert the “Cookie Settings” link anywhere across your store. Widgets are useful when you need to manually display the Cookie Settings button in the website footer, Privacy Policy, Cookie Policy page, etc.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n
![\"magento](\"\/docs\/wp-content\/uploads\/2021\/02\/magento2-cookie-consent-extension-12.png\")
<\/figure>\n\n\n\n\nAdditional Information<\/strong>:<\/p>\n\n\n\n
If you have the Data Privacy extension installed (it comes bundled with GDPR, CCPA, and LGPD extensions), the Cookie Settings <\/strong>button is automatically displayed in the My Privacy Center Dashboard<\/strong>. By clicking on it, customers can access the Sookie Settings Panel <\/strong>and change their cookie preferences.<\/p>\n<\/div><\/div>\n\n\n\n
Google Tag Manager Settings<\/h3>\n\n\n\n
\nStep-by-step guide:<\/p>\n\n\n\n
- “Enable<\/strong>“: set to “Yes<\/em>” to enable Google Tag Manager.<\/li>
- “Container Id<\/strong>“: enter your container ID. To find it, go to Tag Manager<\/a> -> Workspace -> find your container ID at the top of the window, formatted as “GTM-XXXXXX”. If you don’t have a GTM account and Container, please Create a GTM Account<\/a> using our step-by-step guide. <\/li>
- “Enable Consent Mode<\/strong>“:
- (Recommended) set to “Yes<\/em>” to enable GTM Consent Mode – a GTM built-in feature<\/a> that allows you to associate each individual Consent Type with a specific Cookie Category and adjust how the tags behave based on user consent status for these categories. This mode is more flexible and recommended.
- 4. “Consent Types<\/strong>“: set up consent types that are used to control each individual tag firing in Google Tag Manager. Please check our GTM Consent Mode Configuration<\/a> article to learn how to correctly configure consent types.<\/li><\/ul><\/li>
- (Deprecated) set to “No<\/em>” to assign GTM Script to a specific cookie category, so that the entire GTM will be enabled\/disabled depending on whether a user agrees to that cookie category.
- 5. “Associated Cookie Category<\/strong>“: assign Google Tag Manager Script to a specific Cookie Category that you can select in this field. This allows enabling\/disabling Google Tag Manager when a visitor enables\/disables the corresponding cookie category.<\/li><\/ul><\/li><\/ul><\/li><\/ol>\n\n\n\n
- Click “Save Config<\/strong>” to save your settings.<\/li><\/ol>\n\n\n\n
<\/p>\n<\/div><\/div>\n\n\n\n
![\"magento](\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2024\/03\/magento-2-cookie-consent-extension-configuration-10.png\")
<\/figure>\n\n\n\nCookie Categories<\/h2>\n\n\n\n
In the main menu go to the \u201cPlumrocket\u201d tab > select \u201cCookie Consent\u201d extension > navigate to the \u201cCookie Categories\u201d section.<\/strong><\/p>\n\n\n\n
Manage Cookie Categories<\/h3>\n\n\n\n
In this section, learn how to manage and edit Cookie Categories. Four main categories are created in this module by default, and more than 30 cookies are already categorized for your convenience. These categories are displayed for customers on the Cookie Settings Panel.<\/p>\n\n\n\n
\nStep-by-step guide:<\/p>\n\n\n\n
- Manage Cookie Categories Grid <\/strong>allows you to manage available cookie categories and add new ones:
- “Name<\/strong>“: the name of the category.<\/li>
- “Description<\/strong>“: the full description of the category, namely what cookies are used, the reason, benefits, and more. Customers can read it on the Cookie Settings Panel and decide whether to agree with them or not. <\/li>
- “Key<\/strong>“: it is a category identifier. The key is used when you need to block cookies manually in the code.<\/li>
- “Status<\/strong>“: the category with the “Enabled” status is visible on your Magento store frontend.<\/li>
- “Is Essential<\/strong>“: the cookie category with the “Yes” value is defined as “essential”. Users are not allowed to disable the essential categories in the frontend. An example of essential cookies would be session cookies, persistent cookies, shopping cart cookies, etc.<\/li>
- “Action<\/strong>“: click on the “Edit” button to be able to enable\/disable the category or change its options. <\/li><\/ul><\/li>
- “Edit<\/strong>“: click the “Edit” button on the particular category line to change the category settings. Go to the Edit Cookie Category<\/a> section to learn more.<\/li>
- Click the “Add New Cookie Category<\/strong>” button to add a new category. Follow the Edit Cookie Category<\/a> steps to get it right. <\/li><\/ol>\n<\/div><\/div>\n\n\n\n
![\"magento](\"\/docs\/wp-content\/uploads\/2021\/02\/magento2-cookie-consent-extension-1-1.png\")
<\/figure>\n\n\n\nEdit Cookie Category<\/h3>\n\n\n\n
In this section, you can learn how to edit or add new cookie categories correctly.<\/p>\n\n\n\n
\nStep-by-step guide:<\/p>\n\n\n\n
- “Is Enabled?<\/strong>“: this option indicates whether the category is visible on the frontend.<\/li>
- “Is Essential?<\/strong>“: if the cookie category is defined as “essential”, then users are not allowed to disable it in the frontend. An example of essential cookies would be session cookies, persistent cookies, shopping cart cookies, etc.<\/li>
- “Is Pre-checked?<\/strong>“: this option indicates whether the category switcher is “ON” by default in the Cookie Settings Panel. Please note, the cookies from this category will be accepted only after a visitor confirms the choices.<\/li>
- “Name<\/strong>“: enter the name of the category here.<\/li>
- “Category Identifier<\/strong>“: enter the category identifier in this field. It is useful when you need to block cookies manually in the code. We recommend using the following identifiers for default Cookie Categories: “necessary”, “preference”, “statistic”, and “marketing”. See our Developer Guide<\/a> for more info.<\/li>
- “Description<\/strong>“: enter the full description of the category, namely what cookies are used, the reason, benefits, and more. Customers can read it on the Cookie Settings Panel and decide whether to agree with them or not.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n
![\"magento](\"\/docs\/wp-content\/uploads\/2021\/02\/magento2-cookie-consent-extension-15.png\")
<\/figure>\n\n\n\n\nStep-by-step guide:<\/p>\n\n\n\n
- “Sort Order<\/strong>“: enter a category position in the “Cookie Settings Panel”. The category with a value of 0 will be displayed in the first position.<\/li>
- “Head Scripts<\/strong>“: in this field, enter scripts and HTML that will be included right after the opening <body> tag. They will be executed if a customer enables the corresponding cookie category.<\/li>
- “Footer Miscellaneous HTML<\/strong>“: in this field, enter scripts and HTML that will be included right before the closing <\/body> tag. They will be executed if a customer enables the corresponding cookie category.<\/li>
- “Save<\/strong>“: press the Save button to save your changes.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n
![\"magento](\"\/docs\/wp-content\/uploads\/2021\/02\/magento2-cookie-consent-extension.png\")
<\/figure>\n\n\n\nCookies<\/h2>\n\n\n\n
Learn how to manage, edit and add new cookies in this section.<\/p>\n\n\n\n
- “Head Scripts<\/strong>“: in this field, enter scripts and HTML that will be included right after the opening <body> tag. They will be executed if a customer enables the corresponding cookie category.<\/li>
- “Is Essential?<\/strong>“: if the cookie category is defined as “essential”, then users are not allowed to disable it in the frontend. An example of essential cookies would be session cookies, persistent cookies, shopping cart cookies, etc.<\/li>
- “Description<\/strong>“: the full description of the category, namely what cookies are used, the reason, benefits, and more. Customers can read it on the Cookie Settings Panel and decide whether to agree with them or not. <\/li>
- “Name<\/strong>“: the name of the category.<\/li>
- Manage Cookie Categories Grid <\/strong>allows you to manage available cookie categories and add new ones:
- Click “Save Config<\/strong>” to save your settings.<\/li><\/ol>\n\n\n\n
- (Deprecated) set to “No<\/em>” to assign GTM Script to a specific cookie category, so that the entire GTM will be enabled\/disabled depending on whether a user agrees to that cookie category.
- 4. “Consent Types<\/strong>“: set up consent types that are used to control each individual tag firing in Google Tag Manager. Please check our GTM Consent Mode Configuration<\/a> article to learn how to correctly configure consent types.<\/li><\/ul><\/li>
- “Container Id<\/strong>“: enter your container ID. To find it, go to Tag Manager<\/a> -> Workspace -> find your container ID at the top of the window, formatted as “GTM-XXXXXX”. If you don’t have a GTM account and Container, please Create a GTM Account<\/a> using our step-by-step guide. <\/li>
- “Widget Code<\/strong>“: use this Magento Widget Code to insert the “Cookie Settings” link anywhere across your store. Widgets are useful when you need to manually display the Cookie Settings button in the website footer, Privacy Policy, Cookie Policy page, etc.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n
- “Cookie Settings Header<\/strong>“: enter the header of the Cookie Settings Panel here.<\/li>
- “Label<\/strong>“: enter the name of the link.<\/li>
- “Label<\/strong>“: enter the name of the decline button here.<\/li>
- “Text Color<\/strong>“: select the Accept Button text color by clicking on the color picker or entering the hex color in the field.<\/li>
- “Text Color<\/strong>“: select the text color displayed on the cookie consent banner.<\/li>
- “Hide On Urls<\/strong>“: you can disable the cookie consent banner on specific pages. Enter each URL in a new line. Both absolute or relative paths are allowed. <\/li>
- “U.S. States<\/strong>“: you can select one or multiple U.S. states. For example, select “California” to comply with the CCPA law.<\/li>
- \u201cSerial Key\u201d:<\/strong> enter the unique serial key provided to you after purchasing the extension. Note: In most cases, this field will be pre-filled with a serial key automatically, and the green checkmark will be displayed. To find and paste your serial key manually, read the Serial Key Activation<\/a><\/strong> article.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n
- (Optional)<\/span> View default Cookie Categories<\/a> and edit them.<\/li>