Cookie Consent Examples

In this example, the cookie notification is placed to the top of the page as a banner. It doesn’t overlap with the content of the page yet stays visible for users. OK button serves to close the banner when users have read the content. To brighten up the look, there’s a nice cookie icon next to the text.

Floating Box notification has no chances to be missed, as it moves along with user’s scroll and stays visible at all times. You can see that the window has two buttons - Allow and Decline and offers users to give their consent for cookies.

This is the easiest and the most popular type of cookie notification - a center aligned bar placed to the bottom of the page. There’s only a short notifying text, no buttons or extra elements. To close the window, users need to simply click the cross in the upper right corner.

See how you can arrange a compact cookie notification, which yet is rather informative. This window has not only the notification text, but also an active link to the website usage terms. The text of the link is colored blue to give a hint that it’s clickable.

You can make your cookie notification window maximum contrasting using the right colors. Here, the background is black, and the text of the notification is white, while the button is vice versa - with white background and black label. The text of the notification can be easily changed in the settings.