bSlider – Build Sliders That Bring Your Content to Life

Hospedagem WordPress com plugin bSlider – Create Responsive Image, Post, Product, and Video Sliders

Onde devo hospedar o plugin bSlider – Create Responsive Image, Post, Product, and Video Sliders?

Este plugin pode ser hospedado em qualquer servidor que tenha WordPress configurado. Recomendamos utilizar uma hospedagem de confiança, com servidores especializados para WordPress, como o serviço de hospedagem de sites da MCO2.

Hospedando o plugin bSlider – Create Responsive Image, Post, Product, and Video Sliders em um provedor de confiança

A MCO2, além de instalar o WordPress na versão mais atual para seus clientes, oferece o WP SafePress, um mecanismo singular que protege e melhora seu site simultaneamente.

Por que a Hospedagem WordPress funciona melhor na MCO2?

A Hospedagem WordPress funciona melhor pois a MCO2 possui servidores otimizados para WordPress. A instalação de WordPress é diferente de uma instalação trivial, pois habilita imediatamente recursos como otimização automática de imagens e fotos, proteção da página de login, bloqueio de atividades maliciosas diretamente no firewall, cache avançado e HTTPS ativado por padrão. São recursos que potencializam seu WordPress para a máxima segurança e o máximo desempenho.

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, even outside Gutenberg.
• Gutenberg Block: Add and configure sliders in the block editor.
• Unlimited Slides: As many slides as you need.
• Easy Slide Management: Duplicate or remove slides in a click.
• Gutenberg Blocks Source: Build each slide from real WordPress blocks — headings, images, buttons, columns.
• Layer Animations: Give any block in a slide an entry animation, with preset delays.
• Loop Animations: Keep a layer moving after it arrives — Pulse and Bounce.
• Hover & Click Actions: Grow, lift or fade on hover; open a link, scroll, or move the slider on click.
• Visual Timeline: Every animated layer on one timeline, with its delay editable in place.
• Layer Typography: Font, size, weight and spacing on any text layer, Google Fonts included.
• Responsive Layers: Hide a layer per device, or show it without animating.
• Slide Styling: Background, overlay, border, radius, padding and alignment, per slide.
• Auto Word-Wrap: Long links break to fit the slide instead of spilling past it.
• Carousel Layout: Looping autoplay carousels, horizontal or vertical.
• Grid Layout: Responsive grids with adjustable column and row gaps.
• Thumbnails Layout: Thumbnail navigation with overlay, autoplay and border options.
• Grid Flexibility: Items per page, with Standard Button or Load More pagination.
• Custom Slider Height: Set the height that suits your slider.
• Slide Animations: Fade, slide and flip transitions.
• Autoplay Controls: Autoplay on or off, with custom duration per slide.
• Hover Pause: Pause the slider while the visitor is pointing at it.
• Navigation Buttons: Left and right arrows with size, colour and radius controls.
• Arrow Styling: Arrow size, height, width, border and colour.
• Slide Indicators: Several indicator styles and positions.
• Dynamic Indicators: Indicator type, position and direction.
• Carousel Enhancements: Toggle arrows and indicators in one click.
• Overlay Colors: Colour overlays for contrast behind text.
• Content Positioning: Align slide content to the default or middle area.
• Customizable Content Styles: Typography and design controls for titles and descriptions.
• Slide Content Panel: Show or hide a slide’s title, description and button, and set the button label.
• Content on Hover: Reveal the title, description and button only on hover.
• Content Background: Tint the whole picture, fade colour in behind the text, or neither.
• Picture Hover Effects: Zoom in, zoom out, or hold the picture grey until hover.
• Linked Slide Pictures: The whole picture links where the button points, with a new-tab switch.
• Selective Hover Controls: Choose exactly which parts appear on hover, independently.
• Post Slider Options: Query posts by category or tag, with excerpts and content length.
• Default Post Types: Posts, Pages and WooCommerce Products.
• Post Per Page: Control how many items a slider pulls.
• Advanced Sorting: Order by your own criteria, ascending or descending.
• Post Offset: Skip posts to avoid duplication across layouts.
• WooCommerce Slider: Product sliders with content length and excerpt controls.
• ACF Fields on Slides: Up to three Advanced Custom Fields per slide, placed anywhere.
• ACF Display Presets: Six looks for your fields, each with icon, label, prefix and suffix.
• ACF Content Mapping: Use an ACF field as the slide image, title, description or button.
• Post Badges: Publish date and author over a slide, each with its own icon and placement.
• WooCommerce Product Price Badge: Regular and sale prices as a badge, or the sale price alone.
• WooCommerce Sale Badge: A “Sale!” badge or the exact discount percentage.
• Badge Animation: Pick the effect and delay, and space several so they cascade.
• Badge Styling: One set of typography and colours for every badge.
• Video Slider Options: Popup playback with repeat, mute, autoplay, reset or hidden controls.
• Basic Video Controls: A large play button and a restart option.
• Playback Settings: Auto-play, loop and muted starts.
• Comprehensive Player Controls: Play/Pause, Mute, Rewind, Fast-Forward, progress, current time and duration.

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?

• Social & External Feeds Source: Build a slider from a YouTube channel, Instagram account, RSS feed or any JSON endpoint, cached on your schedule.
• Feed Presets: Ready-made feed sliders — channel grid, player grid, theater, reels, card and hover-overlay.
• Profile Header Card: Name, picture and follower count above the slider, with a Follow button.
• Mini Player: A video that docks into a corner and keeps playing as the visitor scrolls.
• Hover Preview: Point at a video slide and a preview plays in place.
• YouTube Feed Controls: Filter by search term, playlist, or privacy status; group results and set thumbnail quality.
• Player Options: Player theme, progress bar colour and lazy loading.
• Dynamic Content: Bind a post or product to a slide and drop in Post Field blocks.
• Post Field per Block: Point each field at its own post, so one slide can show several.
• Convert to Core Blocks: Turn a Post Field into a real Heading, Paragraph or Image.
• Carousel Layout for Block Slides: Two or three block-built slides side by side, with Swiper effects.
• Lottie Animation Layer: Drop a Lottie JSON into a slide and play it as the slide arrives.
• Exit Animations: Animate a layer out as its slide leaves, not only in.
• Fine-tuned Timing: Set an exact delay and duration on any layer.
• Advanced Loop Animations: Float, Flash, Shake and Swing, on top of the free Pulse and Bounce.
• Word by Word Animation: Animate a heading or paragraph one word at a time.
• Badge a Word: Give one word its own background, padding, corners and border, inside the sentence.
• Hover Colour: Change a layer’s text and background colour on hover.
• ACF Query – Sort by Custom Field: Order slides by any ACF field, as numbers or text, either direction.
• ACF Query – Filter by Custom Field: Show only posts matching your rules, with all or any of them.
• Rules Built From Your Fields: Each rule offers the comparisons and choices that suit the field.
• Unlimited ACF Fields: As many Advanced Custom Fields per slide as you need.
• Custom Post Type Sliders: Build a slider from any registered CPT — portfolio, services, testimonials.
• Include/Exclude Posts & Products: Pick exactly which items to show or hide.
• Exclude Current Post: Keep the post being viewed out of its own slider.
• List Layout: A dedicated list layout with its own styling panel.
• Advanced Carousel Styles: Ticker, grid and 3D carousel effects.
• Slider Transition Effects: Professional animation effects between slides.
• Dual Slide Direction: Horizontal and vertical movement paths.
• Slide on Mouse Wheel: Navigate slides with the scroll wheel.
• Slide on Mouse Drag: Drag-to-slide for a tactile feel.
• Arrow Follow Mouse: Navigation arrows that follow the cursor.
• Grab Cursor Interaction: A grab icon that shows the carousel can be dragged.
• Custom Arrow Styles: Navigation arrow designs to match your branding.
• Thumbnail Direction & Navigation: Thumbnail flow with its own arrows.
• Thumbnail Styling: Position, dimensions, borders and colour overlays.
• Box Model Controls: Margin, padding, border and border radius throughout.
• Advanced Typography: Fonts, sizes and text behaviour on every part of a slide.
• Interactive Color States: Separate colours for standard and hover states.
• Animation Timing: Control animation duration and start delay.
• Clickable CTA Buttons: Custom button labels and URLs in slide content.
• Smart Link Behavior: Open button links in a new tab.
• Badge & Field Icon Library: Icons from Font Awesome, Bootstrap or Lucide instead of emoji.
• Custom HTML Wrapper Tags: Tags like h1–h6 for better structure and SEO.
• Left/Right Inner Gap: Internal spacing between slider items.
• Move From Edge: Control the spacing of content from the slider edges.
• Pagination Position: Alignment for pagination buttons in grid layouts.
• Lazy Load Enable: Defer offscreen images for faster pages.
• Advanced Video Tools: Mute, PIP, AirPlay, Download and Fullscreen.
• Video Reset On End: Restart a video from the beginning once it finishes.
• Video Auto Hide Controls: Hide the playback UI while the visitor is idle.

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

1. Go to Plugins → Add New.
2. Search for bSlider.
3. Click Install Now, then Activate.
4. In the block editor, add the bSlider block, choose a slider type and layout, configure settings, and publish.
5. 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 two cover this free version and are linked
from inside the plugin, at the point each one is about. 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

• Building slides out of Gutenberg blocks
• 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.

Swiper

• Source: https://swiperjs.com/
• GitHub: https://github.com/nolimits4web/swiper
• License: MIT – https://github.com/nolimits4web/swiper/blob/master/LICENSE
• Purpose: Powers the Carousel, Grid and Thumbnails layouts, including their transition effects.

animate.css

• Source: https://animate.style/
• GitHub: https://github.com/animate-css/animate.css
• License: MIT – https://github.com/animate-css/animate.css/blob/main/LICENSE
• Purpose: Provides the entry and loop animations applied to slide content and layers.

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.