Shreya Agarwal

<p><a href="https://github.com/shreya0204/all-about-modal" rel="nofollow ugc">Check out the Github Repository ♥</a></p>
<p>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.</p>
<h4>🚀 Features</h4>
<ul>
<li><strong>Smart Triggers:</strong> Show modals on scroll, exit-intent, page load, click, hover, focus, or element-in-view.</li>
<li><strong>Wrap Any Element to Trigger a Modal:</strong> Want a button or heading to open a modal? Just wrap it inside the “All About Modal” block.</li>
<li><strong>Editor-First Experience:</strong> Built for the WordPress block editor. Configure everything visually.</li>
<li><strong>Zero JS Required:</strong> All powered by the open-source.</li>
<li><strong>Mobile-Friendly:</strong> Choose to display modals on desktop, mobile, or both.</li>
<li><strong>Reusable:</strong> Modals are saved as a custom post type. Create once, use anywhere.</li>
</ul>
<h4>💼 Use Cases</h4>
<ul>
<li>Email sign-up prompts  </li>
<li>Exit-intent offers  </li>
<li>Time-limited deals  </li>
<li>Scroll-based nudges  </li>
<li>Announcement banners  </li>
<li>Gated content popups  </li>
<li>Contextual popups inside blog posts  </li>
<li>Blog/video/webinar promotions  </li>
<li>Email/SMS/WhatsApp opt-ins  </li>
<li>Upsell/cross-sell modals  </li>
<li>Audience segmentation prompts  </li>
<li>Onboarding walkthroughs  </li>
<li>Feedback/NPS collection</li>
</ul>
<h4>🔧 How It Works</h4>
<ol>
<li>Go to “Modals > Add New” and create your modal content.  </li>
<li>Insert the “All About Modal” block anywhere in your content.  </li>
<li>Select the modal to show and configure its trigger.  </li>
<li>Save and publish. Done.</li>
</ol>
<h4>🎥 Demo & Walkthrough</h4>
<p>Want to see the plugin in action?<br />
Watch demo walkthroughs (converted to GIFs) of two popular use cases:</p>
<h3>Example 1: Newsletter signup on exit intent</h3>
<p>Triggered when a visitor tries to leave the page.<br />
Great for lead magnets and email captures.</p>
<p><iframe loading="lazy" title="All About Modal | WordPress Plugin" width="750" height="422" src="https://www.youtube.com/embed/uuL7htD0V4Q?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<h3>Example 2: Book a call via CTA modal</h3>
<p>A “Talk to an expert” button opens an instant calendar popup.<br />
   No redirects. No reloads. Perfect for SaaS or service businesses.</p>
<p><iframe loading="lazy" title="All About Modal | Block Level Trigger Feature | WordPress Plugin" width="750" height="422" src="https://www.youtube.com/embed/YgDqzEuD_x4?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<p>💡 These demos were created in under 2 minutes using just the WordPress editor.</p>
<h4>👨‍💻 Technical Details</h4>
<ul>
<li>Based on the <code><tp-modal></code> Web Component  </li>
<li>Accessibility-first  </li>
<li>Clean HTML output  </li>
<li>No style overrides or bloated code  </li>
<li>Modular structure for future extensibility</li>
</ul>
<h4>🛣 Roadmap</h4>
<ul>
<li>Cookie & session-based triggers  </li>
<li>Trigger via URL parameters  </li>
<li>Auto-hide logic  </li>
<li>Optional close-after-delay  </li>
<li>Custom events API for developers</li>
</ul>


All About Modal

It lets you create modals/popups in the block editor. Trigger on scroll, click, delay & more. Great for lead capture, CTAs & announcements.

merbmerb

<p>This project provides a modal / popup block for the  WordPress Gutenberg editor.</p>
<ul>
<li>Multiple methods for triggering modal including button, text link, image link, external class, and page load.</li>
<li>User definable modal content using Gutenberg blocks, for example, image, paragraph etc. </li>
<li>Support for multiple modal window sizes.</li>
<li>Modal window transitions for fade, left, right, up down.</li>
<li>Manual trigger modal initialization by calling bodModal.initModal()</li>
<li>Custom events for before open, after open, before close, after close so custom code can be used.</li>
<li>Lots of customizable options including Trigger Button Label, Button Color, Trigger Text, Trigger Text Size, Trigger Image, Trigger Class, Modal Delay, Trigger Element Alignment, Overlay Background Color, Title Text Size, Title Font Color, Title Background Color, Title Padding, Border Radius.</li>
<li>Supports multiple modals on the same page.</li>
<li>ADA compliant.</li>
<li>Modal to modal links.</li>
<li>Multiple ways to close the modal.
<ul>
<li>Escape key</li>
<li>Close button ‘X’ in the top right of the screen.</li>
<li>Close button ‘X’ in the modal title.</li>
<li>Close button at the bottom on the modal content.</li>
</ul>
</li>
<li>Uses create-guton-block for easy config.</li>
</ul>
<h3>Donations</h3>
<p>If you like the plugin, consider a donation to support further development. <a href="https://paypal.me/SupportBodDev" rel="nofollow ugc">Click here</a></p>


Modal Guten Block


It does what it is supposed to do, easily configurable and I love that this is a separate plugin and not part of a collection of blocks. It keeps WordPress nice and lean.



It would be perfect if the color picker would use the regular Gutenberg color palette chooser :)


Love that this is a separate plugin and not part of a collection of blocks


I like this plugin. I've had zero problems. It does it's job and so far has just stayed out of the way. Thank you. I wish Wordfence wasn't so harsh to plugins like this...  I got this alert:



Medium Severity Problems:* The Plugin "Modal Guten Block" appears to be abandoned (updated October 3, 2023, tested to WP 6.3.7).



Maybe this could have a version bump just so it's "compatible" with WP 6.7 or 6.8? Then Wordfence would yell less often.  


Bump to WP 6.8 for Wordfence

This plugin provides a Gutenberg Modal / Popup Block.

All About Modal vs Modal Guten Block