How to Add a Cookie Consent Banner to Your Website

How to Add a Cookie Consent Banner to Your Website

By Michael Chen

December 20, 2024 at 07:10 AM

Cookies are small data files that websites store on devices to enhance functionality and user experience. As a website owner, you may need to inform visitors about cookies and obtain consent for non-essential cookies.

Here's how to set up and customize your cookie consent banner:

Adding the Cookie Banner

  1. Navigate to Cookies & Privacy menu
  2. Enable the cookie banner switch
  3. Configure banner options:
    • Reject all button (allows visitors to decline non-essential cookies)
    • Manage cookies button (lets visitors adjust cookie settings)
  4. Customize button labels and disclaimer text
  5. Choose layout (Sub-Footer, Pill, or Hidden)
  6. Set activity log data preferences
  7. Save changes

Customizing Banner Design

  1. Access Customize Banner Style to modify:
    • Color scheme
    • Position
    • Text size
    • Button styling (font, shape, outline, padding)

Managing Cookie Restrictions

To restrict non-essential cookies until visitor consent:

  1. Open Cookies & Visitor Data menu
  2. Enable cookie banner
  3. Review non-essential cookie settings under Advanced Privacy Settings
  4. Save changes

Adding Privacy Policy Link

  1. Create a new layout page for your privacy policy
  2. Return to cookie banner menu
  3. Add link to policy page in text field
  4. Save changes

Preview and Testing

To view the banner as visitors would:

  • Log out of your account, or
  • Open site in private/incognito mode

Important Notes

  • Requirements for cookie notices vary by location
  • Sample text provided should be reviewed for legal compliance
  • Banner won't display while logged into your account
  • Cookie settings can affect website functionality

Remember: Customizing your cookie banner helps maintain legal compliance while providing a better user experience for your visitors.

Related Articles

Previous Articles