How to Create a Slider With a Call-to-Action Button in WordPress

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.

Sliderberg

Slide Anything and Everything!

Sliderberg

No. 1 Slider Plugin for Gutenberg!

Sliderberg

Slide Any Block You Like.

Sliderberg

Slide Any Content You Want!


Step 1: Install and Activate Sliderberg

Start by installing the Sliderberg plugin if you haven’t already:

  1. Go to Plugins from your Dashboard.
  2. Now, click the Add New button.
  3. Search for Sliderberg in the plugin search bar.
  4. Click Install Now, then Activate the plugin.

Once activated, the plugin will be available as a block inside the editor.

How to Create a Slider With a Call-to-Action Button in WordPress

Step 2: Add the Sliderberg Block

Open or create a new post or page and launch the Block Editor.

  1. Click the + icon to add a block.
  2. Search for Sliderberg in the search box.
  3. 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.

  1. Click Add Slide to add slides. You can add as many slides as you want.
  2. 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.

  1. Click the + icon to add a block.
  2. Search for Buttons in the search box.
  3. 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.

Sliderberg

Slide Anything and Everything!

Sliderberg

No. 1 Slider Plugin for Gutenberg!

Sliderberg

Slide Any Block You Like.

Sliderberg

Slide Any Content You Want!

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.

Comments

Leave a Reply

Your email address will not be published. Required fields are marked *