Info Pop-Up
FREE
Component
A lightweight cookie consent banner and one-time alert for static websites. It remembers dismissed users via a browser cookie and re-shows after a configurable number of days, no backend required.
Options:
✓ Preview
Controls banner visibility per environment. Two independent toggles: one for the Elements editor (not visible in local preview or export), one for the Browser/local preview (not exported).
ⓘ In all cases, the published site always enforces the cookie rule regardless of preview settings.
✓ Duration
Expiry Days: integer, number of days before the consent cookie expires and the banner reappears.
ⓘ To test real behaviour, visit the published URL. After dismissing, clear browser cookies or wait for expiry.
✓ Appear After
Delay the popup appearance after the page loads.
✓ Buttons
Read More: toggle to show an optional link button; useful to redirect users to your Privacy Policy or Terms & Conditions page.
Text: button label string
Link to page: destination page link
Theme Font: font family from theme tokens
Text Style: responsive text size from theme scale
Style: italic / bold / italic+bold / normal
Text color: theme color picker
Layout: button area direction: row or row-reverse
✓ Layout
Use the margin controls to position the banner anywhere on screen and adjust its placement across breakpoints.
ⓘ Alignment: Keep at least one top or bottom 'margin auto', this allows scrolling if the popup exceeds the screen height.
Max width defaults to Custom: 512px. Set any custom value using any unit.
✓ Style
Color: banner background, theme color picker
Radius: corner rounding: none / sm / lg / xl / 2xl / 3xl
Padding: inner spacing in px, independently responsive for base and lg breakpoint
✓ Page Overlay
Color: overlay background, theme color picker
Opacity: 0–100%
⚠️ When used as a privacy policy banner: Info Pop-Up is designed for static sites only. CMS-driven or dynamic websites requiring legal compliance tracking need a dedicated cookie consent solution.