Skip to content

Modal Popup for
WPBakery Page Builder

Show anything in a polished popup, triggered by a button, a link, an image, a timer, or exit intent. Drop any WPBakery content inside, style the overlay and dialog, and animate it, all with no code.

Popups Done Right
Capture attention exactly when you want with the Modal / Popup widget. Open it from a button, link, image, a timer, or when a visitor is about to leave, then show any WPBakery content inside a styled, animated dialog, perfect for offers, sign-ups, videos, and announcements.
See the Modal

The right message, right on cue.

The Modal / Popup widget puts a full popup builder inside WPBakery. Choose how it opens, a button, a text link, an image, automatically after a delay, or on exit intent, then fill it with any WPBakery elements. Set the size, color the overlay and dialog, add a smooth animation, and control exactly how it closes.

It works the way WPBakery already works. Pick a trigger, drop in your content, choose a size, and you are done. Nothing to learn, nothing to fight with.

See the Modal Popup in action

Everything you can control

Five ways to open

Trigger the popup from a button, a text link, an image, automatically after a delay, or on exit intent.

Any content inside

Drop any WPBakery elements straight into the modal, forms, videos, images, and text, or use a plain text field.

Sizes and custom width

Choose small, medium, large, or full-screen, or set your own exact width to fit the content perfectly.

Overlay and blur

Set the overlay color and turn on a backdrop blur, so the popup stands out and the page behind fades away.

Styled dialog and close

Color the dialog background and text, set padding and radius, and place the close button inside or outside.

Animations and a11y

Fade, scale, or slide the popup in, and close it on the ESC key or an overlay click, with an accessible title.

Open Your Popup Any Way You Like

The Trigger settings decide how the popup appears. Use a styled button, a text link, or a clickable image, or open it automatically after a set delay or the moment a visitor moves to leave, so your message lands at exactly the right time.

Put Any WPBakery Content Inside

The modal is a real WPBakery container. Drop in a sign-up form, a video, an image gallery, pricing, or any other elements, and give it an accessible title for screen readers. Prefer something simple? Switch to a plain text field instead.

Sized and Styled to Match

Make the popup feel like part of your site. Pick a size preset or set a custom width, color the overlay and switch on a backdrop blur, then style the dialog with your own background, text color, padding, and border radius.

Smooth, Accessible Behavior

Bring it in with a fade, scale, or slide-up animation at the speed you choose. Let visitors close it with a close button placed inside or outside, an overlay click, or the ESC key, so the popup always feels smooth and easy to dismiss.

How to add a Modal Popup in Your Site?

1. Make sure WPBakery Page Builder and Classic Addons Pro are both installed and active.
2. Edit any page with WPBakery, click the plus to add an element, and search for "Modal Popup."
3. Choose a trigger, button, text, image, auto-load, or exit intent, and style it.
4. Drop your WPBakery content inside the modal, or type your content text.
5. Set the size, overlay, animation, and close options, then save.
That is it. A polished, on-brand popup, ready in minutes.

Frequently Asked Questions

Logo-Footer
Classic Addons extends WPBakery Page Builder with
powerful, lightweight, and responsive widgets to help you
create modern WordPress websites faster and without coding.
ResourcesFree Features / DemosPremium Features / DemosPricing
CompanyResourcesPrivacy Policy
Get HelpDocumentationDownload FreeSupport

© 2026 Classic Addons. All rights reserved.

Back To Top