OffCanvas / Drawer – add sleek slide-in panels to any page vs Hustle –

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.

Hustle is the ultimate marketing plugin for building a mailing list and converting site traffic. Lead generation just got easier with simple set up optin forms, targeted marketing popups, and designer-made templates. Build a social following while you’re at it with Hustle’s diverse social sharing capabilities. From the award winning developers of Smush image optimization and Forminator form builder at WPMU DEV. Hustle lets you easily grow your mailing list or display targeted ads across your site with popups, optins, slide-ins, widgets, and shortcodes. Access unlimited pop-ups, slide-ins, and social shares from the start with Hustle Pro. Level up immediately with unlimited campaign creation + access to the full suite of WPMU DEV performance and marketing plugins. Learn more about Pro. Instant Templates For Every Kind Of Offer Hustle makes the process of creating popups, slide-ins, and embeds easier with a range of pre-designed templates. The templates available represent a number of different use cases (e.g. Black Friday, giveaway, COVID notice, newsletter signup), meaning you can get started with a module that aligns with your campaign goals. See them in action below: Learn The Ropes With These Hands-On Hustle Tutorials How to Get the Most Email Subscribers Using Hustle How to Make the Perfect Popup with Hustle How To Get The Most Out Of Using Hustle Get Creative With Styling For Desktop and Mobile Hustle’s flexible appearance settings can help your marketing stand out. Choose colors, animations, layouts, drop shadows, and display conditions from the easy-to-use design settings for all your marketing modules. By default layouts and templates are fully mobile responsive. But you can also make granular adjustments (margins, padding, borders, container sizing) to ensure your modules are popping on all devices. Take Styling & Customization Even Further If you have an eye for detail you’ll love the additional customization options available with Hustle. As well as basic appearance elements like layout, images, typography, and color – Hustle allows for more advanced detailing like borders, spacing, shadow, module sizing, and more. There’s also custom CSS if you’d really like to make your modules your own. Highly Targeted Display Settings Hustle has all the behavior and condition settings you’ll need to target visitors with email opt-ins or ads. Set up intelligent conditions such as: specific pages and posts, visitor device/browser, country, source of arrival, post registration, browser cookie, and a whole lot more. Smart Triggers For Popups And Slide-ins As well as intelligent visibility conditions, Hustle also allows you to set up a range of behavior triggers for your popups and slide-ins. Including: time on page, scroll, exit-intent, and more. Set Specific Schedules For Best Results Hustle makes it easy to schedule exactly when you want your marketing modules to deploy. Set start and end dates, schedule modules to show on specific days of the week, at a certain time of day, and choose a custom timezone to adhere to. Reach Out To Visitors Via Email Once a user has engaged with one of your marketing modules it’s important to follow up with next steps or a simple welcome message. Hustle’s email settings allow you to easily whip up manual or automated email messages and establish that initial connection. Get Busy With Social Sharing Hustle includes top social icons for easily building your following on your favorite social networks. Quickly enable the most popular social networks and use floating social, widgets, and shortcodes to add followers. Facebook Twitter Pinterest Reddit LinkedIn VKontakte 500px Houzz Instagram Twitch YouTube Telegram WhatsApp Form Builder Integrations Hustle integrates with popular free form builders like Forminator, so you can embed your forms, polls, and quizzes into popups and slide-ins for interactive lead generation. Grow your following and capture more leads with Hustle. Grow Your Mailing List Hustle integrates with all the popular email services. Just connect your account and start collecting new subscribers. AWeber ActiveCampaign Campaign Monitor MailChimp & MailChimp groups Constant Contact ConvertKit GetResponse Mailster Hubspot Sendy Mad Mimi Mautic Infusionsoft Brevo MailPoet MailerLite iContact Zapier SendGrid Gutenberg WordPress Editor Block Hustle supports both the Classic Editor plugin and Gutenberg. When you’re ready to say goodbye to shortcodes, the Hustle block pulls your opt-ins and embedded content in for you. Smart Exit-Intent Hustle has exit-intent, a favorite of professional marketers, that detects when visitors are about to leave your site and – BOOM! A pop-up or slide-in to grab their attention. ReCAPTCHA Spam Warrior Keep bot subscribers from taking over your mailing lists. Hustle connects to Googles ReCAPTCHA to protect your signup forms from spam. Adblock is no Match for Hustle Hustle has the moves and displays pop-ups and slide-ins even when Adblockers try to block your content. Measure Performance and Results Whether you’ve created a popup, slide in, or embed, Hustle allows you to track the results of each individual module with intelligent tracking data, conversion stats, and insightful charts for a visual representation. You can also set up a custom widget and include stats on your WP dashboard. Features available in Hustle include: Pop-ups, slide-ins, widgets, embeds and after post opt-ins Ready-made marketing templates – Discount, sale, Black Friday, COVID-19 3 free popups upgrade to Hustle Pro for unlimited 3 free slide-ins upgrade to Hustle Pro for unlimited 3 free social share bars upgrade to Hustle Pro for unlimited 3 free embeds upgrade to Hustle Pro for unlimited Built-in designs editor for simple customization Color match your brand, like magic Smooth display animations Integrate with the best email services including: Aweber, MailChimp, MailChimp groups, Constant Contact, Sendy, Infusionsoft, GetResponse, Campaign Monitor, and many more Super powerful conditions for targeting your audience Schedule your modules to display at a specific time or date Track how many times pop-ups, slide-ins and opt-ins are displayed See submissions straight through WordPress Conversion rates overview 4 default layouts Easy management dashboard New features, layouts and sass coming every month What Do People Say About Hustle? ★★★★★ “I don’t know how I’ve survived this long without Hustle and Forminator, but I’m now using them on every website I build.” – sherylryan ★★★★★ “Recovering 15%+ of sales due to this. Insanely good. Thanks!” – lmbpack ★★★★★ “We used this plugin to build a beautiful pop-up to attract more users and increase conversion rate. Thanks” – inblch98 ★★★★★ “Maybe the only plugin with free “exit intent” feature. Simple but powerful.” – tutoruniversitario ★★★★★ “Wow, we needed so many pop ups for client’s websites with this COVID thing going on. We used the Hustle on all of them. No problems and they look great!” – tammylfinch A Note From Hustle Hey! This is Hustle, your trusted popup, email opt-in, and marketing plugin for WordPress. I’m part of the WPMU DEV team, a superhero-suite of WordPress plugins, services, and support. Here are some of our other free plugins: Smush – Image Compression and Optimization Forminator – Form, Quiz, Poll and Survey Builder Hummingbird – Speed up, Cache, Optimize Your CSS and JS Branda – White Label WordPress, Maintenance Mode and Coming Soon Pages My superhero friends run the WPMU DEV Blog, your source for the very best WordPress tutorials. If you need to be in the know about WordPress, check it out. Thanks for looking at Hustle, and I look forward to helping you market and grow your business with popups and more. Enjoy, The Hustle About Us WPMU DEV is a premium supplier of quality WordPress plugins, services and support. Join us here: https://wpmudev.com/ Don’t forget to stay up to date on everything WordPress from the Internet’s number one resource: WPMU DEV Blog Hey, one more thing… we hope you enjoy our free offerings as much as we’ve loved making them for you!