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%
Poptin –
All-in-one email marketing, email automation, pop ups, forms, and coupon platform to grow your audience, nurture customer relationships, and drive more sales. 🎉 Support | Demo | Upgrade | Sign Up for Free Create beautiful email campaigns, newsletters, email popups, sms pop ups, exit intent popup, coupons and email marketing automation to convert more visitors into leads, subscribers, and sales. How Poptin Emails & Pop Ups Can Help Your Business Grow 🚀 Grow your email list using email popups and forms Segment contacts using behavior, tags, pop up interaction, and custom properties Send targeted newsletters and email campaigns Automate welcome, abandoned cart, birthday, reactivation and lifecycle emails Recover cart abandonment with spin the wheel, exit offers, upsell pop up and email automation Nurture customers with personalized email marketing journeys, coupons and promotions Create a Poptin account for free Poptin is an all-in-one web application that works seamlessly with WordPress and many other platforms. Create popups, forms, email campaigns, newsletters, and email marketing automation by opening your free account 📧 EMAIL MARKETING AUTOMATION Poptin gives you everything you need to grow and engage your audience in one platform. Organize and segment contacts using behavioral and engagement data, create and send unlimited email campaigns and newsletters, and automate personalized customer journeys based on subscriber activity, website behavior, ecommerce events, and lifecycle stages to increase conversions, retention, and revenue. Unlimited email campaigns and unlimited email sending on all email marketing plans – no monthly sending caps. Contact Management & Segmentation Organize, manage, and segment your audience using tags, custom properties, popup and form interactions, engagement history, activity tracking, and behavioral data. Create highly targeted segments based on subscriber attributes, actions, website activity, and email campaign engagement to deliver more relevant experience Contact profiles with complete activity history and engagement timeline Custom properties including text, number, date, and boolean fields Tags, subscriber preferences, and custom attributes Popup and form interaction tracking Website activity and visitor behavior tracking UTM campaign, source, medium, content, term, and ID tracking Email engagement tracking (opens, clicks, bounces, unsubscribes) Consent and subscription status tracking Contact search, filtering, import, and export Dynamic merge tags and contact personalization Segment by * Tags, newsletter preferences, and custom properties * Popup and form submissions * Popup views, conversions, and gamified popup interactions * Email opens, clicks, bounces, and engagement activity * Website visits, page views, and browsing behavior * Traffic source, referral source, and UTM campaigns * Location, country, language, browser, OS, and device * Subscription status, consent status, and lifecycle stage Dynamic segments that update automatically as contacts change Email Campaigns & Newsletters Create, personalize, and send beautiful email campaigns and newsletters with our drag-and-drop editor. Use audience segmentation, preferences, dynamic content, personalization, coupons, scheduling, and advanced targeting to reach the right contacts at the right time and improve engagement, conversions, and sales. * Visual automation workflow builder * Welcome email automations * Abandoned cart recovery sequences * Birthday and anniversary email automations * Reactivation and win-back campaigns * Lead nurturing sequences * Coupon delivery automations * Customer onboarding journeys * Cross-sell and upsell campaigns * Trigger email automations from popup and form activity * Trigger email automations from website activity and visitor behavior * Trigger automation from email opens, clicks, and engagement activity * Trigger email automations from tags, subscriber preferences, and contact property changes * Trigger automations from dates, birthdays, anniversaries, and custom date fields * Wait and delay actions for timed email automation and customer journeys * Split conditions and branching logic for advanced automation flows * Multi-step customer journeys with personalized paths * Automation performance tracking and reporting 💻 SMART POP UPS & EMBEDDED FORMS Poptin forms and popup plugin tracks the website’s visitors’ behavior and shows the right message at the right time. The platform helps to improve conversion rate and turn more visitors into leads, sales, newsletter subscribers, increases engagement, and recovers abandoning website and cart visitors using exit offers and exit intent technology and many other pop ups triggers. You can create anything your marketing heart desires, from advanced overlays to SMS popups, inline forms, call button pop up, WhatsApp button, welcome bar, exit popups, and social widgets – it’s all on-brand and fully customizable with our powerful popup builder. Our popup plugin includes exit intent trigger on the free plan and many other advanced features. The free plan comes with 1,000 visitors of popups and forms per month, and 250 contact for email marketing. Unlimited popups, forms, integrations & leads. What do you get with Poptin? Drag-and-Drop Pop Up Builder – Create popups and contact forms in minutes without coding Responsive Templates – Choose from popup and form templates including lightbox, slide-in, floating bar, notification bar, fullscreen, video, countdown, mobile popups, and more Inline Forms – Build inline forms and embed them anywhere on your website using a shortcode Exit-Intent Technology – Unlimited exit popups. Our exit intent trigger is included on all plans 🥳 Analytics & Reporting – Track popup, form, and conversion analytics to optimize performance Advanced Targeting & Triggers – Target visitors using exit intent, scroll depth, inactivity, page visits, clicks, URL targeting, device targeting, geolocation, traffic source, schedules, and audience targeting. Run your popup with our Autopilot trigger and get optimized results Custom Design – Customize popups and forms with images, videos, HTML, CTAs, effects, layouts, and positioning Integrations – Connect your pop ups with MailChimp, GetResponse, Omnisend, Kit, Pipedrive, ActiveCampaign, HubSpot, Klaviyo, Zoho CRM, Salesforce, Zapier, Make, and many more email marketing, CRM, and marketing automation platforms A/B Testing – Compare video popups, popup forms, triggers and other pop up variations to improve conversion rate optimization Custom Fields – Add predefined and custom fields to your pop ups including dropdowns, radio buttons, checkboxes, hidden fields, dates, and more Gamified Popups – Increase engagement with Spin the Wheel, Scratch Card, and Pick a Gift popups. Highly recommended for WooCommerce stores to increase sales Landing Page Links – Collect leads using dedicated landing page links for popups and forms Draft & Autosave – Automatically save and protect your work while creating and editing popups and forms Multiple Users Management – Manage multiple users and sub-accounts with Agency and Growth plans. SEO-Friendly & Accessibility Ready – SEO-friendly, accessible popups, forms, and widgets optimized for desktop and mobile devices. Multi-Language Support & RTL – Create popups and forms in English, Hebrew, German, Japanese, Italian, Arabic, French, and many more languages & Full RTL support Dynamic Content & Merge Tags – Display personalized text and images in popups and forms using Merge Tags and UTM parameters Custom HTML Embeds – Embed quizzes, surveys, polls, maps, forms, social share buttons, and more directly into your popups Multi-Step Popup Flows – Launch a popup from another popup and create double opt-in, 2-step lightbox, slide-in, fullscreen overlays, and advanced conversion flows Heatmaps & Session Recording Integrations – Track popup and form performance with Hotjar, Microsoft Clarity, Lucky Orange, ClickTale, FullStory, Smartlook, Crazy Egg, Mouseflow, and other heatmap and session recording tools Compatible with Popular WordPress Builders – Show popups and forms on websites built with Elementor, Divi, Bricks Builder, Beaver Builder, WPBakery, SeedProd, Oxygen, Breakdance, Gutenberg, and more Deep WooCommerce integration – coming soon! Advanced Triggers & Targeting Rules Pop up Triggers Display popups based on visitor actions and behavior, including Exit Intent, Time Delay, Scroll Depth, Pages Visited, Click Count, Inactivity, On-Click Triggers, JavaScript Triggers, and Cart Triggers. Pop up Targeting Options Target your pop ups to visitors based on URL/Page Targeting, Device, Countries & Geo-Location (including US states), OS & Browsers, Days, Hours & Dates, Traffic Sources (Organic, Google Ads, Facebook, ChatGPT, Gemini, Claude, Perplexity, Reddit, YouTube, Pinterest, X, and more), New vs Returning Visitors, Cookies, Previous Pages Visited, Popup Engagement, View Count, Title Tags, Source Code, JavaScript Conditions, IP Blocking, AdBlock Detection, and more. Gamified Pop ups Increase engagement, capture more leads, and drive more sales with interactive gamified popups. Create Spin the Wheel pop up, Scratch Card, and Pick a Gift popups with our gamified popup builder to reward visitors with coupon codes, discounts, and special offers. Perfect for WooCommerce stores looking to boost conversions and make pop ups promotions more engaging. Available gamified popups: Spin to Win pop up Wheel of fortune pop ups or spin wheel pop ups let your visitors spin a wheel and get the chance to win one of the many prizes or codes on your wheel. Use the wheel of fortune pop up or spin wheel popup for almost always win situation for your visitors. Scratch Card pop up Scratch off pop ups or scratch card pop ups are where you set a code and the customer will “scratch” the card to reveal the code for your customers to use in your shop. Use a scratch off popup for that lottery card feel. There’s always a code that customers will win with the scratch cards popups. Pick a Gift pop up Pick a gift pop ups let your customers pick from one of three gifts for a chance to win a special code that can be used in your store. Use the gift pop ups if you want a bit of more thrill, with the visitors getting a chance to win a code or nothing at all. Drag and Drop Inline Form Builder Create inline contact forms with Poptin and easily embed them anywhere on your website using a shortcode. Use smart targeting and trigger options to maximize conversions, and build beautiful forms from scratch or with ready-made templates. Similar to pop ups, add powerful elements such as countdown timers, videos, custom HTML, images, shapes, and button attention effects to increase engagement. We support all field types, including name, email, phone, custom fields, dates, websites, numbers, dropdowns, radio buttons, checkboxes, and more, giving you complete flexibility to create the perfect form for any use case. Use our form builder to create different versions for desktop and mobile, and display them using the same shortcode. Run A/B tests – use our form builder to create a different version of your form, and also create a different trigger and targeting rules. Display different versions of your contact form using the same shortcode, and find out what’s the best version of your inline contact form. Just like our pop ups, inline forms support all of Poptin’s integrations, allowing you to automatically send leads to your CRM, email marketing platform, help desk, webinar software, and more. Create advanced experiences by triggering a pop up after a form submission, showing a form only to visitors who interacted with a specific pop up, and combining forms and pop ups together to build highly targeted conversion funnels. Create a Poptin account for free Poptin is an all-in-one web application that works seamlessly with WordPress and many other platforms. Create popups, forms, email campaigns, newsletters, and email marketing automation by opening your free account Coupons Create and manage fixed-value or unique coupon codes and display them directly in your coupon popups, discount pop ups, forms, and email campaign. Automatically reward visitors with personalized discounts, promotional offers, and coupon codes to increase conversions, recover abandoned visitors, grow your email list, and drive more sales. Track coupon usage through pop ups, redemptions, and performance to measure the effectiveness of your promotions and marketing campaigns. Email & Pop Ups API & MCP (Coming Soon) Automate your email marketing workflows with our upcoming API. Update contact properties, tags, preferences, and subscriber data programmatically, trigger email automations based on customer actions, and send email campaigns directly from your applications, websites, and internal systems. The API will also provide access to popup creation and management, including MCP support for AI agents that can build and optimize pop ups automatically. Retrieve popup performance and conversion statistics, manage campaigns at scale, and connect Poptin with your custom applications, workflows, and AI-powered experiences. 70+ Popup Integrations Connect pop ups & forms with the tools you already use, including Mailchimp, HubSpot, Salesforce, Pipedrive, Klaviyo, Omnisend, ActiveCampaign, Kit (ConvertKit), Brevo, Zapier, Make, Google Sheets, Webhooks, and many more. Sync contacts, automate workflows, trigger campaigns, and keep your marketing data connected across your entire tech stack. Manage API keys securely from your account and connect Poptin with Zapier, Make, webhooks, custom applications, and thousands of other tools. Use Poptin directly from your WordPress admin panel or as a standalone app Access and manage your contacts, email campaigns, email automation, pop ups, forms, coupons, and analytics directly from your WordPress admin panel. Create, publish, track, and optimize your popups and email campaigns without switching between multiple tools, platforms or tabs. Security & GDPR Features: Poptin follows industry-standard security practices and is ISO 27001 compliant, ensuring your data is handled securely. Poptin includes built-in tools to help you comply with GDPR and other privacy regulations. Lead and Contact Deletion Controls – Manually delete leads at any time from the Leads dashboard. Automatic Data Retention – Automatically delete lead data after 1, 3, 6, 12, 18, or 24 months, or choose to never store or never delete leads Lead Information Access – View lead details, including IP addresses, for compliance, auditing, and record-keeping purposes. Consent Checkboxes – Add consent checkboxes to require visitors to agree to your terms before submitting a pop up or form. Double Opt-In Support – Enable double opt-in email confirmations to verify subscribers before adding them to your email list Account Management – Easily update the email address and other information associated with your account. Privacy-Friendly Tracking – Reduced cookie usage to help support privacy and compliance requirements Click here to read more Popular popups, email campaigns & mail automation use cases * Show an exit-intent popup with a discount and automatically send abandoned cart emails to visitors who leave your checkout page before completing a purchase. * Display a newsletter popup after visitors scroll 60% of a blog post, then automatically enroll them in a multi-email welcome series. * Display personalized popups with coupon codes to visitors arriving from Google Ads, Facebook Ads, ChatGPT, or other marketing campaigns, and follow up with targeted email campaign. * Collect dates through your forms and automatically send birthday emails, anniversary offers, and special promotions. * Automatically identify contacts who haven’t opened or clicked emails recently and launch reactivation campaigns to win them back.