Title: OffCanvas / Drawer – Responsive Slide-In Drawer & Popup System Author: bPlugins Published: 03.08.2022 Last modified: 15.04.2026 --- Търсене на разширения ![](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 От [bPlugins](https://profiles.wordpress.org/bplugins/) [Изтегляне](https://downloads.wordpress.org/plugin/offcanvas-block.2.0.4.zip) [Live Preview](https://bg.wordpress.org/plugins/offcanvas-block/?preview=1) * [Детайли](https://bg.wordpress.org/plugins/offcanvas-block/#description) * [Оценки](https://bg.wordpress.org/plugins/offcanvas-block/#reviews) * [Инсталиране](https://bg.wordpress.org/plugins/offcanvas-block/#installation) * [Разработка](https://bg.wordpress.org/plugins/offcanvas-block/#developers) [Поддръжка](https://wordpress.org/support/plugin/offcanvas-block/) ## Описание OffCanvas / Drawer is a flexible and lightweight WordPress 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 in your WordPress dashboard. 3. Add the **OffCanvas Block** from the Widgets category. 4. Customize the trigger button, popup panel, background, typography, and interactions from the settings panel. 5. Add your desired content inside the block using InnerBlocks. 6. Save and publish your page. **_Need help installing? Check the Installation tab for step-by-step guidance._** ## Снимки на разширението * [[ * 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 ## Инсталиране #### 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 ## ЧЗВ ### 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. ## Отзиви ![](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/) 04.06.2024 This plugin works great, exactly as expected! It’s easy to use, optimized, and lightweight. [ Прочетете 1 отзив ](https://wordpress.org/support/plugin/offcanvas-block/reviews/) ## Сътрудници и разработчици “OffCanvas / Drawer – Responsive Slide-In Drawer & Popup System” е софтуер с отворен код. Към разширението са допринесли следните хора: Сътрудници * [ 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/) [Превеждане на “OffCanvas / Drawer – Responsive Slide-In Drawer & Popup System” на вашия език.](https://translate.wordpress.org/projects/wp-plugins/offcanvas-block) ### Имате интерес към разработване? [Преглеждане на кода](https://plugins.trac.wordpress.org/browser/offcanvas-block/), разглеждане на [SVN хранилище](https://plugins.svn.wordpress.org/offcanvas-block/), или абонамент към [програмната история (log)](https://plugins.trac.wordpress.org/log/offcanvas-block/) чрез [RSS](https://plugins.trac.wordpress.org/log/offcanvas-block/?limit=100&mode=stop_on_copy&format=rss). ## Списък с промени #### 2.0.4 (07 Apr, 2026) * **Fix**: Resolved license activation check issue by improving class existence validation. * **Fix**: Fixed broken link in the upgrade modal. * **Update**: Improved Inspector Controls for a more intuitive and user-friendly experience. #### 2.0.3 (22 Feb, 2026) * **Update**: Redesigned and modernized admin dashboard interface. #### 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. ## Мета * Version **2.0.4** * Last updated **Преди 2 дни ** * Active installations **800+** * WordPress version ** 6.5 или по-висока ** * Tested up to **7.0** * PHP version ** 7.1 или по-висока ** * Language * [English (US)](https://wordpress.org/plugins/offcanvas-block/) * Tags * [block](https://bg.wordpress.org/plugins/tags/block/)[drawer](https://bg.wordpress.org/plugins/tags/drawer/) [offcanvas](https://bg.wordpress.org/plugins/tags/offcanvas/)[popup](https://bg.wordpress.org/plugins/tags/popup/) [slide menu](https://bg.wordpress.org/plugins/tags/slide-menu/) * [Разширен изглед](https://bg.wordpress.org/plugins/offcanvas-block/advanced/) ## Оценки 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) [Your review](https://wordpress.org/support/plugin/offcanvas-block/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/offcanvas-block/reviews/) ## Сътрудници * [ 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/) ## Поддръжка Разрешени проблеми през последните два месеца: 1 от 1 [Разглеждане на форумите за поддръжка](https://wordpress.org/support/plugin/offcanvas-block/) ## Дарение Бихте ли желали да подкрепите успеха на разширението? [ Направете дарение за това разширение ](https://www.buymeacoffee.com/abuhayat)