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.

NoreWP

Avi Bashari

Lou | Digital Marketing

<p>PopBox for Elementor allows the creation of beautiful templates with Elementor Page Builder for use with the included Popbox overlay script.</p>
<p>An Admin menu will be added on your WordPress Dashboard sidepane named PopBoxes. This is the custom post type (CPT) you’ll use to create the content of the PopBoxs.</p>
<p>A custom module will also be added to Elementor Page Builder edit screen to be used for the customization of the trigger button embedded on your page.<br />
Simply select one of the PopBox content created via the CPT to be shown when the trigger button is clicked.</p>
<p>WP Elevation Studio Troy Dean shows us how to use PopBox for Elementor to create easy and stunning popup forms:</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/IFOGbLsAgo4?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>


PopBox For Elementor

Didn't work for me...

Errors out on a GA javascript error even though i have it turned off

When the button is clicked, it shows a backdrop but no modal content.

Its a pity really, this could've really worked

Didn't Work

Adds a popup modal widget for Elementor Page Builder.

All About Modal vs PopBox For Elementor