The popup generator creates self-contained HTML popup code for your website. Choose from modal, slide-in, top bar, or full-screen overlay styles. Set triggers (page load, scroll, exit intent), customize content, and copy one snippet before </body>.
Quick Templates
Type & Trigger
Content
Style & Frequency
Live Preview
Your website content here...
Embed Code
How to Use the Popup Generator
The popup generator creates embeddable HTML/CSS/JS popup code that you can paste directly into any website. No libraries, no subscriptions, no server required — just a single self-contained snippet.
Step 1: Choose a Template
Start with a template for your use case. Newsletter Signup pre-fills a subscription-focused headline and CTA. Discount Offer creates a promotional popup with urgency language. Cookie Consent generates a GDPR-style acceptance bar. Announcement is a neutral informational popup. Exit Intent Offer triggers when the user attempts to leave the page — good for last-chance promotions.
Step 2: Set Type and Trigger
Choose a popup type: Modal (centered with overlay) works best for high-priority offers. Slide-in (bottom-right corner) is less intrusive and good for soft prompts. Top Bar spans the full width at the top — ideal for site-wide announcements or cookie consent. Full-Screen Overlay maximizes impact for critical messages. Set when the popup appears: on page load with a delay, after the user scrolls to a certain depth, on exit intent, or trigger it manually with a JavaScript function call.
Step 3: Customize Content
Edit the headline, body text, and CTA button. Add an image URL to include a product image or illustration. Set the button URL to your landing page, checkout, or subscription form. Adjust background color, button color, and entry animation. The live preview updates in real time so you can see exactly how the popup will look.
Step 4: Set Frequency and Export
Control how often visitors see the popup: once per session (resets on tab close), once per day (uses localStorage), or every visit. Toggle the close button on or off. When you're satisfied, click "Copy Code" to copy the snippet or "Download popup.html" to save it. Paste the snippet just before the closing </body> tag in your HTML.
Popup Best Practices
For conversions, keep popups to one clear action — don't ask for email AND phone AND company. Use exit intent triggers instead of immediate page-load popups when possible — they show only when the visitor is already leaving. The "once per day" frequency setting is the sweet spot for most websites: frequent enough to capture undecided visitors without annoying regulars.
FAQ
Is this popup generator free?
Yes, completely free with no signup required. The generated HTML/CSS/JS snippet is self-contained — no external libraries or paid services required.
What popup types can I create?
Four types are supported: Modal (centered overlay), Slide-in (bottom-right corner card), Top Bar (full-width notification at the top of the page), and Full-Screen Overlay (entire viewport). Each has its own styling pattern.
What trigger options are available?
Four triggers: On Page Load (with a configurable delay in seconds), On Scroll (shows after the user scrolls a certain percentage of the page), Exit Intent (detects when the mouse moves toward the top of the browser to close the tab), and Manual (triggered by a JavaScript function call).
How does frequency control work?
You can show the popup once per session (resets when the browser tab closes), once per day (stored in localStorage for 24 hours), or every visit (no frequency restriction). This prevents annoying repeat displays for returning visitors.
Will the popup work on any website?
Yes — the generated code is pure HTML/CSS/JS with no external dependencies. Paste it before the closing </body> tag in any HTML document. It works on WordPress, Shopify, Squarespace, Webflow, and any platform that allows custom code.
What templates are included?
Five templates: Newsletter Signup (email capture with a subscription prompt), Discount Offer (promotional popup with a discount code field), Cookie Consent (GDPR-style notice with accept button), Announcement (general news or update popup), and Exit Intent Offer (last-chance offer when user attempts to leave).
Can I add an image to the popup?
Yes — paste any image URL in the image field. The image will appear at the top of the popup content area. Leave the field blank to show text-only content.