Magento Cookie Notice

Magento Cookie Notice helps to make your Magento store comply with the EU's GDPR Cookie policy and displays a notification bar or popup in the frontend announcing your cookie policy and ask for users' consent.

 

Table of Content

  1. Extension Installation Guide
  2. Configuration
  3. Content Settings
  4. Container Display Settings
  5. Cookie Notice in Frontend

 

  1. Extension Installation
  • Upload or copy all folders in the zip package to your Magento root folder. It doesn’t overwrite any existing files but just adds new files to the folder structure.
  • Once done, log in your Magento admin panel, go to System > Cache Management, select all caches and refresh.
  • Navigate to System > Configuration, if you can see the extension tab, it is installed properly.
  • If you get Access denied error, you need to log out admin panel and log in again.

 

  1. Configuration
    To configure the extension, log in to Magento backend, move to System > Configuration > Cookie Notice where you can find various settings to configure the extension.
  • Cookie Notice: Enable the cookie notice extension from here.
  • Notice Display Type: Select one of notice display type from bar or popup.
  • Popup Position: Set bar or pop up position.
  • Accept Cookie OnScroll: Set YES to auto-accept cookie on scroll.
  • When User closes the Notice: Select the event from the dropdown menu to perform when the user closes the notice.
  • Auto hide Cookie Notice After: Enter the number of seconds after which the cookie notice is automatically hidden.
  • Accept cookies automatically after X seconds: Enter the number of seconds after which the cookies are accepted automatically.
  • Expire Cookie Agreement after: Enter the number of days after which the cookie agreement expires.


  

 

  1. Content Settings
    Configure the following settings to modify the content of the cookie notice.
     
  • Notice Type: Select the notice message type from the dropdown menu.
  • Notice Text: Configure the custom notice message to be displayed.
  • Container Title: Set the container title.
  • Accept Button Text: Set the text for Accept Cookies button.
  • Deny Button Text: Set the text for Deny Cookies button.
  • Privacy Policy Button Text: Set the text to be displayed for privacy policy button.
  • Privacy Policy Redirect Information Page: Select the redirect page for privacy policy button.


  

 

  1. Container Display Settings
    Configure the container display settings to enhance the display of the cookie notice in the frontend. The settings here contain font type, text-align, size and color of the container background, font and buttons etc.
     
  • Font Family: Select the font family.
  • Container Text Align: Set alignment for container text.
  • Container Title Text Size: Set the size of the container title text.
  • Container Message Text Size: Set the size of the container message text.
  • Container Border: Enable the container border.
  • Container Top Border: Enable the top border.
  • Container Bottom Border: Enable the bottom border.
  • Container Border Color: Select the color for container border from the color picker.
  • Container Title Color: Select the color for container title.
  • Accept Button Text Color: Select the color for the accept button text.
  • Privacy Policy Text Color: Select the color for privacy policy text.
  • Close Button Background Color: Select the color for close button background.
  • Accept Button Background Color: Select the color for accept button background.
  • Container Top Border Color: Select the color for container top border.
  • Close Button Text Color: Select the color for the close button text.
  • Container Bottom Border Color: Select the color for container bottom border.
  • Container Message Font Color: Select the color for container message fonts.
  • Container Background Color: Select the color for container background color.




 

  1. Cookie Notice in Frontend
    Once the settings are configured, the cookie notice is displayed as set either in the bar or in the popup in the frontend.
     
  • Cookie Notice Pop Up in the frontend



 

  • Cookie Notice Bar in the frontend