All About Modal

Check out the Github Repository ?

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
0

评论0

 
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
显示验证码
没有账号?注册  忘记密码?

社交账号快速登录