Unlayer
POPUP BUILDER

Embed a popup builder
into your product.

Give your users a drag-and-drop, AI-assisted popup editor that produces high-converting lead captures, discounts, and announcements in minutes.

Unlayer Popup Builder Interface Preview
WHY CHOOSE UNLAYER

Skip years of development.
Launch in days.

01

Eliminate Development Costs

Avoid building complex overlay positioning, trigger rules, and modal rendering from scratch.

02

Seamless API Integration

Integrate modal widgets and banner builders into your existing marketing platform seamlessly.

03

White-Label Customization

Brand every aspect of the popup designer to match your application's exact UI design language.

04

Scalable & Secure

High-volume impression delivery with negligible bundle impact on end-user websites.

05

Future-Proof

Built-in accessibility compliance, focus trapping, and mobile responsive overlay defaults.

06

Enterprise Support

Dedicated solutions engineering and SLA guarantees for mission-critical client deployments.

CUSTOMERS

Trusted by teams shipping at scale

Mastercard
Bank of America
Fidelity
Twilio
Lightspeed
Chargebee
Keap
Airship
Hive
Innovaccer
Mastercard
Bank of America
Fidelity
Twilio
Lightspeed
Chargebee
Keap
Airship
Hive
Innovaccer
SOC 2 Compliant
Type II audited security controls & encryption
99.9% Uptime SLA
Clustered multi-region infrastructure & monitoring
1000+ SaaS Brands
Millions of emails, pages, and documents built daily
USE CASES

Build any popup type.

From centered lead capture modals to timed discount bars and behavioral exit-intent incentives.

Unlock 20% Off Today
you@company.com
Claim ➔
Centered Lightbox Modal
SCENARIO 01 // CONVERSION & OPT-INS

Lead Capture & Signups

Convert site visitors into qualified leads with newsletter subscription boxes and content gate modals.

Email Opt-InsPhone CaptureDiscount Codes
TRIGGER: 50% SCROLLSticky Bottom Bar
Summer Sale 30% OffSUMMER30
Target: All PagesDismiss: 7 Days
SCENARIO 02 // FLASH SALES & OFFERS

Promotions & Discounts

Highlight flash sales, seasonal coupons, and limited-time discount codes across shopping sessions.

Flash SalesCoupon CodesCountdown Banners
EXIT DETECTED (Mouse Velocity)
Wait! Before you leave...
Free priority shipping applies today!
+18.4% Cart Recovery
SCENARIO 03 // BEHAVIORAL TRIGGERS

Exit Intent Offers

Detect when visitors are about to abandon the page and present a compelling last-chance incentive.

Cart AbandonmentExit TriggersSpecial Deals
FEATURES

Everything your users need to ship great popups.

Precise behavioral triggers, conversion analytics, and full responsive design.

01

Advanced Display Rules

Trigger by exit intent, time on page, scroll depth, page URL, or user interaction state.

02

Multi-Format Modals

Build lightbox center modals, floating bottom bars, slide-in side widgets, and full-screen takeovers.

03

AI Copy & Layout

Generate concise, action-oriented headlines, subcopy, and button labels tailored to campaign goals.

04

Built-In Timers

Add dynamic countdown timers to create genuine urgency and boost conversion velocity.

05

Form Integrations

Connect capture fields to custom webhooks, CRMs, and email service providers instantly.

06

Zero Layout Shift

Engineered to eliminate CLS (Cumulative Layout Shift) and preserve your site's SEO performance.

DEVELOPERS

A platform,
not just an SDK.

The full developer surface: SDK, REST APIs, React Elements, a CLI, and agent skills for your AI tools.

  • 01Embeddable SDK:typed config, themes, events, and granular permissions
  • 02React Elements:the same JSX renders to email tables, web flexbox, or print PDF
  • 03JSON designs:round-trip between code and the visual editor; versionable and diffable
  • 04CLI and agent skills:for Cursor, Codex, Claude Code, and your CI pipelines
src /UnlayerEditor.tsx
1// Initialize Unlayer 2const builder = unlayer.createEditor({ 3 id: 'editor', 4 displayMode: 'email', 5 appearance: { 6 theme: 'modern_light' 7 } 8}); 9 10// Load the template 11builder.loadDesign(template); 12 13// Export HTML 14builder.exportHtml(function (data) { 15 const json = data.design; // template json 16 const html = data.html; // exported html 17});
FAQ

Frequently asked questions.

Everything you need to know about embedding Unlayer's creation engine into your product stack.

Unlayer embeds in minutes using our official React, Vue, Angular, or vanilla Web Component SDKs. You simply pass a target container ID, authentication credentials, and project configuration. Your engineering team retains full control over the surrounding application shell, storage, and user authentication.

Have a custom requirement or technical question?

LAUNCH IN DAYS, NOT YEARS

Ready to embed content creation
into your app?

Start your 14-day free trial today, or schedule a technical walkthrough with our solutions engineers to see Unlayer running inside your stack.

No credit card requiredSOC 2 Type II14-day full access