20-minute walkthrough with 2–3 personalized examples on your real pages.
Email, chat, or 24/7 phone support included on every paid plan.
One visitor profile behind all of it. Anything you build in one place is available in the others.
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.
Of the interactive templates, the Spin Wheel is the one worth explaining properly — it converts well because the discount feels earned rather than handed over, and it collects far more than a coupon redemption if you set it up right.
You configure four to eight segments, each with a label, colour, prize message and coupon code. The visitor clicks, the wheel slows, and the winning segment’s message appears with confetti or a glow.
The standard wheel deliberately doesn’t gate the spin — the reward is the spin itself, which keeps friction low. When the lead matters more than the play, the gated spin wheel puts a form in front of it.
The wheel is visible from the first frame but greyed out with a padlock, so the visitor can see exactly what they’re trading their address for. On submit, the form is replaced by a thank-you, the wheel unlocks and spins — and the email and the won prize land on the same profile. One caveat: once someone has “paid” with their address, a losing slice stings, so keep those rare or make every slice give something.
Full setup is in the Spin Wheel template docs, and there’s a longer write-up in the prize wheel playbook.
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:
Everything above assumes you browse a library and choose. There is now a faster path: describe the popup you want and let the AI agent build it. That changes the job from picking a template and restyling it to reviewing something already finished.
Three things make this more than a template generator:
You can start from either end. “Build a welcome-offer popup for first-time visitors” gets you a finished, on-brand popup with targeting attached. Or pick a template from the library above and let the agent restyle it to your brand while keeping your offer. Either way you adjust conversationally — “make it a bar instead”, “try a different colour”, “target returning visitors too” — without opening a CSS panel.
It also works the other way round: ask “what should I improve this week?” and it returns ranked opportunities across your pages and campaigns, each with a one-tap action. On a site with a few hundred pages, knowing where a popup is worth adding is usually the harder half.
The agent runs inside the Personyze panel — see the AI personalization agent — and the same capabilities are reachable from Claude or ChatGPT if you’d rather work from an assistant you already use. More detail in the AI marketing agent guide.
Prefer to work from Claude? Install the connector from the directory — Personyze in the Claude directory.
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.
Yes. Describe what you want and the Personyze AI agent builds it, scanning your site first for brand colours, fonts, button styling and tone so the result matches your pages. Plain-language targeting is compiled into real rules and read back to you, and everything is created in staging so live traffic is unaffected until you publish.
Each of the four to eight segments carries a relative win-chance weight, and the weights are added up to work out the real odds – so weights of 35, 25, 20, 12 and 5 become those percentages. A segment with a label like Try Again and no coupon acts as a losing slice. The winning prize and code are saved to the visitor’s profile for later targeting.
All 16 templates are available to configure and target without code. Book a demo or view plans.
Build any of these by asking: the AI personalization agent.
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.