Popups for Divi vs Trust Badges – Payment Icons & Secure Checkout Seals for WooCommerce

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!)

Trust Badges is a free WordPress plugin that displays payment icons, security seals and guarantee badges on your product, cart and footer areas. It works with WooCommerce and Easy Digital Downloads, and on any WordPress site through a shortcode. Shoppers look for familiar payment logos and reassurance signals before they hand over card details. Trust Badges lets you place those signals exactly where the hesitation happens — under the add-to-cart button, on the cart page, or in the footer — without writing any code or uploading image files. What’s New in 1.2.0 Version 1.2.0 is a substantial security, performance and correctness release. Highlights: Faster front end. The badge manifest is now parsed once per request instead of once per badge, and results are cached. Badge rendering went from roughly 1 ms per badge to effectively zero. Lighter admin. The settings screen bundle is minified and no longer ships a source map — about 3 MB less to download. Fixed: WooCommerce Cart and Checkout blocks. A leftover filter in earlier versions disabled WooCommerce’s Cart and Checkout blocks across the whole site. It has been removed. Fixed: monochrome badge styles. The “mono” and “mono-card” styles now render correctly on every supported WordPress version; their CSS mask was previously being stripped before output. Shortcodes now accept named groups too. [trust_badges id="1"] and a bare [trust_badges] behave exactly as before; [trust_badges id="footer"] and other named groups now work as well, where previously they rendered nothing. Fixed: settings changes appear immediately instead of after a one-hour cache delay. Security. Removed an unauthenticated REST endpoint that exposed badge configuration to anonymous visitors, and hardened input validation throughout. See the changelog for the complete list. Key Features 459 ready-made SVG badges. Payment logos, security seals, delivery and money-back guarantees — all scalable vector graphics, so they stay sharp on any screen. Works where it matters. Automatic placement on WooCommerce product and cart pages, and EDD download pages. Anywhere else via shortcode. Badge groups. Configure a different set of badges, with different styling, for each location. Four display styles. Original colour, monochrome, card, and monochrome card — recolour any badge to match your theme. No coding required. Everything is configured from Settings → Trust Badges. Lightweight. SVG badges, cached rendering, and no front-end JavaScript. Free and open source. GPLv2 or later, no paid tier required for any feature listed here. At a Glance What it does: Displays payment icons, trust seals and guarantee badges on a WordPress site. Works with: WooCommerce, Easy Digital Downloads, or any WordPress theme via shortcode. Badge library: 459 SVG badges included. Automatic placements: WooCommerce product page, WooCommerce cart (classic and Cart block), EDD download page, site footer. Shortcode: [trust_badges id="footer"] Front-end JavaScript: None. Cost: Free, GPLv2 or later. Settings location: Settings → Trust Badges. Badge Categories Payment Methods: Visa, Mastercard, PayPal, Apple Pay, Stripe, Amazon Pay, and many more Security Badges: SSL certificates, secure checkout, and data protection Delivery & Shipping: Free delivery, fast shipping, and tracking options Guarantees: Money-back guarantee, satisfaction guarantee, and warranty Certifications: Industry certifications and compliance badges Custom Badges: Upload your own promotional or brand-specific badges Usage After activation, go to the Settings -> Trust Badges section in the WordPress admin menu to manage your badges: Add New Badges: Upload images or select from pre-designed badges. Customize Badges: Change sizes, colors, and positions. Shortcodes: Use shortcodes to display badges anywhere on your site. Shortcode Usage The plugin uses badge groups to organize different sets of badges. Each group can have different settings, selected badges, and display options. Display badges by group ID: [trust_badges id=”product_page”] [trust_badges id=”cart”] [trust_badges id=”footer”] Display badges without specifying an ID: [trust_badges] A bare [trust_badges] uses group 1 — the ID given to the first custom group you create — exactly as it always has. Only if no group 1 exists does it fall back to the footer group. Built-in Badge Groups: * product_page: Badges for product pages with payment methods * cart: Badges for cart pages with checkout assurance * footer: Badges for footer display with trust signals Groups you create yourself are numbered (1, 2, 3, …) and that number is the ID to use: [trust_badges id="2"]. The built-in groups above can now be referenced by name as well. You can create and manage badge groups in the plugin settings under Settings -> Trust Badges. WooCommerce Integration The plugin automatically integrates with WooCommerce and displays badges on: * Product pages (after the add-to-cart form) * Cart page (both the classic cart and the Cart block) Easy Digital Downloads Integration For EDD users, badges are displayed on: * Download pages (after the purchase link) Badges can be placed anywhere else, including checkout, using the shortcode. Requirements WordPress: 4.7 or higher (tested up to 7.0) PHP: 7.4 or higher WooCommerce or Easy Digital Downloads: optional — only needed for automatic placement Support For support, please visit the plugin support page or create an issue on our GitHub repository.