Consent dialog demo

This is a demo of the Cookiebot Manager where you can configure your consent dialog and cookie declaration. Click the 'preview' icons on the left to see your configuration in action.
  • Domains
  • Dialog
  • Content
  • Your scripts
Add the domain names of the websites where you want to enable cookie consent. Cookiebot will scan each domain for cookies. You pay a subscription fee for each domain name in this list. (free during your trial period)
 
Domain name
 
If you have multiple domain names pointing at the same website (eg. 'www.mywebsite.com' and 'mywebsite.com'), add one of the domain names as a domain name above and the other as a domain alias below. Domain aliases do not incur costs on your subscription.
 
Domain alias
Domain mapping
Type
 
 
 
Enable bulk consent if you want to make the user's single consent applicable for all domains. Website users must allow third party cookies for bulk consent. Enabling bulk consent automatically consolidates the cookie information for all sites in a single cookie declaration.
Select your preferred settings for the dialog shown to your website visitors. Select a color theme that creates a contrast to your website background color.


With implied consent the website visitor automatically submits a cookie consent by clicking a link on your website. Please choose which other user interactions should constitute an implied consent.
     


Custom colors






With a custom template you can freely define the looks and behaviour of your consent banner while Cookiebot will handle content and user consents.


The following HTML content placeholders can be used in a custom banner. Cookiebot will dynamically replace the placeholder variables with content from your Cookiebot configuration.
Placeholder name Description
[#TITLE#] Dialog heading
[#TEXT#] Dialog body text
[#ACCEPT#] Accept button text
[#DECLINE#] Decline button text
[#DETAILS#] Show/hide details label
[#LOGO#] Logo image src-attribute value
[#LANGUAGE#] Current language code
[#TEXTDIRECTION#] Current language text direction (LTR or RTL)
[#COOKIESGENERALINTRO#] General cookie introduction
[#ABOUTCOOKIES#] About Cookies label
[#COOKIESOVERVIEW#] Cookies Declaration label
[#LASTUPDATED#] Declaration last updated date label
[#COOKIETYPE_NECESSARY#] Necessary cookies category title - Including cookie type count
[#COOKIETYPE_NECESSARY_RAW#] Necessary cookies category title
[#COOKIETYPEINTRO_NECESSARY#] Necessary cookies introduction
[#COOKIETABLE_NECESSARY#] Table with details on cookies of this type
[#COOKIETYPE_PREFERENCE#] Preference cookies category title - Including cookie type count
[#COOKIETYPE_PREFERENCE_RAW#] Preference cookies category title
[#COOKIETYPEINTRO_PREFERENCE#] Preference cookies introduction
[#COOKIETABLE_PREFERENCE#] Table with details on cookies of this type
[#COOKIETYPE_STATISTICS#] Statistics cookies category title - Including cookie type count
[#COOKIETYPE_STATISTICS_RAW#] Statistics cookies category title
[#COOKIETYPEINTRO_STATISTICS#] Statistics cookies introduction
[#COOKIETABLE_STATISTICS#] Table with details on cookies of this type
[#COOKIETYPE_ADVERTISING#] Marketing cookies category title - Including cookie type count
[#COOKIETYPE_ADVERTISING_RAW#] Marketing cookies category title
[#COOKIETYPEINTRO_ADVERTISING#] Marketing cookies introduction
[#COOKIETABLE_ADVERTISING#] Table with details on cookies of this type
[#COOKIETYPE_UNCLASSIFIED#] Unclassified cookies category title - Including cookie type count
[#COOKIETYPE_UNCLASSIFIED_RAW#] Unclassified cookies category title
[#COOKIETYPEINTRO_UNCLASSIFIED#] Unclassified cookies introduction
[#COOKIETABLE_UNCLASSIFIED#] Table with details on cookies of this type
To automatically hook up button events on your HTML elements, use one or more of the following ID-attribute-values on the relevant HTML elements. Alternatively you must trigger the appropriate Cookiebot API-function when the user clicks your element to submit a consent.
Element ID-attribute Element type Description
CybotCookiebotDialogBodyButtonAccept Any Submits a consent (opt-in) by triggering Cookiebot.dialog.submitConsent().
CybotCookiebotDialogBodyButtonDecline Any Submits an opt-out by triggering Cookiebot.dialog.submitDecline().
CybotCookiebotDialogBodyLevelButtonNecessary Checkbox The value of this checkbox indicates whether the user accepts this type of cookies when submitting a consent.
CybotCookiebotDialogBodyLevelButtonPreferences Checkbox The value of this checkbox indicates whether the user accepts this type of cookies when submitting a consent.
CybotCookiebotDialogBodyLevelButtonStatistics Checkbox The value of this checkbox indicates whether the user accepts this type of cookies when submitting a consent.
CybotCookiebotDialogBodyLevelButtonMarketing Checkbox The value of this checkbox indicates whether the user accepts this type of cookies when submitting a consent.
Logo
Display your own logo on the consent dialog by dragging your image file onto the shaded area below or by selecting a file to upload.

Distribution

Enter the text that will be presented to your website users. The same text is used in both the cookie declaration and the consent dialog. Change the default text to your own wording/language. In the body text you must describe the general purpose(s) of your cookie usage. Keep the text short, precise and appealing.

If you use implied consent with the consent dialog, you must mention that a continued usage of your website (without answering the consent dialog) is the same as consenting.
   
















Enable automatic language detection to show the consent dialog in the website user's preferred language. If you haven't created a language variant that matches the user's preferred language, the default language variant will be shown.
Copy this script to the html header of your website template to enable the consent banner:
Insert this script in the html of the subpage where you want to show the cookie declaration in full:
Learn how to deploy the scripts to your website in the tutorial.
Please note: The demo scripts will not work on your website.
Sign up for a free trial to try Cookiebot on your own website.
Loading...
Cookie Declaration preview
The final declaration will be shown as embedded content in your own website. The content is automatically formatted with your website's overall style sheet definitions (CSS), including fonts and colors.
Austria20.00 %
Belgium21.00 %
Bulgaria20.00 %
Croatia25.00 %
Cyprus19.00 %
Czech Republic21.00 %
Denmark25.00 %
Estonia20.00 %
Finland24.00 %
France20.00 %
Germany19.00 %
Greece24.00 %
Hungary27.00 %
Ireland23.00 %
Italy22.00 %
Latvia21.00 %
Lithuania21.00 %
Luxembourg15.00 %
Malta18.00 %
Netherlands21.00 %
Poland23.00 %
Portugal23.00 %
Romania20.00 %
Slovakia20.00 %
Slovenia22.00 %
Spain21.00 %
Sweden25.00 %
United Kingdom20.00 %
Top