How to Add a Cookie Consent Banner to Your Website

How to Add a Cookie Consent Banner to Your Website

By Michael Thompson

December 20, 2024 at 08:27 AM

A cookie banner informs visitors about website cookies and obtains consent for their use. This guide explains how to create and manage an effective cookie banner for your website.

What Are Cookies? Cookies are small data files stored on visitors' devices that help websites run effectively, improve user experience, and track site traffic. Website owners may be legally required to inform visitors about cookies and obtain consent for non-essential cookies.

Setting Up Your Cookie Banner

To add a cookie banner:

  1. Open the Cookies & Data Privacy panel
  2. Enable the Cookie Banner toggle
  3. Configure banner options:
    • Decline All button (lets visitors reject non-essential cookies)
    • Manage Cookies button (allows customization of cookie preferences)
  4. Customize button labels and disclaimer text
  5. Choose banner layout (Subfooter, Pill, or Hidden)
  6. Set activity log preferences
  7. Save changes

Customizing Banner Style

For Version 7.1:

  • Adjust color theme and banner position
  • Modify disclaimer text size
  • Customize button styles (font, shape, outline, padding)
  • Change button colors through the Colors panel

For Version 7.0:

  • Select banner position (Top or Bottom)
  • Choose color theme (Dark or Light)
  • Edit text style through site styles

Managing Cookie Restrictions

To restrict non-essential cookies:

  1. Enable Cookie Banner
  2. Review non-essential cookie settings in Advanced Privacy Settings
  3. Save changes

Important Notes:

  • Preview the banner by logging out or using Private Browsing
  • The banner won't display when logged into your account
  • Link to your privacy policy by creating a separate page and adding the link to banner text
  • Activity log data can be enabled/disabled in analytics settings

Remember to regularly review and update your cookie settings to comply with privacy laws and provide transparency to your visitors.

Related Articles

Previous Articles