Skip to main content
Banner design and regions

Customize your cookie banner

Match your banner to your website using the live preview in Banner Designer.

Before you start: Add your site and use a desktop-sized browser window. The designer is not available on small screens.

1. Choose your banner

Open your site and select Banner Design in the sidebar. If My banners appears, select the banner you want to edit. If the editor opens directly, use My banners at the top to switch banners.

My banners in Banner Designer, showing an existing banner and a tile for a new banner.
My banners lets you select which banner to edit.

2. Set the layout

Open Style in the vertical toolbar. Choose Modal, Banner, Box or Floating, then adjust the available size and position settings. Modal banners are always centered.

Check the preview as you work.

Banner Designer with the banner preview in the center and the Style controls on the right.
Style controls are on the right; the banner preview is in the center.

3. Edit the words

Open Text. Under Banner, edit the Title and Description. Use the Categories, About and Buttons tabs for the other text.

Keep the wording short and describe how your website actually uses cookies.

The Text panel with the Banner tab open and the Title and Description fields.
Text → Banner contains the title and description fields.

4. Choose your colors

Open Colors. Choose a preset or enter your brand's color values. Check that the text and each button are easy to read against their backgrounds.

The Colors panel with color presets and color fields for the banner background, text and accept button.
Colors includes presets and separate controls for the background, text and buttons.

5. Add links and save

Open Links and enter your Cookie Policy URL and Privacy Policy URL where relevant. Check the banner's Consent, Details and About views in the preview. Click Save Changes in the top-right corner.

The Links panel with the Cookie Policy URL and Privacy Policy URL fields below the Save Changes button.
Add policy links in the right-hand panel, then click Save Changes.

Need help?

See “built for larger screens”? Widen your browser window or switch to a desktop.

Editing the wrong banner? Open My banners and select the correct one.

Ready to go live? Continue with Install the Passiro script and test your cookie banner.

Screenshots are edited, anonymized examples. Use your own website, banner and Passiro script.