Popup Double Up

1Which popup do you need?

Center popup onlyModal with dimmed overlay

Bottom popup onlySmall corner card, no overlay

BothCenter modal + corner card

Popup ID Must be unique per popup on a page. Also builds the default storage keys.

Accessible label

Center storage key “cookie” name Blank = automatic. Change it to re-show the popup to everyone who already saw it. Content 2+ appends _2, _3…

Bottom storage key “cookie” name Blank = automatic. Change it to re-show the popup to everyone who already saw it. Content 2+ appends _2, _3…

Generated Code

2Center popup contents the newest content whose date has passed is shown

↑ / ↓ swap the content with its neighbour — the dates stay in place.

3Bottom popup contents the newest content whose date has passed is shown

↑ / ↓ swap the content with its neighbour — the dates stay in place.

Look & feel shared by both popups

Font family

Heading color

Text color

Button color

Button text color

Button radius (px)

Button font size (px)

Center popup settings

Popup width (max, px)

Image max height (vh)

Overlay color

Overlay opacity

0.55

Popup background

Popup radius (px)

Popup padding (px)

Open delay (ms)

Stop showing after optional — ends the whole queue

Close when the overlay is clicked

Close on Esc key

Lock page scroll while open

Bottom popup settings

Position