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.


Great as expected!

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

Rahi Saiful

themelooks

Mehedi Hasan

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 your website off-canvas those can quickly and easily navigate by a user.
<h4>Main Features of Quicknav:</h4>
<ul>
<li>Menu show in off canvas</li>
<li>Menu Select options</li>
<li>Custom quick nav create options</li>
<li>Woocommerce Product show in off canvas</li>
<li>Feature product, Recent product, 5 star product show options</li>
<li>Blog post show in off canvas</li>
<li>Recent blog, blog category select options</li>
<li>Off canvas position change options</li>
<li>Compatibility with wordpress 5.4+</li>
</ul>
<pre><a href="https://themelooks.org/demo/quicknav/" rel="nofollow ugc">Live Preview</a></pre>
<pre><a href="https://themeforest.net/user/themelooks" rel="nofollow ugc">Checkout Our Pro Profile</a></pre>
<h3>Privacy Policy</h3>
Quicknav uses <a href="https://appsero.com" rel="nofollow ugc">Appsero</a> SDK to collect some telemetry data upon user’s confirmation. This helps us to troubleshoot problems faster & make product improvements.
Appsero SDK does not gather any data by default. The SDK only starts gathering basic telemetry data when a user allows it via the admin notice. We collect the data to ensure a great user experience for all our users.
Integrating Appsero SDK DOES NOT IMMEDIATELY start gathering data, without confirmation from users in any case.
Learn more about how <a href="https://appsero.com/privacy-policy/" rel="nofollow ugc">Appsero collects and uses this data</a>.

Quicknav

Its Very Handy For Anyone. You Can Try It.

Gorgeous WordPress Plugin

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 …

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