HTML Cookie Banner Templates

A full-width cookie bar fixed to the bottom with equal-weight Accept, Reject and Settings buttons. Simple and compliant.

A friendly cookie card in the bottom-left corner with an illustrated cookie, short copy and two buttons. Doesn't block the page.

A banner whose "Manage" button opens a preferences dialog: category toggles (necessary locked on), expandable cookie details, Save and Accept all.

A centred, page-blocking consent dialog on a blurred backdrop, with three plain-English points and a link to customise. For sites that must ask first.

A popup that appears when the mouse heads for the browser bar (or from a button): reasons to stay, a discount code and email capture.

A full-screen age check for wine, spirits or vape shops: date-of-birth fields with validation, a remember option and a friendly "not yet" state.

A dismissible top bar that rotates three messages with prev/next arrows, pauses on hover and remembers when it is closed.

A toast system with success, error, info and undo variants: stacks in the corner, auto-dismisses with a progress bar, pauses on hover and is announced to screen readers.

A side tab that opens a small feedback panel: emoji rating, optional comment and a thank-you state. Ideal for collecting quick product feedback.

A popover suggesting the right country site ("Looks like you're in France"), with a full region and language picker in a dialog.

A cookie banner that sits at the very top and pushes the page down instead of covering it; "Customise" expands category switches right inside the banner.

A tiny cookie pill in the bottom-right corner that stays out of the way; tapping it expands into a compact card with three switches and Accept/Save.

A large privacy centre dialog with category tabs on the left and per-service switches on the right, each with purpose and retention, plus "allow all in this category".

A newsletter card that slides in from the bottom-right once the reader is 40% down the article, with a small illustration, email form, success state and "don't show again".

A playful popup: three gift boxes, pick one to reveal a discount with a flip animation, then copy the code with a countdown to expiry.

A sticky reminder for shoppers who browse away: a bottom bar showing basket thumbnails, total and free-delivery progress; on phones it becomes a swipe-style bottom sheet.

A pre-permission prompt before the browser's own notification request: what you'll get, frequency options and "Not now"; only then asks the browser.

An app-wide notice for planned downtime: amber banner with a countdown to the window, local time conversion, affected features, status page link and add-to-calendar.

A small two-question survey popover in the bottom-left: multiple choice with an "Other" text field, a progress indicator, back button and a thank-you state.

An onboarding tour: a spotlight cut-out highlights a real element, a tooltip card explains it with step dots, Back/Next and Skip, and it follows the element on resize.

A slim bottom-left notice whose "Cookie settings" opens a right-hand drawer: category accordions with switches and vendor counts, a live "x of 4 on" summary, and save/accept buttons pinned to the bottom.

A bottom-centre consent card with a three-step slider (Essentials, Balanced, Everything) instead of many switches; the description and included list update as you move it.

A playful welcome-offer dialog with an SVG prize wheel: enter an email, spin (instant result with reduced motion), see the prize and code with copy button, or close and remember not to show again.

A sticky top bar for time-limited sales: live hours/minutes/seconds countdown, a code you can copy in one tap, a shop link and dismiss; switches to an "ended" message when time runs out.

A SaaS feature-gate dialog: shown when someone clicks a Pro feature, with an illustration of what they get, a two-plan comparison with monthly/yearly switch, a trial button and "maybe later".

An accessible "Are you still there?" dialog for banking and account areas: a draining countdown ring, stay signed in or sign out now, and an automatic signed-out state when time runs out.

A mobile-style smart banner at the top of the page: app icon, name, rating and "Open in app" or "Get" depending on the device, plus a larger desktop variant with QR code and store badges.

A publication paywall pattern: a meter chip ("2 of 3 free articles"), the article fading out after a few paragraphs, and a bottom sheet offering free sign-up or a subscription with two plans.

A support chat launcher that greets visitors with a friendly agent bubble and quick-reply chips; choosing one opens a compact chat panel with typing indicator and an agent reply.

Gentle social-proof pops in the bottom-left: "Ana in Leeds bought…" with product art and time, rotating every few seconds, pausing on hover, with a "Don't show these" control that remembers the choice.