20-minute walkthrough with 2–3 personalized examples on your real pages.
Email, chat, or 24/7 phone support included on every paid plan.
A popup is only as good as the moment it appears in. The design matters, but what decides whether it converts or annoys is targeting, timing, and whether the format suits the message — a slim bar for a shipping note, a full-screen takeover for a launch.
Below are 16 website popup templates covering every common format: bars, modals, overlays, toasts, gamified interactions, and progress indicators. Each is a working template you can configure — copy, colours, targeting, and frequency — without writing code. Each links through to its full setup guide.
Before the templates, the criteria that separate a popup people act on from one they dismiss:
Bars sit at the top or bottom of the page without blocking content — the right choice for anything that should stay visible rather than demand a decision.
Announcement Bar — a slim full-width strip for site-wide messages: shipping offers, sales, product news, or policy notices. Top or bottom, sticky or static.
Rotating Announcement Bar — the same strip cycling through up to five messages, each with its own link, on a timer with dot navigation and a fade or slide transition. Useful when several things compete for one slot.
Free Shipping Status Bar — a live progress bar reading a value from the visitor’s profile — “You are $65 away from free shipping” — that fills as their cart grows.
Tiered Status Bar — the loyalty version: shows current tier, progress to the next, and what unlocks there, driven by points, spend, or orders.
Center Modal — a centered popup over a dark overlay, with four image layouts in one template and control over where the image sits on mobile. The default choice for a single clear offer.
Full-Screen Overlay — a welcome mat taking the whole viewport, with a colour, gradient, or full-bleed image background. For launches, seasonal campaigns, and first-visit welcomes.
Corner Toast — a compact notification card pairing an image with a headline, short message, and call-to-action. Non-intrusive — ideal for social proof, soft promos, and feature nudges.
Coupon Popup — a promo code with a choice of reveal styles: click-to-copy, click-to-reveal, or always displayed, plus image, headline, CTA, and fine print.
Lead Capture Form — collects visitor details and writes them to the Personyze profile, so you can follow up, segment, or personalise what they see next. Side-by-side or stacked layout.
These ask the visitor to do something. Engagement is far higher, and so is the cost of overusing them.
Spin Wheel — a gamified prize wheel with odds you control, in stacked or full-screen layouts. What each visitor wins is saved to their profile for later targeting.
Recommendation Quiz — a few questions where each answer votes for a result bucket, ending in a tailored recommendation and call-to-action.
Both are covered in more depth in the guide to gamification marketing.
Status Card — the card format of the progress mechanic — how close a visitor is to free shipping or a reward, as a centered card or popup driven by a live profile value.
Tiered Status Card — the same card showing loyalty tier progression: Bronze, Silver, Platinum, with the gap to the next tier.
Countdown Timer templates — three variants — card, bar, and event bar — sharing one timer engine, for a sale that ends, a price that rises, or an event that starts.
Event Progress Countdown — a bar that fills as the date approaches rather than relying on numbers alone, with a register button. Built for webinars, launches, and live sessions.
Hero Slider — a rotating hero banner with up to four slides, each with its own image, headline, subtext, and button — text beside the image or overlaid on a full-bleed background.
If you know the outcome you want, this is the shortest path to a format:
One active ask per visit is a safe rule. A persistent bar plus one interactive popup can coexist because the bar does not demand a decision, but two competing overlays will suppress each other.
Only when they are intrusive on mobile. Bars, toasts, and popups triggered after real engagement are not penalised. More on this in personalization and SEO.
Yes — each is a starting point. Copy, colours, layout, imagery, triggers, targeting rules, and frequency are all configurable, and the underlying HTML and CSS remain editable if you want to go further.
A popup overlays the page and interrupts the visit to ask for a decision. A bar reserves a strip at the edge of the viewport and stays out of the way, which makes it suited to ongoing messages rather than one-off asks.
All 16 templates are available to configure and target without code. Book a demo or view plans.
30 minutes with a personalization expert. Bring your stack, your goals, your skepticism. We'll show you what changes when every visit feels like the only one.