Build slides from WordPress content and blocks

bSlider Pro extends bSlider, a WordPress slider tool for images, posts, WooCommerce products, videos, and slides assembled from Gutenberg blocks. Add a slider in the block editor or place it elsewhere with a shortcode. Block-built slides can combine headings, images, buttons, and columns, while Dynamic Content can bind a post or product to a slide and add Post Field blocks. Each field can use a different post, and a field can be converted into a Heading, Paragraph, or Image block for editing.

Choose a carousel to present slides in sequence, a grid to arrange items in rows and columns, or thumbnails for separate slide navigation. The Template Library also offers more than 50 ready-made slider designs to import and customize.

Feeds, video, and dynamic content

Pro can create sliders from a YouTube channel, Instagram account, RSS feed, or JSON endpoint. Feed results can be cached on a schedule you choose. Presets include channel grid, player grid, theater, reels, card, and hover-overlay formats. YouTube controls can filter by search term, playlist, or privacy status, group results, and set thumbnail quality. YouTube and Instagram feeds require the relevant API credentials.

Feed presentations can include a profile header with a name, picture, follower count, and Follow button. A mini player can dock a video in a corner as users scroll, and hover preview can play within a video slide. Player settings include a theme, progress bar color, and lazy loading.

Layout and interaction choices

Carousel, grid, and thumbnail layouts have different navigation and spacing controls; Pro also includes a list layout and advanced carousel effects such as ticker and 3D. Carousels can move horizontally or vertically, and visitors can navigate with arrows, a mouse wheel, or dragging. Grid layouts have adjustable gaps and pagination, while thumbnail navigation has its own direction, arrows, and styling.

Transitions include fade, slide, and flip. Autoplay can be turned on or off, with a custom duration for each slide, and hover pause can stop movement while a user points at the slider. Controls for arrows, indicators, overlays, content position, backgrounds, borders, padding, radius, and alignment let you adjust each presentation.

Animation, styling, and lightbox controls

Animate individual blocks as they enter or leave a slide, set timing, or use loop effects such as Pulse, Bounce, Float, Flash, Shake, and Swing. Pro also works with word-by-word text animation, a styled background for an individual word, hover color changes, and Lottie animation layers. Typography and device-specific visibility settings help tune layered content for different screen sizes.

Style with AI can set slider colors, typography, buttons, and arrows from a one-sentence description. With your own Google Gemini key, it can also draft slide titles, descriptions, button labels, and alt text from an image. bSlider includes an image lightbox that can display a slider’s pictures as a gallery; its controls include captions, a toolbar, and backdrop settings.

Add a slider

Install bSlider in WordPress, add its block in the Gutenberg editor or use a shortcode where the slider should appear, and choose a content source. Configure the feed, dynamic content, layout, animation, navigation, and responsive settings you need, then reorder slides by drag and drop and preview the result before publishing.