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><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/uuL7htD0V4Q?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></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><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/YgDqzEuD_x4?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></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.

themifyme

<p>Themify Popup allows you to display beautifully responsive pop up windows on any page of your website. You can use it to showcase newsletter subscription forms, promotional announcements, or general lightbox content. You can allow popups to show on the entire site, or on certain posts, pages, categories, specific user roles, or even at specific times (so you don’t have to manually disable the popups). It’s fully integrated with the Themify Builder allowing you to design any popup layout on the frontend with the drag & drop interface and live preview.</p>
<h4>Popup Styles:</h4>
<ul>
<li>Auto Close</li>
<li>Classic Center</li>
<li>Fullscreen</li>
<li>Time Delay</li>
<li>Slide-out Bottom</li>
<li>Slide-out Right</li>
<li>WordPress Editor Content</li>
<li>Manual Launch</li>
</ul>
<p>Please visit this page for demos: https://themify.me/popup/.</p>
<h4>Features:</h4>
<ul>
<li>Classic Popup – Show popup with a classic overlay with option to set the popup position</li>
<li>Slide-out – Slide the popup from either top, left, bottom or right edge</li>
<li>Fullscreen – Be extreme! Show the popup fullscreen that covers that entire screen</li>
<li>Schedule Popup – Set the date and time for when the popup with appear. Great for showing promotional popups!</li>
<li>Guests or Admins – Show popups to either guest visitors, logged-in users, or both</li>
<li>Time Delay – Set exactly (in seconds) when the popup will appear</li>
<li>Page Viewed – Show popup when viewer has visited a certain number of pages on the site</li>
<li>Scroll Position – Show popup when viewer scrolls to certain position of the page</li>
<li>Launch Popup Button – Insert a button to launch popup manually (like a lightbox link button)</li>
<li>Popup Dimensions – Enter custom popup dimensions for each popup and set custom overlay color</li>
<li>Animation – Over 40+ animations to choose for opening and closing popup transitions</li>
<li>Show Popup Once – Do not show the same popup to the same visitor for a certain number of days</li>
<li>Auto Close – Close popup automatically after a number of seconds it is opened</li>
<li>Mobile Disable – Options to disable popup on mobile devices (to avoid SEO mobile penalty by Google)</li>
<li>Themify Builder Integration – Design any popup with Themify Builder or the free Builder Lite plugin. It comes with a few sample popup layouts</li>
</ul>
<p>Check out our documentation page here – https://themify.me/docs/popup-documentation</p>


Themify Popup

I have been hunting for a simple, straightforward popup plugin for months. This one works perfectly for my needs; and it does not have conflicts with my themify.me themes.

Very helpful plugin

Turn visitors into subscribers and increase sale conversions! Use Popup to show newsletter forms, promotions, or lightbox content.

All About Modal vs Themify Popup