bSlider – Build Sliders That Bring Your Content to Life

Create responsive sliders for images, posts, WooCommerce products, and videos with multiple layouts, animations, and customization options in WordPress. Design and display carousels, grids, and thumbnail sliders directly in the block editor with simple block and shortcode support. bSlider | Documentation | Pricing | Support | Demo bSlider makes it easy to build engaging sliders without coding. Choose from smooth transitions like fade, slide, or flip, and customize titles, buttons, indicators, and arrows. Add slides quickly, reorder them with drag-and-drop, and adjust settings per device for fully responsive layouts. You can use bSlider for product showcases, portfolios, testimonials, or hero sections. It works with any WordPress theme. You can add sliders using the Gutenberg block or place them anywhere with a shortcode. Key Features – Free Version Shortcode Support – Insert sliders anywhere on your site, even outside Gutenberg, using shortcodes. Unlimited Slides: Create as many slides as you need for products, portfolios, or content highlights. Easy Slide Management: Quickly duplicate or remove slides for faster editing and organization. Customizable Content Styles: Style titles and descriptions with flexible typography and design controls. Navigation Buttons: Add left and right arrows with customizable size, color, and border radius. Slide Indicators: Choose from different styles and positions to help users navigate easily. Autoplay Controls: Turn autoplay on or off, set custom duration, and adjust timing per slide. Hover Pause: Pause the slider when users hover, improving interactivity and focus. Overlay Colors: Add color overlays on slides for better contrast and text visibility. Slide Animations: Apply smooth transitions like fade, slide, or flip to catch attention. Content Positioning: Align text and elements at the default or middle area of the slide. Arrow Styling: Customize arrow size, height, width, border, and color to match your theme. Carousel Layout: Create looping, autoplay carousels with horizontal or vertical direction. Grid Layout: Display sliders in responsive grids with adjustable column and row gaps. Thumbnails Layout: Add thumbnail navigation with overlay, autoplay, and border options. Post Slider Options: Query posts by category or tag, show excerpts, and limit content length. Default Post Types: Build sliders using standard WordPress post types (Posts, Pages, and WooCommerce Products). ACF Fields on Slides: Show up to three Advanced Custom Fields on each slide, placed anywhere on it. ACF Display Presets: Pick from six looks for your fields, with a per field icon, label, prefix, and suffix. ACF Content Mapping: Use an ACF field for the slide image, title, description, button label, or button link. WooCommerce Slider: Highlight products with content length and excerpt display controls. Video Slider Options: Enable popup playback with repeat, mute, autoplay, reset, or hide controls. Basic Video Controls: Show a large play button and restart option for easier interaction. Gutenberg Block: Add sliders directly in the block editor with full customization. Custom Slider Height: Easily define and set the perfect height for your sliders. Dynamic Indicators: Fully customize indicator types, positioning, and direction (Horizontal or Vertical). Carousel Enhancements: Toggle visibility for Navigation Arrows and Pagination Indicators with a single click. Grid Flexibility: Set items per page and choose your preferred pagination style (Standard Button or Load More). Post Per Page: Control the exact density of your content. Advanced Sorting: Organize content by specific criteria (Order By) and direction (ASC/DESC). Post Offset: Skip specific posts to create unique layouts and avoid duplication. Playback Settings: New options for Auto-play, Loop/Repeat, and Muted starts. Comprehensive Player Controls: Empower users with a full suite of controls including Play/Pause, Mute, Rewind/Fast-Forward, and real-time displays for Progress, Current Time, and Duration. Slide Content Panel: Show or hide a slide’s title, description and button from one place, and set the button label. Content on Hover: Keep the picture on its own and reveal the title, description and button only when it is pointed at. Content Background: Tint the whole picture, fade the colour in behind the text, or use none at all. Picture Hover Effects: Zoom in, zoom out, or hold the picture grey until a visitor points at it. Linked Slide Pictures: The whole picture links wherever the button points, with one switch to open both in a new tab. Post Badges: Print the publish date and the author name over a slide, each with its own icon, prefix, suffix, corner, offset and look. WooCommerce Product Price Badge: Display product prices (regular and sale) as a badge on WooCommerce product slides, with an option to show only the sale price. WooCommerce Sale Badge: Show a “Sale!” badge or the exact discount percentage (e.g. −25%) on products that are on sale. Badge Animation: Choose the effect, let the badges follow the caption or set your own delay, and space them so several cascade. Badge Styling: One set of typography and colours for every badge on the slider. Selective Hover Controls: When content is shown on hover, choose exactly which parts appear title, description, button, date, author, price or sale independently. bSlider Pro – Unlock Premium Features bSlider Pro gives you more design power and control. Add advanced effects, flexible layouts, and interactive options to create engaging, professional sliders. What’s New in the Pro Version? Custom HTML Wrapper Tags: Options to use specific tags like h1-h6 for better structure and SEO. Slider Transition Effects: Professional animation effects for seamless slide transitions. Left/Right Inner Gap: Customizable internal spacing between slider items. Dual Slide Direction: Support for both horizontal and vertical movement paths. Custom Arrow Styles: Unique navigation arrow designs to match your branding. Slide on Mouse Wheel: Ability to navigate through slides using the mouse scroll wheel. Arrow Follow Mouse: Interactive navigation arrows that dynamically follow the cursor. Slide on Mouse Drag: Smooth drag-to-slide functionality for a tactile user experience. Lazy Load Enable: Optimizes performance by deferring the loading of offscreen images. Move From Edge: Precise control over the spacing of content from the slider edges. Video Reset On End: Automatically restarts videos from the beginning once they finish. Video Auto Hide Controls: Automatically hides playback UI during periods of inactivity. Advanced Video Tools: Includes Mute, PIP (Picture-in-Picture), AirPlay, Download, and Fullscreen. Pagination Position: Flexible alignment for pagination buttons within grid layouts. Include/Exclude Posts & Products: Manually select exactly which items to display or hide. Exclude Current Post: Prevents the post being currently viewed from appearing in the feed. Custom Post Type Sliders: Build a slider from any user-registered custom post type (CPT), like portfolio, services, or testimonials. Unlimited ACF Fields: Show as many Advanced Custom Fields per slide as you need, past the three the free version allows. Grab Cursor Interaction: Displays a “grab” icon to improve carousel usability. Thumbnail Direction & Navigation: Controls for thumbnail flow and dedicated navigation arrows. Thumbnail Styling: Custom settings for thumbnail position, dimensions, borders, and color overlays. Box Model Controls: Full management of Margin, Padding, Border, and Border Radius. Advanced Typography: Comprehensive styling for fonts, sizes, and text behavior. Interactive Color States: Set specific colors for both standard and hover states. Animation Timing: Granular control over animation duration and start delays. Clickable CTA Buttons: Add custom button labels and URLs directly into slide content. Smart Link Behavior: Option to open button links in a new browser tab automatically. Advanced Carousel Styles: Create unique carousels with ticker, grid, and 3D effects. ACF Query – Sort by Custom Field: Order slides by any ACF field price, rating, event date, a manual sort order as numbers or as text, ascending or descending, with the option to hide posts that left the field blank. ACF Query – Filter by Custom Field: Show only the posts that match your rules, e.g. price is at least 2000, stock has “In stock”, event date is after today. Build as many rules as you need and match all of them or any of them. Rules Built From Your Fields: Each rule offers the comparisons that suit the field and, for dropdown, radio and checkbox fields, a list of that field’s own choices no typing values by hand and no guessing which comparison works. Badge & Field Icon Library: Pick an icon for any badge or ACF field from Font Awesome, Bootstrap or Lucide instead of typing an emoji. Social & External Feeds Source: Build a slider straight from a YouTube channel or playlist, an Instagram account, an RSS feed, or any JSON endpoint, with the feed cached and refreshed on a schedule you set. Feed Presets: Ready-made sliders (YouTube channel grid, player grid, theater, Instagram reels player, card and hover-overlay grids) that set the layout, player and styling in one pick. Profile Header Card: The channel, account or publication’s name, picture and follower count above the slider, with a Follow or Subscribe button. Mini Player: A video that docks into a corner and keeps playing while the visitor carries on using the page, without ever reloading. Hover Preview: Pointing at a video slide plays a preview in place, fetched only after the cursor settles so scrolling past costs nothing. YouTube Feed Controls: Filter by search term, pick from the channel’s own playlists, filter on privacy status, group results, and choose the thumbnail quality. Player Options: Theme, progress bar colour, and lazy loading so a page of videos does not embed them all at once. List Layout: A dedicated list layout with its own styling panel, alongside the Grid and Carousel layouts. Upgrade to Pro to unlock all premium features. How to Use bSlider – Quick Start Guide Getting started is easy! Follow these steps: Step-by-Step Setup Go to Plugins → Add New. Search for bSlider. Click Install Now, then Activate. In the block editor, add the bSlider block, choose a slider type and layout, configure settings, and publish. Or insert the provided shortcode anywhere to show your slider. Enjoy smooth, responsive sliders on your site! Live Demo | Try the Pro Version For installation help click on Installation Tab Video Tutorials Short walkthroughs of what the plugin can do. The first one covers a panel in this free version and is linked from inside the plugin, at the top of that panel. The rest cover the Social & External Feeds source, which is a Pro feature they are here so you can see how it works before deciding. Works in this free version Slide content, post badges and WooCommerce badges Pro only Social & External Feeds Getting YouTube access for private and unlisted videos Creating a YouTube Data API key Social feeds from start to finish Mapping a JSON feed onto slides Getting an Instagram Access Token Watch the whole playlist User Feedback ⭐⭐⭐⭐⭐ Super easy to use, and responsive support ❛❛Been very happy with our pro purchase. Did have a few issues, but the developer is very responsive and supports this plugin well.!❜❜ –sboutsource ⭐⭐⭐⭐⭐ Just what I needed ❛❛Even better than some premium blocks!❜❜ –stlcodescape ⭐⭐⭐⭐⭐ easy-to-use page image + dynamic text configuration plug-in ❛❛Hello: Gutenberg’s simple and easy-to-use page image + dynamic text configuration plug-in look terrific! Thank you!❜❜ –hlv356168 ⭐⭐⭐⭐⭐ Excelente plugin ❛❛Very easy to use!❜❜ –jsdeoleo – Did you like this plugin? Dislike it? Have a feature request? Please share your feedback with us Check out our other WordPress Plugins HTML5 Audio Player – Best audio player plugin for WordPress. PDF Poster – A fully-featured PDF Viewer Plugin for WordPress. StreamCast – A fully-featured Radio Player Plugin for WordPress. 3D Viewer – Display interactive 3D models on the webs. Source Code You can find the source code, report bugs, and contribute to the development of this plugin on our GitHub repository: BSlider on GitHub Third-Party Libraries This plugin bundles the following third-party JavaScript/PHP libraries. Bootstrap Source: https://getbootstrap.com/ GitHub: https://github.com/twbs/bootstrap License: MIT – https://github.com/twbs/bootstrap/blob/main/LICENSE Purpose: Provides responsive carousel/slider functionality, grid layout, and UI components used in the slider interface. Plyr Source: https://plyr.io/ GitHub: https://github.com/sampotts/plyr License: MIT – https://github.com/sampotts/plyr/blob/master/LICENSE.md Purpose: A simple, accessible HTML5 media player used for video slide playback with customizable controls. LazyLoad Source: https://github.com/verlok/vanilla-lazyload GitHub: https://github.com/verlok/vanilla-lazyload License: MIT – https://github.com/verlok/vanilla-lazyload/blob/master/LICENSE Purpose: Enables lazy loading of slide images to improve page performance by deferring off-screen image loading. Font Awesome Source: https://fontawesome.com/ GitHub: https://github.com/FortAwesome/Font-Awesome License: SIL OFL 1.1 (Fonts), MIT (CSS) – https://fontawesome.com/license/free Purpose: Provides scalable vector icons used for slider navigation arrows and UI elements. bpl-tools Source / GitHub: https://github.com/bPlugins/bpl-tools License: GPL-2.0-or-later – https://www.gnu.org/licenses/gpl-2.0.html Purpose: Shared utility library providing admin dashboard components and common Gutenberg editor controls. External Services: The library may connect to bPlugins, WordPress.org, and Freemius services for product data and checkout functionality. See full details: https://github.com/bPlugins/bpl-tools#external-requests–why-they-are-made Freemius Lite SDK Source: https://bplugins.com/ GitHub: https://github.com/bPlugins/freemius-lite-sdk License: GPL-2.0-or-later – https://www.gnu.org/licenses/gpl-2.0.html Purpose: Provides an opt-in consent form for usage tracking and analytics to help improve the plugin. No data is sent before explicit user consent. External Services: Communicates with api.bplugins.com (activation events) and wp.freemius.com (opt-in processing) only after user opt-in. See bPlugins Privacy Policy and Freemius Privacy Policy. External Link (Placeholder Image) Source: https://bblockswp.com/wp-content/demo/img/green-hill.jpg Source: https://templates.bplugins.com/wp-content/uploads/2025/02/n-39.jpg Source: https://templates.bplugins.com/wp-content/uploads/2025/02/n-37.jpg Purpose: This image is hosted on our own server and is strictly used as a fallback/dummy placeholder in the editor preview when a user has not yet selected or uploaded their own image content. It is not loaded on the frontend for site visitors.