FooConvert – AI Popup Builder for Flyouts, Overlays & Bars vs Popups for Divi

FooConvert lets you build stunning popups using natural language with our AI Popup Builder. It uses your brand colors and styling as context, so popups match your website look and feel. Alternatively, you can create bars, flyouts, and overlay popups from one of our templates. Or from scratch. Don’t like the templates? Ask AI to edit it to your liking. All popups are block-based and you edit them directly in the WordPress block editor. FooConvert also includes built-in popup blocks, display rules, open triggers, lead capture, popup analytics and styling controls. Read the FooConvert documentation Try the FooConvert backend demo What FooConvert Includes Create bars, flyouts, and overlay popups with the block editor. AI Popup Builder and Brand Context tools for WordPress 7+ sites. 15 bundled popup templates. Sign Up, Countdown, and Coupon blocks. Support for WordPress core blocks, embeds, and shortcodes inside popup content. Display rules for locations, exclusions, and user targeting. Triggers for page load, timers, scroll depth, exit intent, and element interactions. Leads capture with CSV export. Popup stats with daily activity charts. Google Fonts support and popup styling controls. Popup Types Bar: top or bottom bar announcements, promo strips, newsletter bars, and sticky calls to action. Flyout: slide-in messages and sidebar-style flyouts that stay visible without taking over the whole screen. Overlay: centered modal popups for forms, announcements, coupon offers, and embedded content. AI Popup Builder Start with a simple prompt and let FooConvert’s AI Popup Builder create a high converting popup that matches your website brand. It can help with campaign ideas, copy, layout, images, and brand fit, so you can launch faster without starting from a blank canvas. The AI tools require WordPress 7 or newer and a configured WordPress AI connector. Create bars, flyouts, and overlays from natural-language prompts. Use one of our starter prompts for common campaigns to get your going faster. Edit existing popups using natural language to save time. Match popup colors, fonts, spacing, and button styles to your website brand. Reuse your Brand Context across all your popups. Generate background images for your popups. Built in conversion playbook to help you create high converting popups. AI Connector Testing We have successfully generated popups using these WordPress AI connector provider and model combinations: OpenAI: gpt5.5 Anthropic: opus4.7 Google: gemini-3.5-flash Building Popup Content Use WordPress core blocks and most third-party blocks inside popup content. Shortcodes and embedded content are supported inside popups. Sign Up block: capture name and email, or run email-only forms, with configurable labels, placeholders, button text, and success behavior. Countdown block: build evergreen or fixed countdown campaigns with editable labels and optional close-on-expire behavior. Coupon block: show a coupon code with copy-to-clipboard behavior, custom button text, copied message, and optional close-on-copy behavior. Templates And Design Controls Start from one of the 15 bundled templates or build from scratch. Adjust colors, spacing, borders, radius, shadows, dimensions, and typography in the editor. Add background images to popup designs. Choose a global editor background so the editing canvas is easier to work with. Register Google Fonts from the settings screen and reuse fonts bundled with templates. Build responsive popups for desktop and mobile layouts. Display Rules Show popups on the entire site, front page, blog index, search results, no-results pages, and 404 pages. Target specific posts, pages, public custom post types, public taxonomies, and post type archives. Add exclusions so a popup appears only where it makes sense. Target all users, only logged-in users, only logged-out users, or specific user roles. Popup Triggers Open on page load. Open after a timer elapses. Open after a visitor scrolls a chosen percentage of the page. Open on exit intent. Open when an anchor is clicked. Open when an anchor becomes visible. Open when a selected element is clicked. Leads And Popup Stats View captured leads from the built-in Leads screen in wp-admin. Search, sort, bulk delete, and export selected leads to CSV. View per-popup stats including views, unique visitors, engagements, and daily activity charts. Open popup stats directly from the popup list table. Popup analytics data is retained for 14 days by default. Settings And Admin Tools Add demo content to see example bars, flyouts, and overlays on a real site. Choose the popup editor background for all popup types. Save reusable Brand Context details so generated campaigns can match your colors, typography, voice, and offer style. Enable debug mode when troubleshooting an issue. Hide selected dashboard panels or promo messages if you want a cleaner admin area. Review database stats and remove old or orphaned event data. Copy system information when contacting support. Typical Use Cases Newsletter signup bar on the homepage. Coupon or limited-time offer overlay. Slide-in lead magnet or content upgrade. Announcement bar for site-wide notices. Embedded video or shortcode-based popup content. Pro Version FooConvert Pro adds tools for WooCommerce stores and marketers who want to build better campaigns, learn what works, and connect popups to real business results. A/B testing for popup ideas and offers. WooCommerce revenue attribution. Store-focused popup blocks. WooCommerce targeting rules and shopper behavior triggers. Lead delivery to Mailchimp, MailPoet, Brevo, and custom webhooks. More detailed analytics with longer data retention. Background Image Generator Create polished popup backgrounds without opening a design tool or hunting for stock images. FooConvert turns adjustable visual styles into ready-to-use background images, so every campaign can feel branded and intentional. Image generation is available from the AI Popup Builder when your configured WordPress AI connector supports image generation. Generate a new background directly from the popup background image controls. Start with modern styles like gradients, swirls, soft noise, pattern textures, and colorful shapes. Match the image to your campaign with custom colors, presets, variation, and size controls. Use popup-friendly layouts for bars, flyouts, overlays, or a custom shape. Save and apply the generated background to the popup in one step. A/B Testing Test different popup ideas against each other and use real visitor behavior to decide what works best. Run experiments for offers, headlines, layouts, calls to action, and timing. Create an experiment from an existing published popup. Duplicate the control popup to make variants faster. Split traffic evenly or choose custom traffic weights. Pick the goal that matters most: clicks, conversions, or leads. Compare views, clicks, conversions, leads, goal rate, improvement, and confidence. Let FooConvert Pro automatically complete the test or apply a winner when your rules are met. Sales Revenue Attribution See which popups help drive WooCommerce orders. FooConvert Pro connects popup engagement to sales, so you can measure campaigns by revenue instead of guessing from views and clicks alone. Credit sales to the popup interaction that helped lead to the order. Choose whether to count revenue when an order is created or after payment is confirmed. Set how far back FooConvert should look for a matching popup interaction. Avoid duplicate credit for the same shopper session. View attributed revenue, order counts, recent sales, and top revenue popups in wp-admin. PRO Blocks FooConvert Pro includes extra popup blocks built for ecommerce offers, cart incentives, and sales campaigns. Apply Coupon block: let shoppers apply a WooCommerce coupon directly from a popup. Choose what happens after a coupon is applied, including closing the popup or sending shoppers to the cart or checkout. Free Shipping Progress block: show shoppers how close they are to free shipping using their live cart total. Customize the free shipping threshold, almost-there message, unlocked message, progress bar, and styling. Confetti block: add a celebratory effect when a coupon, offer, or sale popup opens. WooCommerce Display Rules Show store campaigns only where they make sense. WooCommerce display rules help you match the popup to the page, product, and stage of the buying journey. Target the shop, cart, checkout, and My Account pages. Show campaigns on product pages, product category pages, or product tag pages. Target any WooCommerce page when you want a broader store-wide campaign. Use exclusions to keep popups away from pages where they do not belong. Combine WooCommerce rules with FooConvert’s standard location and user targeting. WooCommerce Triggers Open popups at the right moment in the shopping journey. WooCommerce triggers react to cart activity, coupons, checkout events, and product interest. Show an offer after a shopper adds or removes a product from the cart. Trigger campaigns when cart value is above or below a chosen amount. Respond when a coupon is applied or when a coupon fails. Rescue checkout visitors with checkout view, exit intent, error, and payment failure triggers. Reach high-intent shoppers based on product views, time on page, scroll depth, repeat views, or cart idle time. Lead Automation Integrations Keep leads moving after they are captured. FooConvert Pro can send new subscribers to the tools your business already uses while still saving the lead inside WordPress. Send leads to a selected Mailchimp audience. Add subscribers to a selected MailPoet list. Add or update contacts in Brevo. Send lead data to Zapier, Make, n8n, or custom systems with webhooks. Test connections, fetch available lists, add webhook headers, and review integration errors from the settings screen. Advanced Analytics + Retention Understand more than whether a popup was seen. FooConvert Pro gives you deeper campaign reporting so you can improve popups based on clicks, conversions, revenue, and visitor engagement. Track clicks, click-through rate, conversions, conversion rate, engagement rate, and overall sentiment. See unique visitors, unique sessions, returning visitors, closes, and attributed sales. Add clicks, conversions, closes, sales, and update markers to activity charts. Compare week-over-week changes for views, engagements, clicks, and conversions. Keep analytics data longer with the Pro default of 30 days and configurable retention settings. Repository The source code for this plugin is available publicly on GitHub here.

After the plugin is activated, the Visual Builder displays a new tab called “Popup” in the Section Settings modal. In the “Popup” tab, you can turn a regular Section into a Popup! It’s super simple, as you can see on the plugins Demo Page: divimode.com/divi-popup/demo ℹ️ How it works First, activate the plugin (no configuration needed!) Open up your Visual Builder and edit a Section – you’ll see a new “Popup” tab in the Section Settings. Toggle the option “This is a Popup” and set the “Popup ID” to something (e.g., “newsletter-optin“). Close the Section Settings. Add a Button Module somewhere else on the page and set the “Link URL” to your Popup ID, with a leading “#” hash (e.g. “#newsletter-optin“) That’s all. Save the page and exit the Visual Builder! Click on the button, and you’ll see your Popup. Congratulations! ⭐️ Additional details Check out the Plugin website for more details. You’ll find: Examples CSS class options JS API documentation WP filter documentation Tested in all major browsers on Windows and Mac: Chrome, Firefox, Safari, IE 11, Edge! Popups for Divi Course During the past years, we’ve added a ton of features and have created a stable and powerful marketing plugin. To celebrate the anniversary, we have created a six-day course that teaches you everything about the plugin. It walks you through the basics of creating your first Popup, shows possible ways to customize your Popup layouts and goes into advanced techniques and usages of the plugin. “The instruction emails really helped me to understand how to use the plugin correctly!” The course is available in your wp-admin Dashboard right after you install and activate the plugin. Check out the screenshots to see the form. Also, have a look in the FAQ section, if you want to disable this feature. 🥳 Want more? If you want to get the most out of Divi, you need to have a look at Divi Areas Pro to get additional features: An admin UI to create and configure your popups Choose between 4 Area Types: Popup, Inline, Fly-in, Hover A beautiful UI that blends in perfectly with Divi Add advanced triggers to your Areas: On click On hover On scroll After delay On Exit Customize the Area Display Show on certain pages Show on certain devices Show for certain user roles or guests Customize Area Behavior Show/Hide the Close button Display the Area once per hour, day, week, … Flexible position for Inline Areas Replace/extend the page header or Footer or Comment section or actually any Divi section inside the page content It comes with an extended version of the JS API Great documentation built into the plugin and an online knowledge base and much more… 👉 Learn more about Divi Areas Pro (with screenshots!)