OffCanvas Block
OffCanvas Block is a powerful and flexible Gutenberg block that lets you create responsive slide-in drawers and popup panels opening from the left, right, top, or bottom of the screen. Perfect for mobile menus, WooCommerce cart drawers, promotional popups, newsletter panels, announcements, and custom sidebar content — all without writing a single line of code.Built with InnerBlocks, smart trigger logic, shortcode support, and smooth animations, OffCanvas works seamlessly with any WordPress theme and delivers a modern, app-like user experience.
Trusted by more than 600+
active users across the world
Customers
Why Choose OffCanvas Block?
Modern websites need flexible, interactive UI components — not static popups or limited sidebars.
The Problem with Traditional Popups & Sidebars
- Fixed layouts with limited placement
- No smart trigger logic
- Poor mobile experience
- Requires custom JS or CSS
- Repetitive setup across pages
A Smarter Way to Build Drawers & Popups
OffCanvas Block gives you full control with ease:
- Create unlimited drawers and popups
- Open from any direction
- Smart trigger system (scroll, delay, exit intent, etc.)
- Works with Gutenberg & shortcode
- Fully responsive and performance-optimized
Flexible Drawer Positions & Layouts
Create off-canvas drawers that slide in from the left, right, top, or bottom. Perfect for mobile menus, carts, alerts, and app-style bottom sheets.
Smart Triggers & User Interaction (Pro)
Trigger drawers based on user behavior:
- Scroll depth
- Scroll into view
- Delay
- Inactivity
- Exit intent (desktop)
- External trigger selector
Powerful Design & Styling Controls
Customize every part visually:
- Background (solid, gradient, image)
- Button typography, colors, shadows
- Backdrop overlay & opacity
- Animations (slide, push, reveal, fade)
- Custom width & height
Gutenberg Native, InnerBlocks & Shortcodes
Add any Gutenberg block inside OffCanvas using InnerBlocks.Generate shortcodes to display drawers anywhere — including classic editor content and widgets.
Smarter OffCanvas That Looks Great and Just Works
Multiple Drawer Positions
Open drawers from left, right, top, or bottom for different UX needs.
Built-in Trigger Button
Add a customizable trigger button with text, icon, alignment, and styles.
External Trigger Selector (Pro)
Open drawers using any existing element on your site via CSS selector.
Smart Trigger System (Pro)
Trigger popups using delay, scroll depth, inactivity, exit intent, or viewport entry.
InnerBlocks Support
Insert menus, forms, carts, images, or any Gutenberg block inside the drawer.
Animation Effects (Pro)
Choose from Slide, Push, Reveal, and Fade animations with directional control.
Backdrop & Body Scroll Control
Enable overlay background and prevent body scrolling when the drawer is open.
Custom Width & Height (Pro)
Control drawer dimensions for desktop and mobile layouts.
Shortcode Generator
Use generated shortcodes to place OffCanvas drawers anywhere.
Fully Responsive
Optimized for mobile, tablet, and desktop devices.
Lightweight & Performance Friendly
Minimal assets, fast loading, and SEO-safe output.
Testimonials
What Our Customers Say to Us
Explore the Interface,
Settings & Preview Screens
FAQs
Save 90%