Skip to main content

Create your free cookie banner

Use our setup wizard and have your banner ready to use in minutes.

Color scheme

Classic

Neutral

Amber

Twilight

Background

Text

Primary color

Accessibility warning

Low contrast between background and other colours. Help me understand

Position

Center

Bottom left

Bottom right

Bottom center

Background

Block background until banner is closed

Background

Opacity

Blur

Cookie icon

The cookie icon is shown after the banner is closed, allowing users to change their preferences.

Position

Bottom left

Bottom right

Color scheme

Cookie types

Compliance

Cookie Policy URL

Show reject button

Banner text (Advanced)

Banner description

Cookie policy link text

Accept button label

Reject button label

Preferences link text

Preferences text (Advanced)

Preferences title

Preferences description

Credit text

Installation instructions

Step 1:

Step 2: Add these files inside your website, e.g. /cookie-banner

Step 3: Add this HTML to your page, inside the <head> tag. Make sure you use the right URLS for the CSS and JavaScript

  <link rel="stylesheet" id="silktide-cookie-banner-css" href="path-to-css/cookie-banner.css">
  <script src="path-to-js/cookie-banner.js"></script>
  <script>
    silktideCookieBannerManager.updateCookieBannerConfig({
      text: {
        bannerTitle: 'Your privacy matters to us',
        acceptButtonText: 'Accept custom cookies',
        rejectButtonText: 'Reject custom cookies',
      }
    });
  </script>

Step 4: Consult our documentation for advanced setup options.