A slider with a Call-to-Action (CTA) button is one of the best ways to highlight offers, promote services, or guide visitors to take action, right from the top of your page. If you’re using the WordPress block editor, the Sliderberg plugin makes it incredibly easy to build that kind of slider without writing any code.
The Best thing about Sliderberg is that it allows you to use any Block in the Gutenberg Editor. Therefore, using Sliderberg, you can slide anything and everything.
In this guide, you’ll learn how to create a fully functional slider with headings, background images, and a CTA button using Sliderberg.
If you’d like to see the demo first, I’ll show it to you below.
Step 1: Install and Activate Sliderberg
Start by installing the Sliderberg plugin if you haven’t already:
- Go to Plugins from your Dashboard.
- Now, click the Add New button.
- Search for Sliderberg in the plugin search bar.
- Click Install Now, then Activate the plugin.
Once activated, the plugin will be available as a block inside the editor.

Step 2: Add the Sliderberg Block
Open or create a new post or page and launch the Block Editor.
- Click the + icon to add a block.
- Search for Sliderberg in the search box.
- Select Sliderberg when it appears.

Now, select the Block Slider option. It will open a new Slider Canvas.

Here, you can add slide background images or colors for your slide background.

Step 3: Add Background and Slide Content
Now, let’s add Slides and Background Images for your Sliders.
- Click Add Slide to add slides. You can add as many slides as you want.
- Click the Upload or Media Library button to add Images for your Slides.

Click the “Upload” or “Media Library” button to upload and select an image for the slider.

Now add your Heading and content in the dedicated position.

Step 4: Add and Style the CTA Button
After that, follow the following.
- Click the + icon to add a block.
- Search for Buttons in the search box.
- Select the Buttons block when it appears.

When the button is inserted, add your Call-to-Action text and set the position.

After selecting the button block, you can adjust the button’s width from the Settings option on the right side panel.

In the Button’s style menu, you can edit the color, typography, dimensions, and border & shadow of the button. Customize the button block as you like.

After customizing the first slide, repeat Steps 3 and 4 to create additional slides with a Call-to-Action button.
After finishing creating the slider, it looks like this.
When you’re done, please update or publish your post or page.
Final Thoughts
Sliderberg makes it easy to build sliders that don’t just look good—they drive action. You can highlight products, promote offers, or link to landing pages with just a few blocks.
Everything remains within the native editor, eliminating the need for third-party builders or custom code.
Try it out and turn your slider into a section that truly works for your goals.
Leave a Reply