How to embed cookie declaration on your website

The cookie declaration lists all cookie categories and the individual cookies within them, including detailed descriptions for each cookie. Users can view this information in the Cookie Declaration tab inside the settings dialog.

You can also display the declaration on any page of your site, such as your Privacy Policy or Cookie Policy page.

Add the cookie declaration to your page

Insert the following HTML snippet where you want the cookie declaration to appear:

<div class="cookiehub-declaration"></div>

By default, this will generate an unstyled table that inherits your website’s CSS.

Customize the appearance

To style the declaration, add custom CSS to your site. Here’s an example you can start with:

.cookiehub-declaration {
  margin: 20px 0;
}
.cookiehub-declaration p {
  font-size: 14px;
}
.cookiehub-declaration a {
  color: #333;
}
.cookiehub-categories {
  padding: 20px 0;
}
.cookiehub-category table {
  background: #eee;
  margin-bottom: 20px;
  width: 100%;
}
.cookiehub-category table th, .cookiehub-category td {
  padding: 4px 10px;
}
.cookiehub-category td:last-child {
  text-align: right;
}
.cookiehub-category td span {
  background: #ccc;
  padding: 4px 8px;
  font-size: 12px;
}
.cookiehub-category td[colspan] p {
  background: #fff;
  padding: 10px 20px;
}

How to adjust the design

• You can modify these CSS rules to match your site’s branding.
• To view the full class structure for advanced customization, use your browser’s developer tools.