Title: All About Modal
Author: Shreya Agarwal
Published: <strong>July 19, 2025</strong>
Last modified: July 19, 2025

---

Search plugins

![](https://ps.w.org/all-about-modal/assets/banner-772x250.png?rev=3330677)

![](https://ps.w.org/all-about-modal/assets/icon-256x256.png?rev=3330671)

# All About Modal

 By [Shreya Agarwal](https://profiles.wordpress.org/shreya0204/)

[Download](https://downloads.wordpress.org/plugin/all-about-modal.zip)

 * [Details](https://pcd.wordpress.org/plugins/all-about-modal/#description)
 * [Reviews](https://pcd.wordpress.org/plugins/all-about-modal/#reviews)
 *  [Installation](https://pcd.wordpress.org/plugins/all-about-modal/#installation)
 * [Development](https://pcd.wordpress.org/plugins/all-about-modal/#developers)

 [Support](https://wordpress.org/support/plugin/all-about-modal/)

## Description

[Check out the Github Repository ♥](https://github.com/shreya0204/all-about-modal)

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

 1. Go to “Modals > Add New” and create your modal content.
 2. Insert the “All About Modal” block anywhere in your content.
 3. Select the modal to show and configure its trigger.
 4. 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 `!important` wars. 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](https://github.com/shreya0204/all-about-modal/issues)
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

 *   [ Shreya Agarwal ](https://profiles.wordpress.org/shreya0204/)

[Translate “All About Modal” into your language.](https://translate.wordpress.org/projects/wp-plugins/all-about-modal)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/all-about-modal/), 
check out the [SVN repository](https://plugins.svn.wordpress.org/all-about-modal/),
or subscribe to the [development log](https://plugins.trac.wordpress.org/log/all-about-modal/)
by [RSS](https://plugins.trac.wordpress.org/log/all-about-modal/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### 1.0.0

 * First stable release.

## Meta

 *  Version **1.0.0**
 *  Last updated **9 months ago**
 *  Active installations **Fewer than 10**
 *  WordPress version ** 5.7 or higher **
 *  Tested up to **8.4**
 *  PHP version ** 7.4 or higher **
 *  Language
 * [English (US)](https://wordpress.org/plugins/all-about-modal/)
 * Tags
 * [modal](https://pcd.wordpress.org/plugins/tags/modal/)[popup](https://pcd.wordpress.org/plugins/tags/popup/)
 *  [Advanced View](https://pcd.wordpress.org/plugins/all-about-modal/advanced/)

## Ratings

No reviews have been submitted yet.

[Your review](https://wordpress.org/support/plugin/all-about-modal/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/all-about-modal/reviews/)

## Contributors

 *   [ Shreya Agarwal ](https://profiles.wordpress.org/shreya0204/)

## Support

Got something to say? Need help?

 [View support forum](https://wordpress.org/support/plugin/all-about-modal/)