The Consentico banner is fully customisable from the admin dashboard — colors, layout, position, copy, and per-category opt-in defaults. Settings save automatically and propagate to your storefront within 60 seconds.
Where to find it
Consentico admin → Settings → Customize banner.
Layout
Three layouts are available:
- Bar — full-width banner at the top or bottom. Lowest visual weight; good for stores that want to stay subtle.
- Floating — corner-anchored card. Most common for ecommerce; doesn't block hero content.
- Modal — center-screen with an overlay. Highest weight; use only for jurisdictions where you want a forceful opt-in (Germany, France).
For most Shopify stores we recommend Floating in the bottom-right with the Compact width. It catches enough attention to drive a real consent decision without dominating the page.
Position
For Bar and Floating layouts you can pick:
- Top vs Bottom
- Left, Right, or Center (Floating only)
Bottom-right is the safest default — visitors expect chat widgets and consent banners there, so it doesn't compete with checkout flows or product imagery.
Color customisation
Pro and Business plans unlock full color control:
| Token | What it controls |
|---|---|
| Background | Banner card / bar background |
| Text | Body copy color |
| Accent | Primary buttons (Accept), links |
| Secondary | Secondary buttons (Reject, Customize) |
| Border | Card borders, input outlines |
Pick colors that contrast clearly with the banner background — accessibility regulations expect text contrast of 4.5:1 minimum (WCAG AA). The customise screen previews the change live and shows a contrast warning if you go below 4.5.
Custom CSS (Business plan)
For pixel-perfect brand matching, the Business plan unlocks a custom CSS field. The banner shadow DOM exposes documented CSS variables:
.consentico-banner {
--cc-radius: 16px;
--cc-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);
--cc-font: "Founders Grotesk", system-ui, sans-serif;
}
Avoid !important — the banner reserves the right to bump specificity in future updates and any conflict will look broken on your store. If you need a specific override that the variables don't expose, email support and we'll add it.
Copy
Every string in the banner is editable. The defaults are written for general ecommerce; tweak them to match your brand voice or to add specific legal language your jurisdiction requires.
| Field | Default | Notes |
|---|---|---|
| Title | "We use cookies" | Keep short — long titles wrap awkwardly on mobile. |
| Body | "We use cookies to improve your experience..." | 1–2 sentences. Mention the categories briefly. |
| Accept button | "Accept all" | Don't change to "Got it!" or "OK" — that's not real consent under GDPR. |
| Reject button | "Reject all" | Must be present and visually equivalent to Accept under EU rules. |
| Customize button | "Preferences" | Some merchants prefer "Manage cookies" — both fine. |
Categories
Default categories: Strictly necessary, Functional, Analytics, Marketing.
You can:
- Rename them (but keep them recognisable — auditors expect the standard names).
- Set the default state (only Functional / Analytics / Marketing have toggleable defaults — Strictly necessary is always on).
- Reorder them (display order; doesn't affect compliance).
Set defaults to off for the EU. For the US-only setup, defaults can be on with an opt-out (CCPA-style); use the Region setting to flip behaviour automatically based on visitor geography.
Multilingual
Consentico ships with translations for: English, French, German, Spanish, Italian, Dutch, Portuguese, Polish.
By default the banner detects the visitor's locale (`Accept-Language` header) and picks the best match. Override in Settings → Languages if you want to force a single language.
If you've customised the copy, customisation applies to every language. To translate it yourself, switch to "Per-language" mode and edit each string per locale.
Live preview
The customise screen shows a live preview of the banner as you edit. The preview matches what visitors see — same DOM, same CSS, same JavaScript — so you can be confident WYSIWYG is accurate.
When changes go live
Customisations save automatically. They reach your storefront within 60 seconds, propagated via the Shopify metafield that the banner reads at first paint. No theme republish or cache flush required.
If you don't see a change after a minute, hard-reload your store in incognito (DevTools → Disable cache during page reload) — your local cache may be holding the old config.