Create slide-in sidebars, drawers, popups, and mobile menus with a flexible Gutenberg OffCanvas block featuring smart triggers, animations.

Gaurav Bhardva

Chandrakant

Drawer Sliding

The Drawer Sliding plugin displays content, HTML, shortcodes, menus, and carts, with horizontal sliding options to the left or right.

Rahi Saiful

themelooks

Mehedi Hasan

Quicknav

Quicknav a plugin for off-canvas features of WordPress. This plugin allows you to show a menu, WooCommerce product, blog, custom link and much more in …

Freemius

Abu Hayat

bPlugins

Charles Cormier

asadsuzan

OffCanvas is a flexible and intuitive WordPress Gutenberg block that lets you create slide-in drawers and popup-style panels that open from the left, right, top, or bottom of the screen. Perfect for building mobile menus, WooCommerce cart drawers, promotional popups, newsletter panels, announcements, and custom sidebar content — all without writing any code.
This plugin includes complete styling controls, smart trigger options, InnerBlocks support, shortcode generation, and smooth animations. It works with any WordPress theme and is fully responsive.
<h3>Perfect for:</h3>
– Mobile off-canvas menus 
– Sliding promotional bars 
– Cart and checkout drawers 
– Contact forms and lead-gen panels 
– Help & support sidebars 
– Newsletter signup panels 
– App-style bottom sheets 
– Custom reusable popup content 
– Slide-in announcements and alerts
Lightweight, SEO-friendly, and designed for both beginners and professionals.
—
<h3>Free Features</h3>
OffCanvas Drawer Settings 
– Offcanvas Position: Left, Right, Top, Bottom 
– Built-in Trigger Button 
– Clipboard Copy for Shortcode 
– Prevent body scroll when opened 
– Backdrop overlay support
Trigger Button Customization 
– Alignment 
– Typography 
– Text & Icon 
– Colors 
– Margin 
– Shadows
Close Button Customization 
– Colors 
– Size 
– Shadows
Popup Customization 
– Background: Solid, Gradient, Image 
– Header: Title typography, colors, close icon styling
Content Support 
– Full InnerBlocks — add any Gutenberg block inside 
– Works anywhere via shortcode
—
<h3>Pro Features</h3>
Smart Triggers & User Behavior 
– Custom Trigger Selector (open using any external element) 
– Show/Hide built-in trigger button 
– Toggle Mode (same button 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 — open when an element enters viewport 
– Inactivity Trigger — open after no user activity 
– Exit Intent for desktop
Advanced Design Controls 
– Backdrop color & opacity 
– Animation Types: Slide, Push, Reveal, Fade 
– Slide Direction: Left, Right, Top, Bottom 
– Custom width & height 
– Button border, radius, padding, hover colors 
– Icon size, color, hover color, and position
—
<h3>How to Use</h3>
<ol>
<li>Install and activate the OffCanvas Block plugin. </li>
<li>Open the Gutenberg editor. </li>
<li>Add the OffCanvas Block from the “Widgets” category. </li>
<li>Customize the trigger button, popup area, background, typography, and interactions. </li>
<li>Add any content using InnerBlocks. </li>
<li>Save and publish!</li>
</ol>
You can also use the generated shortcode to display the OffCanvas anywhere on your site.
—

OffCanvas / Drawer – Responsive Slide-In Drawer & Popup System


This plugin works great, exactly as expected! It's easy to use, optimized, and lightweight.


Alternatives to OffCanvas / Drawer – Responsive Slide-In Drawer & Popup System

Top alternatives