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

---

Buscar 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

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

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

 * [Detalles](https://cl.wordpress.org/plugins/all-about-modal/#description)
 * [Reseñas](https://cl.wordpress.org/plugins/all-about-modal/#reviews)
 *  [Instalación](https://cl.wordpress.org/plugins/all-about-modal/#installation)
 * [Desarrollo](https://cl.wordpress.org/plugins/all-about-modal/#developers)

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

## Descripción

[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

## Capturas de pantalla

 * [[
 * Modal
 * [[
 * Modal Editor View with Controls
 * [[
 * Modal with Complex/Cool layout
 * [[
 * Modal Create Editor

## Bloques

Este plugin proporciona 1 bloque.

 *   Modal Your go-to modal buddy!

## Instalación

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.

## Reseñas

No hay reseñas para este plugin.

## Colaboradores & Desarrolladores

“All About Modal” es software de código abierto. Las siguientes personas han contribuido
a este plugin.

Colaboradores

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

[Traduce “All About Modal” a tu idioma.](https://translate.wordpress.org/projects/wp-plugins/all-about-modal)

### ¿Interesado en el desarrollo?

[Revisa el código](https://plugins.trac.wordpress.org/browser/all-about-modal/),
echa un vistazo al [repositorio SVN](https://plugins.svn.wordpress.org/all-about-modal/),
o suscríbete al [registro de desarrollo](https://plugins.trac.wordpress.org/log/all-about-modal/)
por [RSS](https://plugins.trac.wordpress.org/log/all-about-modal/?limit=100&mode=stop_on_copy&format=rss).

## Historial de cambios

#### 1.0.0

 * First stable release.

## Meta

 *  Versión **1.0.0**
 *  Última actualización **hace 10 meses**
 *  Instalaciones activas **Menos de 10**
 *  Versión de WordPress ** 5.7 o superior **
 *  Probado hasta **8.4**
 *  Versión de PHP ** 7.4 o superior **
 *  Idioma
 * [English (US)](https://wordpress.org/plugins/all-about-modal/)
 * Etiquetas
 * [modal](https://cl.wordpress.org/plugins/tags/modal/)[popup](https://cl.wordpress.org/plugins/tags/popup/)
 *  [Vista Avanzada](https://cl.wordpress.org/plugins/all-about-modal/advanced/)

## Calificaciones

Aún no se han enviado valoraciones.

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

[Ver todas las reseñas](https://wordpress.org/support/plugin/all-about-modal/reviews/)

## Colaboradores

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

## Soporte

¿Tienes algo que decir? ¿Necesitas ayuda?

 [Ver el foro de soporte](https://wordpress.org/support/plugin/all-about-modal/)