Description
Check out the Github Repository ♥
All About Modal is a sleek modal and popup plugin designed for WordPress users who care about conversions. Whether you’re capturing leads, announcing offers, or nudging users, this plugin lets you show the right message at the right time with minimal setup.
🚀 Features
- Smart Triggers: Show modals on scroll, exit-intent, page load, click, hover, focus, or element-in-view.
- Wrap Any Element to Trigger a Modal: Want a button or heading to open a modal? Just wrap it inside the “All About Modal” block.
- Editor-First Experience: Built for the WordPress block editor. Configure everything visually.
- Zero JS Required: All powered by the open-source.
- Mobile-Friendly: Choose to display modals on desktop, mobile, or both.
- Reusable: Modals are saved as a custom post type. Create once, use anywhere.
💼 Use Cases
- Email sign-up prompts
- Exit-intent offers
- Time-limited deals
- Scroll-based nudges
- Announcement banners
- Gated content popups
- Contextual popups inside blog posts
- Blog/video/webinar promotions
- Email/SMS/WhatsApp opt-ins
- Upsell/cross-sell modals
- Audience segmentation prompts
- Onboarding walkthroughs
- Feedback/NPS collection
🔧 How It Works
- Go to “Modals > Add New” and create your modal content.
- Insert the “All About Modal” block anywhere in your content.
- Select the modal to show and configure its trigger.
- Save and publish. Done.
🎥 Demo & Walkthrough
Want to see the plugin in action?
Watch demo walkthroughs (converted to GIFs) of two popular use cases:
Example 1: Newsletter signup on exit intent
Triggered when a visitor tries to leave the page.
Great for lead magnets and email captures.
Example 2: Book a call via CTA modal
A “Talk to an expert” button opens an instant calendar popup.
No redirects. No reloads. Perfect for SaaS or service businesses.
💡 These demos were created in under 2 minutes using just the WordPress editor.
👨💻 Technical Details
- Based on the
<tp-modal>Web Component - Accessibility-first
- Clean HTML output
- No style overrides or bloated code
- Modular structure for future extensibility
🛣 Roadmap
- Cookie & session-based triggers
- Trigger via URL parameters
- Auto-hide logic
- Optional close-after-delay
- Custom events API for developers
Screenshots
Modal 
Modal Editor View with Controls 
Modal with Complex/Cool layout 
Modal Create Editor
Blocks
This plugin provides 1 block.
- Modal Your go-to modal buddy!
Installation
Upload ‘all-about-modal’ to the ‘/wp-content/plugins/’ directory.
Activate the plugin through the ‘Plugins’ menu in WordPress.
FAQ
-
Can I build any layout I want?
-
Good news – yes!
Be it a newsletter sign-up with a 2-column layout or a product promo with image, text, and a CTA button, you can build anything. Your imagination is the limit! 🚀 -
Can I show different modals on different pages?
-
Yes, you can!
For sure. Add the All About Modal block wherever you want and choose a modal for that spot. Page-specific, block-specific, total control. You’re the boss.
-
Does this slow down my website?
-
Not at all. It’s super lightweight, no jQuery, no bloated libraries. Just clean code and a slick web component under the hood. Speed demons approved 🏎️.
-
Can I use this with my page builder?
-
Absolutely! The All About Modal block works perfectly with any page builder that supports WordPress blocks.
-
Can I style the modal to match my brand?
-
Yes. You can use your own CSS to customize everything, be it fonts, colors, size, animations. No
!importantwars. Style away 🎨. -
Is it mobile-friendly?
-
Of course! You can even choose to show the modal only on desktop, only on mobile, or both. Control is in your hands 🙌.
-
Do I need to know JavaScript?
-
Nope! This plugin is designed for non-tech users. Just use the block editor to create and configure your modals visually. No coding required.
-
Is it free?
-
Totally. Built with love by a growth-minded engineer who knows that great tools should be easy and accessible.
-
I need a feature called `xyz`, which is not present currently in this plugin. Do I have to ask you to integrate that?
-
Sure. Please create an issue over here, and I will try to implement the feature ASAP.
Reviews
There are no reviews for this plugin.
Contributors & Developers
“All About Modal” is open source software. The following people have contributed to this plugin.
Contributors
Translate “All About Modal” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
1.0.0
- First stable release.