Opens in a new tab

🚀 Stop Losing Visitors — Turn Traffic into Revenue with Popup Maker Pro →

Get Started

Bricks Integration

Build Popup Maker Campaigns in the Bricks Canvas

Shape the content with Bricks' element tree, class-based styling, and breakpoint controls. Keep the popup itself in Popup Maker.

Simplified Bricks editor showing popup structure and responsive controls.

Popup Maker + Bricks

Build Bricks popups as real campaign documents, not as layouts you have to shuttle through a separate template shortcode. Open the Popup Maker popup in Bricks, organize its nested elements in the Structure panel, and style the content with the same class system used across the site.

Bricks owns the element tree, global classes, and responsive edits. Popup Maker supplies the surrounding theme, overlay, dimensions, close control, and the rules that decide when the campaign appears. That division is especially useful for teams that want Popup Maker to remain their campaign home without giving up a Bricks-first design workflow.

Build Better Bricks Popups

Review the official Bricks resources, then use Popup Maker targeting and popup triggers to show the finished design to the right visitors at the right time.

More Page Builder Integrations

Explore other visual builders supported by Popup Maker:

Frequently Asked Questions

  • Does the Bricks integration require Popup Maker Pro?

    No. Direct Bricks editing is included in Popup Maker’s free core plugin. Bricks is a separate commercial theme and requires its own license for updates and support.

  • Do I need a separate Bricks template and shortcode?

    No. With the current direct-edit workflow, you save a Popup Maker popup and open that popup itself in Bricks. The older template-and-shortcode method is not required.

  • Can I use my Bricks global classes in Popup Maker popups?

    Yes. Apply your existing global classes to elements in the popup document, then verify the finished campaign on the frontend whenever a class, variable, or site-wide style changes.

  • How do responsive edits work for Bricks popups?

    Use the breakpoint control in the Bricks toolbar to adjust the popup document at the breakpoints your site uses. Then test the frontend popup at its real width, because the popup frame and the browser viewport both affect the available space.

  • How is this different from Bricks' own Popup Builder?

    Bricks’ Popup Builder is a strong fit when you want templates, conditions, interactions, and popup limits managed entirely in Bricks. Use this integration when Popup Maker is already your campaign system and you want to keep its popup themes, triggers, targeting, cookies, and available reporting while Bricks owns the content design.

  • Can I use a Bricks Form inside a Popup Maker popup?

    A Bricks Form can be part of the Bricks document, but rendering the form does not prove every submission action. Test the Bricks submission plus each Popup Maker close, cookie, trigger, or conversion behavior you plan to use.

  • Will every Bricks element or third-party add-on work in the popup?

    Core Bricks content, styles, and tested interactive elements are supported, but complex dynamic content and add-ons can load their own assets or depend on page context. Test each important interaction on the final page before launch.

Details

Bricks

IntegrationFree

Edit Popup Maker popup content as a Bricks document, using the Structure panel, global classes, and breakpoint controls while Popup Maker remains the campaign system.

Get StartedDocumentation

Quick Links

Easy Installation

Create your first popup in minutes

Proven Support

Help is available when you need it.

Docs That Help

Help is available when you need it.

Ready to start poppin’?

Popups that don’t stop

If your ready to supercharge your site's popups, you'll want to check out our exciting list of premium features

Buy Now