Guides

Templates & presets: starting from a template

AdminUpdated Sep 15, 2026

Templates & presets: starting from a template

Rather than build a banner element by element, you can start from one of six built-in templates — a complete theme, category set, and screen flow you load in one click and then make your own in Banner Studio. This guide covers where to find them, what each one gives you, and how to pick the right starting point for your compliance posture.

Opening the template picker

  1. In Banner Studio, click Templates in the sub-bar (next to the banner switcher).

  2. A dialog opens listing all six templates, each with a short description.

  3. Click one to load it straight onto the canvas.

That's it — the template replaces whatever was on the canvas and you're free to rename screens, restyle colors, add elements, or extend the flow exactly as if you'd built it by hand.

Heads up: loading a template overwrites your current unsaved draft. If you want to keep what you were working on, save or publish it as its own design first — see the Banner library guide for how designs and the banner switcher work.

The six built-in templates

Template

Screens

Best for

Default

Bar + preferences modal

The recommended starting point for most sites — Accept all / Reject all / Customize on a bottom bar.

Slim Bar

A single compact bar

The smallest footprint: body text, Reject, Accept all, and a "Cookie settings" link, all in one row.

Classic 2-Tier

Bar + preferences modal

A traditional layout with a per-category toggle (Preferences, Statistics, Marketing) for visitors who click Customize.

3-Tier Progressive

Bar → options popup → detailed preferences modal

Progressive disclosure: a quick accept/reject up front, with a "Detailed settings" screen one click deeper for visitors who want it.

GDPR Opt-In

Bar + preferences modal

An EU-style posture — every non-essential category defaults off until the visitor explicitly turns it on.

CCPA Do Not Sell

A single modal

A standalone "Do Not Sell or Share My Personal Information" toggle and confirm button, built for US/California opt-out flows.

Each template ships with its own accent color and corner radius, so none of them look like a generic, unstyled default. That said, expect to still apply your own brand colors and fonts afterward — see the Theming guide for that step.

How templates handle categories

Most templates (Default, Slim Bar, Classic 2-Tier, 3-Tier Progressive) use the three standard categories — Preferences, Statistics, and Marketing. Necessary/essential cookies are implicit and always on; they never appear as a toggle, because they can't be declined.

The GDPR and CCPA templates work a little differently: they define their own custom categories, each with an explicit default state and a mapsTo mapping back to a standard category (so blocking and Consent Mode signals still work the normal way). The GDPR template's three categories all default to off, which is what gives it its opt-in posture. The CCPA template defines a single "Sale of Personal Information" category that defaults to on, matching the opt-out framing of a Do Not Sell notice.

You can build the same kind of thing yourself: open Settings → Categories in Banner Studio to add a custom category with its own label, description, default state, and optional mapping — up to 24 per property.

Choosing a template for your compliance posture

  • Serving EU visitors under GDPR — start from GDPR Opt-In. If you also serve other regions with a lighter posture, you can add a region rule under Settings → Targeting → Geo so EU traffic sees the opt-in flow while everyone else gets a different default.

  • Serving California/US visitors under CCPA — start from CCPA Do Not Sell, either as a standalone modal or added as an extra screen inside a broader flow.

  • First banner, or nothing region-specific in mindDefault or Classic 2-Tier cover the common case well.

  • Minimal visual footprint matters more than granular categoriesSlim Bar gets out of the way fastest.

  • You want to ease visitors into detail rather than front-load it3-Tier Progressive puts the deep options one extra click away instead of on the first screen.

Tips

  • Templates are a starting point for a design in the banner library, not a one-time-use wizard — once loaded and customized, save it under a descriptive name so it's reusable across every property that needs the same posture.

  • If you outgrow a template's flow, you're not locked into its screen count — add, remove, or rewire screens from the Screens tab in Studio just like you would on a design you built from scratch.

  • Re-check accessibility warnings after big restyles — the a11y strip under the canvas flags contrast and font-size issues that can creep in once you start changing a template's colors.

Next steps

  • Head to Banner Studio to customize your chosen template's screens and elements.

  • Head to Theming & appearance to make it match your brand.

  • Head to Banner library to save your customized template as a reusable design and assign it to your properties.

Was this page helpful?