Title: OffCanvas / Drawer – Responsive Slide-In Drawer & Popup System Author: bPlugins Published: August 3, 2022 Last modified: March 30, 2026 --- Search plugins ![](https://ps.w.org/offcanvas-block/assets/banner-772x250.png?rev=3403746) ![](https://ps.w.org/offcanvas-block/assets/icon-128x128.png?rev=2767686) # OffCanvas / Drawer – Responsive Slide-In Drawer & Popup System By [bPlugins](https://profiles.wordpress.org/bplugins/) [Download](https://downloads.wordpress.org/plugin/offcanvas-block.2.0.3.zip) [Live Preview](https://pcd.wordpress.org/plugins/offcanvas-block/?preview=1) * [Details](https://pcd.wordpress.org/plugins/offcanvas-block/#description) * [Reviews](https://pcd.wordpress.org/plugins/offcanvas-block/#reviews) * [Installation](https://pcd.wordpress.org/plugins/offcanvas-block/#installation) * [Development](https://pcd.wordpress.org/plugins/offcanvas-block/#developers) [Support](https://wordpress.org/support/plugin/offcanvas-block/) ## Description OffCanvas / Drawer is a flexible and lightweight Gutenberg block that lets you create slide-in drawers, off-canvas menus, and popup panels that open from the left, right, top, or bottom of the screen. Perfect for mobile menus, WooCommerce cart drawers, newsletter popups, announcements, and custom sidebar content — all without writing a single line of code. The block supports InnerBlocks, shortcode generation, complete styling controls, and advanced trigger options. It works with any WordPress theme, is fully responsive, and optimized for performance. ### Use OffCanvas for: * Mobile off-canvas menus * WooCommerce cart & checkout drawers * Promotional and announcement popups * Contact forms & lead-generation panels * Help, support, and documentation sidebars * Newsletter signup panels * App-style bottom sheets * Slide-in alerts and notifications Lightweight, SEO-friendly, and built for both beginners and professionals. ### Free Features: #### OffCanvas Drawer Settings * Drawer positions: Left, Right, Top, Bottom * Built-in trigger button * Shortcode generator with clipboard copy * Prevent body scroll when drawer is open * Backdrop overlay support #### Trigger Button Customization: * Button alignment (Block-level control) * Typography controls * Text & icon support * Color settings * Margin & spacing * Shadow controls * Ripple effect animation on click #### Close Button Customization: * Colors controls * Size settings * Shadow support * Custom close icon support * Close button position control #### Popup & Panel Design: * Background: Solid, Gradient, Image * Header styling (title typography & colors) * Close icon styling * Popup header background control * Toggle popup header visibility * Popup header title position control #### Content Support: * Full InnerBlocks support (add any Gutenberg block inside) * Use anywhere via shortcode ### Advanced Design Controls * Backdrop color & opacity control * Popup animation & transition types: - Default - Slide - Fade - Push - Reveal - Zoom ✅ (New) - Flip ✅ (New) - Bounce ✅ (New) * Configurable animation duration (ms) ✅ (New) * Animation easing presets including: ✅ (New) - ease - ease-in - ease-out - ease-in-out - linear * Backdrop blur control support ✅ (New) * Direction control: Left, Right, Top, Bottom * Custom width & height * Button border, radius, padding & hover styles * Icon size, color, hover color & position ### Pro Features #### Smart Triggers & User Behavior: * Custom trigger selector (open with any external element) * Show or hide built-in trigger button * Toggle mode (same trigger opens & closes) * Close on outside click * Trigger frequency control * Delay trigger (open after X seconds) * Scroll depth trigger (open at X% scroll) * Scroll into view trigger * Inactivity trigger * Exit intent detection (desktop) ### How to Use 1. Install and activate the OffCanvas Block plugin. 2. Open the Gutenberg editor. 3. Add the **OffCanvas Block** from the “Widgets” category. 4. Customize the trigger button, popup area, background, typography, and interactions. 5. Add any content using InnerBlocks. 6. Save and publish! You can also use the generated shortcode to display the OffCanvas anywhere on your site. ## Screenshots * [[ * Default OffCanvas drawer * [[ * Position options (Left, Right, Top, Bottom) * [[ * Custom Trigger Selector * [[ * Scroll Into View Trigger * [[ * Scroll Depth Trigger * [[ * Exit Intent Trigger * [[ * Delay Trigger * [[ * Inactivity Trigger ## Blocks This plugin provides 1 block. * OffCanvas Display content box from the left, right, or bottom edge of the viewport ## Installation #### From WordPress Admin: 1. Go to **Plugins Add New** 2. Search for **OffCanvas Block** 3. Install and activate #### Manual Upload: 1. Download the plugin ZIP 2. Upload to `/wp-content/plugins/` 3. Activate from Plugins menu #### From Gutenberg Editor: 1. Open any page/post 2. Search “**OffCanvas Block**” 3. Insert and customize ## FAQ ### Is OffCanvas Block free? Yes, the core version is 100% free. ### Does it work with any theme? Yes, it works with all standard WordPress themes and builders. ### Can I customize the design? Absolutely — background, button, typography, overlay, animations, and more. ### Can I use it multiple times? Yes, you can create unlimited OffCanvas drawers. ### Where do I get support? You can post your questions on the plugin’s support forum. ## Reviews ![](https://secure.gravatar.com/avatar/0e84c8b4db84189bc72c59e206f100b748ec4cb325c494546f3188ff4a901008? s=60&d=retro&r=g) ### 󠀁[Great as expected!](https://wordpress.org/support/topic/simplify-your-site/)󠁿 [devmonowar](https://profiles.wordpress.org/kstmonowar/) June 4, 2024 This plugin works great, exactly as expected! It’s easy to use, optimized, and lightweight. [ Read all 1 review ](https://wordpress.org/support/plugin/offcanvas-block/reviews/) ## Contributors & Developers “OffCanvas / Drawer – Responsive Slide-In Drawer & Popup System” is open source software. The following people have contributed to this plugin. Contributors * [ bPlugins ](https://profiles.wordpress.org/bplugins/) * [ Abu Hayat ](https://profiles.wordpress.org/abuhayat/) * [ Charles Cormier ](https://profiles.wordpress.org/charlescormier/) * [ asadsuzan ](https://profiles.wordpress.org/asadsuzan/) * [ Freemius ](https://profiles.wordpress.org/freemius/) [Translate “OffCanvas / Drawer – Responsive Slide-In Drawer & Popup System” into your language.](https://translate.wordpress.org/projects/wp-plugins/offcanvas-block) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/offcanvas-block/), check out the [SVN repository](https://plugins.svn.wordpress.org/offcanvas-block/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/offcanvas-block/) by [RSS](https://plugins.trac.wordpress.org/log/offcanvas-block/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 2.0.2 (17 Feb, 2026) * **New**: Added contextual info notes to explain advanced settings and features. * **New**: Introduced new popup animation types: Zoom, Flip, and Bounce. * **New**: Added Backdrop blur control support * **New**: Added Configurable animation duration(ms) * **New**: Added Animation easing presets * **Update**: Improved validation for custom trigger and smart trigger selectors( class/ID input). * **Update**: Enhanced user guidance for Custom Trigger and Smart Auto Trigger options. * **Fix**: Prevented invalid selector errors from breaking the editor. * **Refactor**: Removed unnecessary and duplicate logic to improve performance and maintainability. #### 2.0.1 (02 Jan, 2026) * **New:** Added ripple effect support to the trigger button. * **New:** Added support for custom close button icons and position controls. * **New:** Extended popup header options with background control, visibility toggle, and title position settings. * **Update:** Renamed Trigger Button PanelBody Title for better clarity. * **Update:** Moved trigger button alignment control to block settings. #### 2.0.0 – 26 Nov 2025 Major Upgrade: New interaction system, smart triggers, design controls, and improved UI/UX. #### 1.0.1 – 30 Sep 2024 * Fix: Close button icon visibility. #### 1.0.0 * Initial Release. ## Meta * Version **2.0.3** * Last updated **5 days ago** * Active installations **800+** * WordPress version ** 6.5 or higher ** * Tested up to **6.9.4** * PHP version ** 7.1 or higher ** * Language * [English (US)](https://wordpress.org/plugins/offcanvas-block/) * Tags * [block](https://pcd.wordpress.org/plugins/tags/block/)[drawer](https://pcd.wordpress.org/plugins/tags/drawer/) [offcanvas](https://pcd.wordpress.org/plugins/tags/offcanvas/)[popup](https://pcd.wordpress.org/plugins/tags/popup/) [slide menu](https://pcd.wordpress.org/plugins/tags/slide-menu/) * [Advanced View](https://pcd.wordpress.org/plugins/offcanvas-block/advanced/) ## Ratings 5 out of 5 stars. * [ 1 5-star review ](https://wordpress.org/support/plugin/offcanvas-block/reviews/?filter=5) * [ 0 4-star reviews ](https://wordpress.org/support/plugin/offcanvas-block/reviews/?filter=4) * [ 0 3-star reviews ](https://wordpress.org/support/plugin/offcanvas-block/reviews/?filter=3) * [ 0 2-star reviews ](https://wordpress.org/support/plugin/offcanvas-block/reviews/?filter=2) * [ 0 1-star reviews ](https://wordpress.org/support/plugin/offcanvas-block/reviews/?filter=1) [Add my review](https://wordpress.org/support/plugin/offcanvas-block/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/offcanvas-block/reviews/) ## Contributors * [ bPlugins ](https://profiles.wordpress.org/bplugins/) * [ Abu Hayat ](https://profiles.wordpress.org/abuhayat/) * [ Charles Cormier ](https://profiles.wordpress.org/charlescormier/) * [ asadsuzan ](https://profiles.wordpress.org/asadsuzan/) * [ Freemius ](https://profiles.wordpress.org/freemius/) ## Support Issues resolved in last two months: 1 out of 1 [View support forum](https://wordpress.org/support/plugin/offcanvas-block/) ## Donate Would you like to support the advancement of this plugin? [ Donate to this plugin ](https://www.buymeacoffee.com/abuhayat)