The Smart Modal plugin makes it easy to create stunning and engaging popups to display titles, content, or links. Built specifically for Gutenberg, this plugin provides users with flexibility in design and usage, and ensures a smooth integration with the block editor.
Smart Modal is an ideal tool for highlighting unique content, quickly sharing links, and increasing user engagement. From new to experienced developers, users of all skill levels can use it thanks to its user-friendly interface and easy setup process.
Smart Modal Features
- Built for Gutenberg: Design beautiful popups right in the block editor — no code, no page reloads, no extra tools.
- Any Block, Inside a Popup: Flip the content to the block editor and drop in anything — images, forms, videos, columns, buttons and beyond.
- Triggers That Convert: Fire modals on click, page load, time delay, scroll depth, exit-intent, inactivity, element-in-view, any element click, page-view count, or time on site.
- Show It to the Right People: Target by device, new vs returning visitors, URL parameters and schedules — with frequency capping so you never annoy anyone.
- More Than a Modal: Choose a centered modal, a slide-in corner popup, a top/bottom notification bar, or a fullscreen takeover — with size presets and overlay blur.
- Motion That Pops: Fade, slide from any direction, zoom, bounce, and flip entrance animations with full duration control.
- Style Without Limits: Fine-tune every detail from the block sidebar, add per-block Custom CSS, and auto-close with an optional countdown.
- Open It Your Way: Trigger from a button, text link, or image with an optional icon — or pin a floating launcher to any screen corner.
- Flawless on Every Screen: Fully responsive width and max-height with smooth scrolling on mobile, tablet, and desktop.
- Accessible by Default: ESC-to-close, smart focus handling, and ARIA dialog attributes built right in.
- A Dashboard You’ll Actually Use: A modern admin hub with step-by-step guides (Gutenberg, Shortcode, Elementor, PHP), live demos, changelog, and one-click docs & support.
- Use It Everywhere: Reuse modals as many times as you like, on any post, page, or template — completely unlimited.
🚀 Upgrade to Smart Modal Pro
Everything above is free. Go Pro to unlock server-side targeting and conversion tools:
- Site-wide Auto-Display: Show a modal automatically across your whole site — no shortcode or block placement needed.
- Page & Post Targeting: Include or exclude by specific page/post ID, post type, homepage, blog page, search, and 404 — all server-side.
- User Targeting: Show or hide popups by login status (logged-in / logged-out) and by specific user roles.
- Combine Multiple Triggers: Open on ANY of several triggers at once with OR logic (e.g. exit-intent OR 60% scroll).
- Countdown Timer: Add urgency inside the modal — a fixed deadline or an evergreen per-visitor timer.
- Custom Close Icon: Move the close icon to any corner or just outside the box, and use your own image.
How to use Smart Modal
- First, install the Smart Modal plugin from the WordPress dashboard.
- Add the Block Name from the block category called “widgets” in the Gutenberg editor.
- You can change block settings from the right-side settings sidebar.
-
Enjoy!
-
For installation help click on Installation Tab
– Did you like this plugin? Dislike it? Have a feature request? Please share your feedback with us
⭐ Check out the Parent Plugin of this plugin-
🔥 B Blocks – Best gutenberg blocks collections for WordPress.
⭐ Check out our other WordPress Plugins-
🔥 Html5 Audio Player – Best audio player plugin for WordPress.
🔥 Html5 Video Player – Best video player plugin for WordPress.
🔥 PDF Poster – A fully-featured PDF Viewer Plugin for WordPress.
🔥 Document Embedder – Best WordPress Document Embedder Plugin.
🔥 3D Viewer – Display interactive 3D models on the webs.
🔥 Advanced Post Block – Best Post Display Plugin for WordPress.
Screenshots
Settings
Default