OffCanvas / Drawer – add sleek slide-in panels to any page
OffCanvas | Pricing | Support | Demo Create high-converting popups, slide-in panels, and responsive navigation drawers inside the WordPress block editor (Gutenberg) with ease. OffCanvas / Drawer is a lightweight, performance-optimized WordPress popup plugin and Gutenberg popup builder. It allows you to design custom OffCanvas menus, drawer menus, side panels, and interactive popups that slide in or fade in from any viewport direction: left, right, top, or bottom. Whether you need a sleek mobile menu, a WooCommerce cart drawer, an exit intent popup to recover abandoned carts, custom slide-out contact forms, site announcements, or an interactive help desk—this plugin does it all without requiring you to write a single line of code. Built Natively for Gutenberg (Block Editor) Designed specifically for the block editor, it supports full InnerBlocks integration. You can drop any Gutenberg block (paragraphs, images, headings, contact forms, navigation blocks, or custom widgets) directly inside the slide-in panel. It also features a built-in shortcode generator, allowing you to save layouts as templates and embed them anywhere on your website using a simple shortcode. Smart Behavior, Triggers & Targeting Go beyond basic popups. Trigger drawers based on visitor actions like scroll depth, time delay, user inactivity, element visibility, or exit intent. With advanced targeting rules, you can display or hide popups on specific pages, target specific user roles, and schedule marketing campaigns with timezone-aware start and end dates. Dedicated Analytics Dashboard Track how your floating popups and slide menus perform. The built-in Analytics dashboard measures impressions, conversions, and conversion rates, giving you the insights you need to optimize your layout and strategy. Silky-Smooth Animations & Device Optimization Provide a premium user experience with responsive positioning (e.g., a slide-in side panel on desktop, and a mobile bottom sheet on phones), touch/swipe gesture controls, and independent opening and closing transition effects. Add a modern backdrop blur filter to keep your content in focus. The plugin is fully responsive, SEO-friendly, exceptionally lightweight, and built to integrate seamlessly with any WordPress theme. Key Features Native Gutenberg Block: Design your slide-in panels visually inside the WordPress Block Editor with live preview. InnerBlocks Integration: Place any block inside the drawer, including forms, navigation, WooCommerce blocks, and custom shortcodes. Shortcode Generator: Save and reuse OffCanvas designs globally using a clean shortcode manager. Advanced Smart Triggers: Open panels automatically based on exit-intent, scroll depth, time delay, element visibility, or user inactivity. Advanced Targeting & Scheduling: Show or hide popups on specific pages, target user roles, and schedule campaigns with timezone support. Built-in Analytics: Monitor impressions, conversions, and conversion rates with a dedicated, beautiful dashboard. Independent Close Animations: Customize exit transition animation types, easing, and duration separate from opening transitions. Responsive Layouts & Mobile Gestures: Set device-specific positions (e.g., mobile bottom sheets) and support smooth touch swipe gestures. Floating Action Button (FAB): Custom trigger buttons that anchor to screen corners with drag-and-drop builder positioning. Aesthetic Backdrop Filters: Style the background overlay with custom colors, opacity levels, and modern backdrop blur effects. Free Features Layout & Positioning Four-Direction Placements: Set the slide-in drawer to slide from the Left, Right, Top, or Bottom edge of the screen. Default Trigger Button: Toggle the drawer panel open or closed with a customizable inline button. Body Scroll Lock: Prevent background body scrolling when the OffCanvas panel is active to improve readability. Standard Backdrop Overlay: Enable a dark overlay backdrop behind the active panel to draw focus to content. Trigger Button Customization Block Alignment: Align the trigger button to the Left, Center, or Right within your page layout. Typography Controls: Adjust the font size, font family, and font weight of the button text. Color Customization: Full control over trigger button text and background colors (normal and hover states). Ripple Click Effect: Add an optional modern material ripple animation on click. Margin Controls: Fine-tune trigger button outer margins for perfect page alignment. Close Button Customization Flexible Styling: Pick custom colors and backgrounds for the close icon to fit your branding. Size & Shadow: Adjust the close button scale (in pixels) and box shadow. Predefined Placements: Anchor the close button to the Top-Right, Top-Left, Bottom-Right, or Bottom-Left corners. Header & Typography Styling Editable Drawer Header: Customize the text of the header title to greet or direct visitors. Title Styling: Control header typography (font size, font weight) and text colors. Header Spacing & Background: Customize header background color, padding, and visibility options. Templates & Shortcode Generator Dedicated Shortcode Builder: Create drawers, save them as global templates, and copy the shortcode [offcanvas-block id="..."] from the dashboard list. InnerBlocks Compatibility: Drop native Gutenberg blocks, WooCommerce widgets, or contact forms into the drawer content. Pro Features Upgrade to OffCanvas Pro to unlock advanced targeting, styling, and behavior controls to build professional marketing campaigns: Analytics & Performance Tracking Dedicated Analytics Dashboard: Monitor impressions, conversions, and conversion rates directly in WordPress. Impression Tracking: Keep track of how many times each slide-in panel or popup is viewed. Conversion Rate Measurement: Understand which drawers convert the best with automatic calculation of conversion rates. Advanced Targeting & Scheduling Page-Level Targeting: Show or hide popups on specific pages, posts, or custom post types. User Role Targeting: Display targeted drawers only to logged-in users, administrators, authors, editors, customers, or guests. Campaign Scheduling: Schedule campaign popups to automatically start and end at specific dates and times. Timezone Support: Set schedules based on your WordPress site’s timezone or UTC for accurate global campaigns. Smart Auto Triggers Exit Intent Detection: Trigger the slide-in drawer automatically when the user’s cursor moves to leave the viewport on desktop. After Time Delay: Open the panel automatically after a configurable delay (in seconds or minutes). Scroll Depth Trigger: Open the panel when a visitor scrolls down a specific percentage (e.g., 50%) of your page. Target Section in View: Open the drawer automatically when a specific CSS selector (Class or ID) scrolls into the viewport. On Inactivity: Display the popup after a period of user inactivity to re-engage visitors. Trigger Frequency Controls: Limit popup visibility (Always, Once per session, Once per day) using sessionStorage and localStorage to prevent visitor fatigue. Floating Action Button (FAB) Trigger Corner Anchor Placements: Place the trigger as a Floating Action Button in the Bottom-Right, Bottom-Left, Top-Right, or Top-Left corners. Custom Absolute Positioning: Position the FAB anywhere on the screen with drag-and-drop editor control. Features a smart 8px Euclidean threshold to prevent accidental shifts. Offset & Layout Controls: Adjust X and Y offset values to ensure perfect alignments with other screen elements. Visual Effects: Set button size, icon size, border radius, pulse animations, custom shadows, and hover transitions. Rotation Angle: Rotate the FAB to match vertical triggers or layout designs. Animations & Transition Controls Premium Transition Types: Slide, Fade, Push, Reveal, Zoom, Flip, and Bounce effects. Push: Displaces the page by the panel’s own size while the panel travels in alongside it, so the page and panel move together. Configurable Opening Transitions: Set entry duration times in milliseconds (100ms – 5000ms) and select easing presets (ease, ease-in, ease-out, ease-in-out, linear). Independent Close Animations: Customize exit transitions with a separate exit animation type, duration, and easing, or choose to reuse the opening animation. Mobile & Touch Optimizations Mobile-Specific Placement: Override the panel position specifically for mobile devices (e.g., Slide-in Right on desktop, Bottom Sheet on mobile). Mobile Slide Direction: Customize slide-in directions specifically for mobile visitors. Touch & Swipe Gestures: Smooth, native-feeling swipe-to-open and swipe-to-close controls on touch devices. Premium Design & Backdrop Blur Responsive Dimensions: Customize the panel width and height independently for Desktop, Tablet, and Mobile screens. Layered Backdrop Material: A saturated blur pane, your own tint colour, and a soft depth wash that clears toward the panel — depth and focus rather than a flat dark overlay, with custom overlay colours, opacity and blur (0px – 30px). Custom Close Button Icon: Upload or input any custom SVG string to replace the default close button icon. Borders & Hover Shadows: Add custom borders, border radius, and hover state box-shadows on trigger buttons. External Custom Trigger Custom Selectors: Bind the OffCanvas drawer to any custom link, menu item, or button by inputting its Class or ID (e.g., .my-custom-button or #open-drawer-link). Hide Default Trigger: Keep the built-in trigger button hidden when using custom CSS selectors to trigger the panel.
Top keywords
- button18×1.33%
- custom18×1.33%
- trigger17×1.26%
- panel15×1.11%
- drawer11×0.81%
- mobile10×0.74%
- slide-in9×0.67%
- block8×0.59%
- close8×0.59%
- controls8×0.59%
- popups8×0.59%
- user8×0.59%
Popup Builder – Create highly converting, mobile friendly marketing popups.
WordPress Popup Builder Popup Builder is a Perfect solution for any WordPress website. With a wide range of WordPress popup types, conditions, and events (From Image Popup to Countdown popup, Exit Intent to GeoTargeting) Popup Builder helps you create high converting, promotional and informative popups, increase conversion rates and boost sales while reaching your marketing goals. Moreover, our team created a custom JS/CSS coding opportunity for all our WordPress pop up types making any popup unique and fully customizable. Use the best WordPress popup plugin and enjoy the popup creation process. SUPER EASY AND SIMPLE TO USE In Popup Builder, we did our best to make the interface very user-friendly and intuitive for our users. All of our popup types, events, and conditions including popup design changes are separated which makes our WordPress popup plugin suitable and easy to use. Moreover, no special coding is needed to use the plugin. Just choose your preferred type of popup and create a masterpiece for your website. While developing Popup Builder we took into consideration both your time and will to create efficient and powerful WordPress popups within minutes. VARIOUS POPUP TYPES FOR ALL OCCASIONS One of the primary advantages of our WordPress popup plugin is that it is not limited to just a few types of popup. In Popup Builder, you will find various types of popups for all occasions. We provide both free (Image Popup, HTML Popup, Facebook Popup, Subscription Popup) and paid WordPress popups with premium features (Video Popup, Web Push Notification Popup, Exit Intent popup, Mailchimp popup, WooCommerce, Login Popup, and more). Please note that both free and paid types of our popups do not require additional effort. Each of them can be created very quickly and efficiently making your brand promotion even more tempting. PERFECT SOLUTION FOR ALL YOUR NEEDS We provide you a powerful and yet easy to use Popup Builder with a wide range of features to make your work as efficient as possible and get explosive results in the end. With our WordPress popup plugin you’ll have an epic chance to target your buyer persona based on geographic segmentation, demographics, and user behavior showing highly effective popups. Popup Builder is your magic bullet and the most optimal solution for all your needs. Just create your desired WordPress popup with appropriate conditions or events and have higher and unsurpassed conversion rates for your website. 100% CUSTOMIZABLE DESIGN AND LOOK Popup Builder provides you enticing features to create 100% customizable popups with the desired design. Almost all the elements of the popup are fully customizable. Customize the background, borders, overlays, texts, colors, and much more. Create personalized popups increasing your brand’s awareness. It’s a known fact that a page with a well-designed, branded, and properly implemented popup converts better than any other website with irritating and tiresome popups. So make your WordPress pop up unique and incomparable. INTEGRATION WITH THIRD PARTY WORDPRESS PLUGINS We have done our best to be fully integrated and compatible with the most popular plugins such as: WooCommerce MailChimp Contact Form 7 WPML Polylang Ninja Forms Gravity Forms TablePress Formidable Forms WP Google Maps HTML5 Maps Review Builder Divi Builder Using 3rd party plugins with Popup Builder will increase the potential of the popups and deepen the capabilities of their use for lead generation and nurturing. Our team is constantly working on improving and extending the existing integrations as well as increasing the number of integrations with third-party plugins and services. If there is any plugin or service that you want us to be compatible with, feel free to contact us. GREAT AND CARING SUPPORT The desire of each customer and the problems that have arisen are the priority issues that have to be solved by our support team. That is why our Popup Builder team works very hard to help and satisfy the demands and wishes of all its customers. If there is a question that you would like to ask, or there is something unclear, then our support team is ready to answer each question in detail to satisfy any interest. If you think you have any questions or suggestions concerning our WordPress popup plugin, please feel free to contact us through the community forum or drop a message at
[email protected] (for Premium extensions). GENERAL FEATURES Create and manage as many WordPress popups as you desire. Increase your brand awareness by customizing the design and look of your WordPress pop up. Choose the appropriate and desired WordPress pop up opening and closing styles. Grow your mailing list, create unique email marketing campaigns and send to your subscribers by converting them to leads. Make your popups mobile friendly and responsive for all devices. Show the popup when the user hovers a text or clicks somewhere on the web page to make your popup interactive and more desirable. Open any popup type on a specific scrollable call to action Floating button without destroying your website’s UX. Create Network/Multisite compatible popups. Create social engagement, motivate users to share your website’s specific content to Facebook by adding like and share buttons. Gain golden ability to create more customized and unique add ons with our HTML popup. And that’s not all, far more features are waiting for you with our WordPress popup plugin. Premium Features (28+ ways to attract more users) Target your popup efficiently and grab user’s attention that is not so easy to reach by using targeting features such as location, country, URL, browser, operating system, .etc. Start lead generation, boost conversation rates by using Subscription Plus popup (Add segmentations like gender, GDPR field, or checkboxes making popups more targeted).. Connect third party plugins’ or services’ accounts, like Mailchimp and Aweber popup, and use them for growing your mailing list. Automate leads nurturing process with autoresponder without any extra effort. Push your website’s visitors to your desired actions (making purchases or subscribing to a newsletter) based on inactivity. Convert website exiting users into customers by triggering popup with discounts, coupon codes, or attractive offers. Increase your sales by showing popup at the right moment based on cart items, specific products, or event cart’s value via WooCommerce or EDD targeting. Raise your sales and user engagements by adding video content from YouTube, Vimeo, Daily Motions or upload your own one. Check the effectiveness of specific popups and track data having look at detailed analytics . Increase your content’s social engagement and interactions for Twitter, Facebook, Linkedin, Pinterest, Email, and Google+ by using the social popup. Create an urgency mood and push your buyers to make rapid purchases by showing ending soon popups like Countdown. Detect even adblocking software without losing your ad income and ask your visitors to turn them off by showing specific popups. Turn your website visitors into leads, gain more subscribers’ growth and higher conversation rates by giving them the chance to win with Gamification popup. Gain trust and show social proof notifications for sales’ increase by just showing recently or frequently bought items on the website. Set age limitations and restrictions, deny access based on visitor’s age for specific pages or even for the whole website by using Age Restriction popup. Discover more features on our website WordPress Popup Builder. FEEDBACK “EXCEPTIONAL CUSTOMER SUPPORT!!!” ~andremdery “No hassle setup and it just works!” ~carricom “Excellent and simple plugin!” ~soha1992 “Very Reliable and effective” ~soha1992 “Great plugin for notices!” ~orionsweb Thank you for using our pop-up modal plugin. WE ARE SOCIAL Facebook Twitter LinkedIn