Layouts
The layout sets where Layer 1 of the banner appears on the page. It controls the first banner only. The preference center always opens as a centered panel, or as a side panel when you pick a side panel layout.
Choose a layout
- Open Banner Settings in the dashboard at my.optsens.com.
- Open the Banner Position section.
- Click a layout. The preview on the right updates at once.
- Click Save Changes.
Available layouts
| Layout | Where it appears | Available from |
|---|---|---|
| Popup | Centered modal overlay | Essential |
| Bottom bar | Full-width bar at the bottom | Plus |
| Top bar | Full-width bar at the top | Plus |
| Side panel (R) | Side panel from the right | Pro |
| Side panel (L) | Side panel from the left | Pro |
| Corner (BL) | Bottom-left corner box | Pro |
| Corner (BR) | Bottom-right corner box | Pro |
A layout your plan does not include shows a plan badge and cannot be selected until you upgrade.
On mobile
The banner is responsive. On small screens the buttons stack, and each one becomes a full-width touch target. Use the device buttons in the preview to check how each layout looks at Mobile and Tablet widths before you save.
Layout and the consent wall
The consent wall works with any layout. When it is on, the page behind the banner is blocked until the visitor chooses, no matter which layout you picked.
Related
- Floating button, the small reopen button shown after consent
- Colors and Themes for the banner's look