Title: Content Slider Block – bring your content to life with slides
Author: bPlugins
Published: <strong>11 de setembre de 2021</strong>
Last modified: 30 d'agost de 2026

---

Cerca extensions

![](https://ps.w.org/content-slider-block/assets/banner-772x250.png?rev=3623258)

![](https://ps.w.org/content-slider-block/assets/icon.svg?rev=3623258)

# Content Slider Block – bring your content to life with slides

 Per [bPlugins](https://profiles.wordpress.org/bplugins/)

[Baixa](https://downloads.wordpress.org/plugin/content-slider-block.3.2.1.zip)

 * [Detalls](https://ca.wordpress.org/plugins/content-slider-block/#description)
 * [Ressenyes](https://ca.wordpress.org/plugins/content-slider-block/#reviews)
 *  [Instal·lació](https://ca.wordpress.org/plugins/content-slider-block/#installation)
 * [Desenvolupament](https://ca.wordpress.org/plugins/content-slider-block/#developers)

 [Suport](https://wordpress.org/support/plugin/content-slider-block/)

## Descripció

**Turn static pages into engaging, swipeable stories – build professional content
sliders right inside the block editor, no code required.**

[**Plugin Demo**](https://bplugins.com/products/content-slider-block) | [**Documentation**](https://bplugins.com/docs/content-slider-block)
| [**Pricing**](https://bplugins.com/products/content-slider-block/#pricing)

### Why Content Slider Block?

**Content Slider Block** adds a dedicated slider block to the Gutenberg editor so
you can showcase content professionally – each slide with its own background (vibrant
gradient, captivating image, or sleek color), plus a title, description, and call-
to-action button.

Customization is at the core of the plugin. Flexible typography settings let you
fine-tune every text element, buttons are fully stylable with link behavior, padding,
and borders, and you control exactly where content sits on each slide – you can 
even drag it into position. Responsive column options keep your sliders looking 
sharp on desktops, tablets, and phones.

Advanced slider options – autoplay, loop, touch move, slide speed, and transition
effects like Slide, Fade, and Creative – help you build sliders that leave a lasting
impression. Whether you’re a blogger, marketer, or business owner, Content Slider
Block lets you tell your story your way.

### Free Features

 * **Flexible Slide Backgrounds:** Set a color, gradient, or image background for
   each slide.
 * **Rich Slide Content:** Add a title, description, and button to every slide.
 * **Typography Controls:** Set typography for the title, description, and button.
 * **Button Styling:** Specify link tab behavior, padding, and border for the button.
 * **Drag-and-Drop Content Position:** Set different positions for slide content,
   or simply drag it into place.
 * **Color Controls:** Different colors for slide title and description, plus button
   colors and hover colors.
 * **Responsive Columns:** Apply different column counts per device, with column
   gap, width, and height controls.
 * **Slider Options:** Loop, Touch Move, Slide Speed, and Autoplay.
 * **Transition Effects:** Slide, Fade, and Creative effects.
 * **Pagination & Navigation:** Show/hide both and configure their dynamic styles,
   including clickable pagination and dynamic bullets.

### Pro Version – More Effects & Control

Upgrade to [**Content Slider Block Pro**](https://bplugins.com/products/content-slider-block/#pricing)
for advanced slider behavior and device-level control.

**Pro features include:**

 * **Sortable:** Reorder slides with drag and drop.
 * **Border:** Border style options on every single slide.
 * **Advanced Autoplay:** Delay time, Disable on Interaction, Reverse Direction,
   Pause on Mouse Enter, and Stop on Last Slide.
 * **Free Mode & Sticky:** Free Mode on drag, with a sticky option.
 * **Extra Effects:** Cube, Coverflow, Flip, and Cards.
 * **Keyboard & Mousewheel Control:** Slide with the keyboard or mousewheel.
 * **Device Visibility:** Show/hide pagination and navigation on tablet and mobile.
 * **Wrapper Styling:** Background and padding options for the slider wrapper.
 * **Shortcode:** Use your slider anywhere with a shortcode.

### How to Use Content Slider Block

 1. Install and activate the **Content Slider Block** plugin.
 2. Open a page or post in the Gutenberg editor.
 3. Add the **Content Slider** block from the «Content Slider Block» category.
 4. Adjust slides and styles from the right-side settings sidebar.
 5. Publish – your slider is live!

### Use Cases

 * **Hero Sections:** Rotate headlines, offers, and calls to action at the top of
   your pages.
 * **Promotions & Campaigns:** Highlight sales and announcements with bold CTA buttons.
 * **Image Showcases:** Present photos and visuals in a swipeable carousel.
 * **Feature Highlights:** Walk visitors through product or service features slide
   by slide.
 * **Storytelling Pages:** Guide readers through content in a sequenced, visual 
   way.

### User Feedback

#### ⭐⭐⭐⭐⭐ 󠀁[simple and effective](https://wordpress.org/support/topic/simple-and-effective-1351/)󠁿

❛❛**_very simple very effective_**

**_please keep updating it_**

**_Best Regards_**❜❜

**_–[tarekelnemrawy](https://wordpress.org/support/users/tarekelnemrawy/)_**

Did you like this plugin? Dislike it? Have a feature request? [Please share your feedback with us](https://ca.wordpress.org/plugins/content-slider-block/support@bplugins.com?output_format=md).

### Check out the Parent Plugin of this plugin-

[**B Blocks**](https://bblockswp.com) – A blocks collection and page building tool
for Gutenberg.

### Check out our other WordPress Plugins-

[**Html5 Video Player**](https://bplugins.com/products/html5-video-player/) – Display
videos as single and playlist in multiple skins.

[**PDF Poster**](https://bplugins.com/products/pdf-poster/) – Display/Embed PDF 
files with different styles.

[**Html5 Audio Player**](https://bplugins.com/products/html5-audio-player/) – Listen
audios with awesome visuals.

[**StreamCast**](https://bplugins.com/products/streamcast-radio-player/) – Customizable
radio player with different skins.

[**3D Viewer**](https://bplugins.com/products/3d-viewer/) – Embed 3D models and 
3D products with interaction.

[**Advanced Post Block**](https://bplugins.com/products/advanced-post-block/) – 
Show posts and custom posts in different layouts.

### Source Code

You can find the source code, report bugs, and contribute to the development of 
this plugin on our GitHub repository:
 [**Content Slider Block on GitHub**](https://github.com/bPlugins/content-slider-block-wp)

### Third-Party Libraries

This plugin bundles the following third-party JavaScript/PHP libraries.

#### Swiper

 * **Source:** https://swiperjs.com/
 * **GitHub:** https://github.com/nolimits4web/swiper
 * **License:** MIT – [https://github.com/nolimits4web/swiper/blob/master/LICENSE](https://github.com/nolimits4web/swiper/blob/master/LICENSE)
 * **Purpose:** Modern touch slider used for Slider and News Ticker components.

#### Freemius Lite SDK

 * **Source:** [https://bplugins.com/](https://bplugins.com/)
 * **GitHub:** [https://github.com/bPlugins/freemius-lite-sdk](https://github.com/bPlugins/freemius-lite-sdk)
 * **License:** GPL-2.0-or-later – [https://www.gnu.org/licenses/gpl-2.0.html](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](https://bplugins.com/privacy-policy)
   and [Freemius Privacy Policy](https://freemius.com/privacy/).

#### 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

## Captures

[⌊Default, Image Background⌉⌊Default, Image Background⌉[

Default, Image Background

[⌊Custom Content Position⌉⌊Custom Content Position⌉[

Custom Content Position

[⌊Image Slider⌉⌊Image Slider⌉[

Image Slider

[⌊All Settings⌉⌊All Settings⌉[

All Settings

## Blocs

Aquesta extensió proporciona 1 bloc.

 *   Content Slider Display slider in a beautiful way.

## Instal·lació

**From your WordPress dashboard (recommended):**

 1. Go to **Plugins  Add New**.
 2. Search for **«Content Slider Block»**.
 3. Click **Install Now**, then **Activate**.
 4. Add the **Content Slider** block to any post or page in the block editor.

**Manual installation:**

 1. Download the **Content Slider Block** plugin (_.zip file_).
 2. In your admin area, go to **Plugins  Add New** and click **Upload Plugin**.
 3. Choose the `content-slider-block.zip` file, click **Install Now**, then **Activate**.
 4. Alternatively, upload the plugin folder to the `/wp-content/plugins/` directory
    and activate it through the **Plugins** menu.

## PMF

### Is Content Slider Block free?

Yes, Content Slider Block is a free Gutenberg block plugin. A Pro version with extra
effects and controls is also available.

### Does it work with any WordPress theme?

Yes, it works with any standard WordPress theme.

### Can I change block settings?

Yes, you can change all block settings from the Gutenberg block editor’s right sidebar.

### How many times can I reuse the block?

There’s no limit – you can use the block as many times as you want across your site.

### Can I set a different background for each slide?

Yes. Each slide can have its own color, gradient, or image background, along with
its own title, description, and button.

### Does the slider support autoplay and touch gestures?

Yes. The free version includes autoplay, loop, touch move, and slide speed options.
The Pro version adds advanced autoplay controls like delay time, pause on mouse 
enter, and reverse direction.

### Can I use the slider outside the block editor?

The Pro version includes a shortcode option so you can place your slider anywhere
shortcodes are supported.

### Where can I get support?

You can post your questions on the [support forum here](https://wordpress.org/support/plugin/content-slider-block/).

## Ressenyes

![](https://secure.gravatar.com/avatar/2225189e8044df879b3326c1371fcd0b2ce35b545f212ee06d580bab8c273539?
s=60&d=retro&r=g)

### 󠀁[Whole React.js on frontend just for one block?](https://wordpress.org/support/topic/whole-react-js-on-frontend-just-for-one-block/)󠁿

 [cvladan](https://profiles.wordpress.org/cvladan/) 21 de febrer de 2024 1 resposta

Is it possible that the entire React is being loaded on the frontend just for this
one block to work on the frontend?

![](https://secure.gravatar.com/avatar/14010fb7c3176b0aa830c74ddf22a93b914aaf203ab48f6ea2bd522e2110cf9c?
s=60&d=retro&r=g)

### 󠀁[Good feature set, needs a little polish](https://wordpress.org/support/topic/good-feature-set-needs-a-little-polish/)󠁿

 [Tobin Fekkes](https://profiles.wordpress.org/tobinfekkes/) 24 de juny de 2022

Handles a lot of intro needs quite well. Being able to drag-drop slides to place
them in order would be huge. It would prevent the need to remove and re-create two
slides just to move their position. Also, being able to add a video URL as a slide
source would be a game-changer as well. Both those would make it a no-brainer for
the $10 paid version.

![](https://secure.gravatar.com/avatar/791ea58bfc5c00d0a9f71872fdf905eb12b563e66fb55e386090ef463906be5b?
s=60&d=retro&r=g)

### 󠀁[Terrible Plugin](https://wordpress.org/support/topic/terrible-plugin-58/)󠁿

 [strikernew](https://profiles.wordpress.org/strikernew/) 27 de abril de 2022 2 
respostes

I tried to upgrade to the Pro version and was charged twice. The button link did
not work. The contact form on the website does not work. Terrible experience. Do
not recommend it.

![](https://secure.gravatar.com/avatar/fdd2e144ef9baa0902fc44abb7e7ced1eb955be4bbe9373fe480bdf0bf61bd4b?
s=60&d=retro&r=g)

### 󠀁[simple and effective](https://wordpress.org/support/topic/simple-and-effective-1351/)󠁿

 [tarekelnemrawy](https://profiles.wordpress.org/tarekelnemrawy/) 29 de gener de
2022

very simple very effective please keep updating it Best Regards

![](https://secure.gravatar.com/avatar/72b4db28edbc721736b1d54263ed298f4712ab68cb10e3ec26cd3bad38c4ddf1?
s=60&d=retro&r=g)

### 󠀁[Very good plugin with optimization needs](https://wordpress.org/support/topic/very-good-plugin-with-optimization-needs/)󠁿

 [fishmi](https://profiles.wordpress.org/fishmi/) 15 de setembre de 2021

A recommendable plugin with useful features and very good usability. To be able 
to use it, however, I am missing two important features: The content block (headline,
description, button) usually needs a background color (with variable transparency
and variable padding), if the photo behind it in the slider is too bumpy to read
the text. And in my opinion a plugin must take into account the defaults for the
color selection, in my case always specified via the functions.php (theme support
for custom color palette). This is the only way to ensure that only the required
colors are available (applies to text, background and button). Martin

 [ Llegiu totes les 4 ressenyes ](https://wordpress.org/support/plugin/content-slider-block/reviews/)

## Col·laboradors i desenvolupadors

«Content Slider Block – bring your content to life with slides» és programari de
codi obert. La següent gent ha col·laborat en aquesta extensió.

Col·laboradors

 *   [ bPlugins ](https://profiles.wordpress.org/bplugins/)
 *   [ Abu Hayat ](https://profiles.wordpress.org/abuhayat/)
 *   [ Charles Cormier ](https://profiles.wordpress.org/charlescormier/)
 *   [ Freemius ](https://profiles.wordpress.org/freemius/)

[Traduïu «Content Slider Block – bring your content to life with slides» a la vostra llengua.](https://translate.wordpress.org/projects/wp-plugins/content-slider-block)

### Interessats en el desenvolupament?

[Navegueu pel codi](https://plugins.trac.wordpress.org/browser/content-slider-block/),
baixeu-vos el [repositori SVN](https://plugins.svn.wordpress.org/content-slider-block/),
o subscriviu-vos al [registre de desenvolupament](https://plugins.trac.wordpress.org/log/content-slider-block/)
per [fisl de subscripció RSS](https://plugins.trac.wordpress.org/log/content-slider-block/?limit=100&mode=stop_on_copy&format=rss).

## Registre de canvis

#### 3.2.1 – 11 Jun 2026

 * **Update:** SDK
 * **Update:** Performance Improvement

#### 3.2.0 – 04 Mar 2026

 * **Update:** Admin Dashboard – Improved UI with better navigation and clearer 
   feature organization.

#### 3.1.9 – 27 Nov 2025

 * **Update:** Admin Dashboard.
 * **Update:** SDK.

#### 3.1.8 – 5 May 2025

 * Fix textdomain issue.

#### 3.1.7 – 27 Jan 2025

 * Update SDK.

#### 3.1.6 – 2 Nov 2024

 * Fix ShortCode Issue

#### 3.1.5 – 30 Oct 2024

 * Sortable

#### 3.1.4 – 31 Jan 2024

 * Performance improvement
 * Fix issue.

#### 3.1.3 – 23 Sep 2023

 * Update SDK.

#### 3.1.2

 * Update SDK

#### 3.1.1

 * Fix the height

#### 3.1.0

 * Combined with the pro.

#### 3.0.9

 * Fix free-pro activation conflict.

#### 3.0.8

 * Fix for the reusable block.

#### 3.0.7

 * Add translate feature

#### 3.0.6

 * Fix content position in smaller devices

#### 3.0.5

 * Fix Button Link Issue

#### 3.0.4

 * Library update

#### 3.0.3

 * Fix CSS issue

#### 3.0.2

 * Fix column gap
 * Add option for link target (self or new tab)

#### 3.0.1

 * Performance upgrade

#### 3.0.0

 * Content draggable

#### 2.0.2

 * Bug Fixing
 * Performance upgrade

#### 2.0.1

 * Performance upgrade

#### 2.0.0

 * Separate options for slide text and button colors

#### 1.0.3

 * Sanitizes content

#### 1.0.2

 * Fix Issues.

#### 1.0.1

 * Slider Alignment fix.

#### 1.0.0

 * Initial Release.

## Meta

 *  Versió **3.2.1**
 *  Darrera actualització **fa 46 minuts**
 *  Instal·lacions actives **3.000+**
 *  Versió del WordPress ** 6.5 o posterior **
 *  Provada fins a **7.1**
 *  Versió del PHP ** 7.4 o posterior **
 *  Idioma
 * [English (US)](https://wordpress.org/plugins/content-slider-block/)
 * Etiquetes
 * [block](https://ca.wordpress.org/plugins/tags/block/)[carousel slider](https://ca.wordpress.org/plugins/tags/carousel-slider/)
   [content carousel](https://ca.wordpress.org/plugins/tags/content-carousel/)[Image carousel](https://ca.wordpress.org/plugins/tags/image-carousel/)
   [image slider](https://ca.wordpress.org/plugins/tags/image-slider/)
 *  [Vista avançada](https://ca.wordpress.org/plugins/content-slider-block/advanced/)

## Valoracions

 3.2 sobre 5 estrelles.

 *  [  1 valoració de 5 estrelles     ](https://wordpress.org/support/plugin/content-slider-block/reviews/?filter=5)
 *  [  2 valoracions de 4 estrelles     ](https://wordpress.org/support/plugin/content-slider-block/reviews/?filter=4)
 *  [  0 valoracions de 3 estrelles     ](https://wordpress.org/support/plugin/content-slider-block/reviews/?filter=3)
 *  [  1 valoració de 2 estrelles     ](https://wordpress.org/support/plugin/content-slider-block/reviews/?filter=2)
 *  [  1 valoració de 1 estrelles     ](https://wordpress.org/support/plugin/content-slider-block/reviews/?filter=1)

[La vostra ressenya](https://wordpress.org/support/plugin/content-slider-block/reviews/#new-post)

[Visualitza totes les ressenyes](https://wordpress.org/support/plugin/content-slider-block/reviews/)

## Col·laboradors

 *   [ bPlugins ](https://profiles.wordpress.org/bplugins/)
 *   [ Abu Hayat ](https://profiles.wordpress.org/abuhayat/)
 *   [ Charles Cormier ](https://profiles.wordpress.org/charlescormier/)
 *   [ Freemius ](https://profiles.wordpress.org/freemius/)

## Suport

Teniu quelcom a dir? Necessiteu ajuda?

 [Visualitza els fòrums de suport](https://wordpress.org/support/plugin/content-slider-block/)

## Feu una donació

Voleu ajudar a què l’extensió millori?

 [ Feu una donació a aquesta extensió ](https://www.buymeacoffee.com/abuhayat)