OffCanvas / Drawer – add sleek slide-in panels to any page vs Popup Maker – Boost Sales, Conversions, Optins, Subscribers with the Ultimate WP Popup Builder

OffCanvas | Pricing | Support | Demo Create high-converting popups, slide-in panels, and responsive navigation drawers inside the WordPress block editor (Gutenberg) with ease. OffCanvas / Drawer is a lightweight, performance-optimized WordPress popup plugin and Gutenberg popup builder. It allows you to design custom OffCanvas menus, drawer menus, side panels, and interactive popups that slide in or fade in from any viewport direction: left, right, top, or bottom. Whether you need a sleek mobile menu, a WooCommerce cart drawer, an exit intent popup to recover abandoned carts, custom slide-out contact forms, site announcements, or an interactive help desk—this plugin does it all without requiring you to write a single line of code. Built Natively for Gutenberg (Block Editor) Designed specifically for the block editor, it supports full InnerBlocks integration. You can drop any Gutenberg block (paragraphs, images, headings, contact forms, navigation blocks, or custom widgets) directly inside the slide-in panel. It also features a built-in shortcode generator, allowing you to save layouts as templates and embed them anywhere on your website using a simple shortcode. Smart Behavior, Triggers & Targeting Go beyond basic popups. Trigger drawers based on visitor actions like scroll depth, time delay, user inactivity, element visibility, or exit intent. With advanced targeting rules, you can display or hide popups on specific pages, target specific user roles, and schedule marketing campaigns with timezone-aware start and end dates. Dedicated Analytics Dashboard Track how your floating popups and slide menus perform. The built-in Analytics dashboard measures impressions, conversions, and conversion rates, giving you the insights you need to optimize your layout and strategy. Silky-Smooth Animations & Device Optimization Provide a premium user experience with responsive positioning (e.g., a slide-in side panel on desktop, and a mobile bottom sheet on phones), touch/swipe gesture controls, and independent opening and closing transition effects. Add a modern backdrop blur filter to keep your content in focus. The plugin is fully responsive, SEO-friendly, exceptionally lightweight, and built to integrate seamlessly with any WordPress theme. Key Features Native Gutenberg Block: Design your slide-in panels visually inside the WordPress Block Editor with live preview. InnerBlocks Integration: Place any block inside the drawer, including forms, navigation, WooCommerce blocks, and custom shortcodes. Shortcode Generator: Save and reuse OffCanvas designs globally using a clean shortcode manager. Advanced Smart Triggers: Open panels automatically based on exit-intent, scroll depth, time delay, element visibility, or user inactivity. Advanced Targeting & Scheduling: Show or hide popups on specific pages, target user roles, and schedule campaigns with timezone support. Built-in Analytics: Monitor impressions, conversions, and conversion rates with a dedicated, beautiful dashboard. Independent Close Animations: Customize exit transition animation types, easing, and duration separate from opening transitions. Responsive Layouts & Mobile Gestures: Set device-specific positions (e.g., mobile bottom sheets) and support smooth touch swipe gestures. Floating Action Button (FAB): Custom trigger buttons that anchor to screen corners with drag-and-drop builder positioning. Aesthetic Backdrop Filters: Style the background overlay with custom colors, opacity levels, and modern backdrop blur effects. Free Features Layout & Positioning Four-Direction Placements: Set the slide-in drawer to slide from the Left, Right, Top, or Bottom edge of the screen. Default Trigger Button: Toggle the drawer panel open or closed with a customizable inline button. Body Scroll Lock: Prevent background body scrolling when the OffCanvas panel is active to improve readability. Standard Backdrop Overlay: Enable a dark overlay backdrop behind the active panel to draw focus to content. Trigger Button Customization Block Alignment: Align the trigger button to the Left, Center, or Right within your page layout. Typography Controls: Adjust the font size, font family, and font weight of the button text. Color Customization: Full control over trigger button text and background colors (normal and hover states). Ripple Click Effect: Add an optional modern material ripple animation on click. Margin Controls: Fine-tune trigger button outer margins for perfect page alignment. Close Button Customization Flexible Styling: Pick custom colors and backgrounds for the close icon to fit your branding. Size & Shadow: Adjust the close button scale (in pixels) and box shadow. Predefined Placements: Anchor the close button to the Top-Right, Top-Left, Bottom-Right, or Bottom-Left corners. Header & Typography Styling Editable Drawer Header: Customize the text of the header title to greet or direct visitors. Title Styling: Control header typography (font size, font weight) and text colors. Header Spacing & Background: Customize header background color, padding, and visibility options. Templates & Shortcode Generator Dedicated Shortcode Builder: Create drawers, save them as global templates, and copy the shortcode [offcanvas-block id="..."] from the dashboard list. InnerBlocks Compatibility: Drop native Gutenberg blocks, WooCommerce widgets, or contact forms into the drawer content. Pro Features Upgrade to OffCanvas Pro to unlock advanced targeting, styling, and behavior controls to build professional marketing campaigns: Analytics & Performance Tracking Dedicated Analytics Dashboard: Monitor impressions, conversions, and conversion rates directly in WordPress. Impression Tracking: Keep track of how many times each slide-in panel or popup is viewed. Conversion Rate Measurement: Understand which drawers convert the best with automatic calculation of conversion rates. Advanced Targeting & Scheduling Page-Level Targeting: Show or hide popups on specific pages, posts, or custom post types. User Role Targeting: Display targeted drawers only to logged-in users, administrators, authors, editors, customers, or guests. Campaign Scheduling: Schedule campaign popups to automatically start and end at specific dates and times. Timezone Support: Set schedules based on your WordPress site’s timezone or UTC for accurate global campaigns. Smart Auto Triggers Exit Intent Detection: Trigger the slide-in drawer automatically when the user’s cursor moves to leave the viewport on desktop. After Time Delay: Open the panel automatically after a configurable delay (in seconds or minutes). Scroll Depth Trigger: Open the panel when a visitor scrolls down a specific percentage (e.g., 50%) of your page. Target Section in View: Open the drawer automatically when a specific CSS selector (Class or ID) scrolls into the viewport. On Inactivity: Display the popup after a period of user inactivity to re-engage visitors. Trigger Frequency Controls: Limit popup visibility (Always, Once per session, Once per day) using sessionStorage and localStorage to prevent visitor fatigue. Floating Action Button (FAB) Trigger Corner Anchor Placements: Place the trigger as a Floating Action Button in the Bottom-Right, Bottom-Left, Top-Right, or Top-Left corners. Custom Absolute Positioning: Position the FAB anywhere on the screen with drag-and-drop editor control. Features a smart 8px Euclidean threshold to prevent accidental shifts. Offset & Layout Controls: Adjust X and Y offset values to ensure perfect alignments with other screen elements. Visual Effects: Set button size, icon size, border radius, pulse animations, custom shadows, and hover transitions. Rotation Angle: Rotate the FAB to match vertical triggers or layout designs. Animations & Transition Controls Premium Transition Types: Slide, Fade, Push, Reveal, Zoom, Flip, and Bounce effects. Push: Displaces the page by the panel’s own size while the panel travels in alongside it, so the page and panel move together. Configurable Opening Transitions: Set entry duration times in milliseconds (100ms – 5000ms) and select easing presets (ease, ease-in, ease-out, ease-in-out, linear). Independent Close Animations: Customize exit transitions with a separate exit animation type, duration, and easing, or choose to reuse the opening animation. Mobile & Touch Optimizations Mobile-Specific Placement: Override the panel position specifically for mobile devices (e.g., Slide-in Right on desktop, Bottom Sheet on mobile). Mobile Slide Direction: Customize slide-in directions specifically for mobile visitors. Touch & Swipe Gestures: Smooth, native-feeling swipe-to-open and swipe-to-close controls on touch devices. Premium Design & Backdrop Blur Responsive Dimensions: Customize the panel width and height independently for Desktop, Tablet, and Mobile screens. Layered Backdrop Material: A saturated blur pane, your own tint colour, and a soft depth wash that clears toward the panel — depth and focus rather than a flat dark overlay, with custom overlay colours, opacity and blur (0px – 30px). Custom Close Button Icon: Upload or input any custom SVG string to replace the default close button icon. Borders & Hover Shadows: Add custom borders, border radius, and hover state box-shadows on trigger buttons. External Custom Trigger Custom Selectors: Bind the OffCanvas drawer to any custom link, menu item, or button by inputting its Class or ID (e.g., .my-custom-button or #open-drawer-link). Hide Default Trigger: Keep the built-in trigger button hidden when using custom CSS selectors to trigger the panel.

📈 Drive More Sales, Leads & Email List Opt-Ins Using Popup Maker Popup Maker™, rated as the best WordPress popup plugin by our community of 780,000+ users, empowers you to create stunning popups, modals, and overlays in minutes. Whether you’re a beginner or a pro, our versatile toolkit makes it easy to boost your WordPress site’s engagement. Transform your WordPress site into a conversion powerhouse! Create targeted campaigns using popups, exit-intent forms, slide-ins, and smart banners to skyrocket your revenue and build your email list faster than ever. We switched to Popup Maker for our popups and couldn’t be happier. “We recommend it to all our clients too. Popup Maker is an essential piece of our website for maximizing growing our email list, increasing sales conversions, and guiding users with strategic calls to action. Great support too.” ~ Chris Badgett, LifterLMS CEO 🔥 Ready to get started? 👉 Visit Our Website – Explore all features & pricing 👉 Join Our Conversion Optimization Community – Share strategies & learn from experts 👉 Read Our Guides – Learn popup best practices 👉 Get Help – World-class support when you need it 🎬 See What’s Possible with Popup Maker Stunning examples of what you can create in Popup Maker (View Video) 🛠️ Ultimate WordPress Popup Builder: Every Type of Conversion Popup at Your Fingertips With Popup Maker, you have the ultimate popup builder toolkit at your disposal, create any type of popup in minutes: Email opt-in popups, Exit-Intent popups. Lead generation popups, Subscription list popups Content upgrade popups, Ecommerce popups, Contact form popups, Urgent site-wide announcements and notification banners, EU cookie notices, Popups to greet visitors from ProductHunt (requires Popup Maker Pro), WooCommerce & Easy Digital Downloads upsell popups (requires Popup Maker Pro+), WooCommerce & Easy Digital Downloads cross-sell popups (requires Popup Maker Pro+), Cart abandonment popups — recover lost sales with targeted offers at checkout (requires Popup Maker Pro+), LifterLMS course enrollment popups — convert visitors directly into enrolled students (requires Popup Maker Pro+), & more. Even the free version is great “Does exactly what it says and is easy to use. Free version allows full control of where popup appears, how it looks and setting conditions for popup reappearing across website.” ~@rsb1234 🔑 Trigger Popups with Ease: Multiple Ways to Open Your Popups Popup Maker offers a variety of triggers to open your popups: Open automatically (with optional delay) Click button (or any other element) to open Form submission (open a popup when a form is submitted) Open when someone is about to leave your site (requires Popup Maker Pro) Open when someone has scrolled down your page (requires Popup Maker Pro) 🎯 Smart Popup Targeting: Deliver the Perfect Message to Every Visitor Never show irrelevant popups again! Our powerful targeting system ensures your messages reach exactly who needs to see them, when they need to see them. From basic page targeting to advanced user behavior conditions, you have complete control over your popup’s visibility. Free Targeting Options: Target specific posts, pages, or custom post types Target by post categories or tags, & custom taxonomies Front page vs blog page targeting Premium Targeting Features: Advanced user behavior targeting Show on specific URLs or URL patterns Show/hide based on user roles Geolocation targeting Browser & OS targeting Time & date scheduling Page scroll depth targeting User login status Previous popup interactions Ecommerce purchasing & cart rules Advanced custom taxonomy targeting Referrer source targeting 🔑 Integrate with Your Favorite Form Plugins Popup Maker integrates with all of the most popular form plugins to allow you to open a popup when a form is submitted or close the popup when a form inside the popup is submitted. Popup Maker integrates with: Form Plugin Integrations: Ninja Forms – powerful drag & drop form builder Gravity Forms – advanced WordPress forms with conditional logic Contact Form 7 (CF7) – simple contact forms WPForms – beginner-friendly form plugin with templates WSForm – professional form builder with advanced features Fluent Forms – conversational forms with multi-step layouts Mailchimp for WordPress (MC4WP) – newsletter signup forms Formidable Forms – advanced form builder with database views Forminator – free form builder by WPMU DEV Elementor Pro Forms – native form builder for Elementor page builder HappyForms – free drag-and-drop form builder with live preview Kali Forms – Gutenberg-native form builder with block editor support Bit Form – lightweight form builder with custom post type storage HTML Forms – simple, lightweight form builder with no bloat Beaver Builder Forms – contact, subscribe, and login forms for Beaver Builder page builder Newsletter – thenewsletterplugin.com integration with AJAX submission support and more! Email Marketing & CRM Integrations: Already created a form in your email marketing service? Using our free version, you can copy and paste any form created by most list building platforms, including but not limited to: MailChimp AWeber InfusionSoft GetResponse Convertkit Constant Contact Mail Poet Mad Mimi FluentCRM Hubspot Emma and more! ⚙️ Advanced Popup Controls: Customize Every Aspect of Your Popups Take complete control of your popups with our powerful customization features: Visual Popup Editor – Design beautiful popups with our intuitive drag & drop editor. Control sizing, positioning, animations, and more Smart Display Rules – Set cookie-based display frequency to prevent popup fatigue and improve user experience Custom Animations – Choose from slide, fade, and other engaging entrance/exit animations Mobile-First Design – Every popup is fully responsive and looks great on all devices Custom Positioning – Place your popups exactly where you want them – centered, corners, or custom positions Cookie Controls – Fine-tune when and how often visitors see your popups with advanced cookie settings 👍 Trusted by many people just like you! Popup Maker is used on over 780,000 websites and has received over 4,300 5-star reviews just like this one: Great plugin, everything I needed “Really nice plugin, simple to use, responsive, a good catch !” ~@lemmmy 🚀 Go Further with Popup Maker Pro & Pro+ Stop settling for basic conversion tracking. Popup Maker is the only WordPress popup plugin with complete revenue attribution — see exactly how much money each popup generates, not just clicks and email captures. No monthly fees. Your data stays on your server. No traffic limits. Ever. Compare to the alternatives: OptinMonster starts at $108/year. Privy starts at $288/year. Justuno starts at $228/year. None of them give you complete revenue attribution or WordPress-native data ownership. ⚡ Popup Maker Pro — $99/year Everything serious marketers need to drive and measure results: Exit Intent — Recover abandoning visitors with perfectly timed offers before they leave Popup Analytics — Track views, clicks, and conversions with a full reporting dashboard Advanced Targeting — Target by user behavior, referral source, scroll depth, geolocation, browser, OS, user role, login status, and more Scheduling — Display time-sensitive offers automatically at the perfect moment Forced Interaction — Ensure critical messages are acknowledged before users continue Call to Action Management — Create, track, and export unlimited trackable CTAs with conversion reporting Bulk Operations — Enable, disable, duplicate, and manage multiple popups at once Export / Import — Replicate winning campaigns across sites in seconds FluentCRM Integration — Tag contacts, add to lists, and trigger automations on popup conversion Scroll Trigger — Fire popups when visitors reach a specific scroll depth 🏆 Popup Maker Pro+ — $249/year Everything in Pro, plus industry-specific power for ecommerce and education businesses: Complete Revenue Attribution — Track actual sales generated by each popup, from interaction through final purchase. See that a specific popup generated $5,000 in revenue this month. WooCommerce Integration — Add to cart, apply discounts, trigger upsells, cross-sells, and cart abandonment recovery, and track purchase revenue per popup campaign Easy Digital Downloads Integration — Add to cart, apply discounts, trigger upsells and cross-sells, and track purchase revenue per popup campaign — full feature parity with WooCommerce LifterLMS Integration — Enroll students, award achievements, apply discounts, and track enrollment revenue per popup Advanced Revenue Reporting — Attribution reports showing real dollars earned per campaign, popup, and CTA 👉 Compare Plans & Pricing 🤝 Join Our Growing Community We believe in making Popup Maker better together! Here’s how you can get involved: 📚 Read Our Documentation – Comprehensive guides and tutorials 💬 Get Premium Support – Our team is here to help 🌟 Join Our Community – Share strategies & learn from experts 💻 Contribute on GitHub – Help improve the code 🌍 Help with Translations – Make the best WordPress popup plugin accessible in your language ⭐ Leave a Review – Share your experience with others Created by Code Atlantic Popup Maker is built by the Code Atlantic team. We create high-quality WordPress plugins that help you grow. Check out some of our most popular plugins: Content Control – Restrict Access to Pages and Posts User Menus – Show Or Hide Menu Items For Different Users