Blocks » Slideshow Block

The Slideshow block allows you to insert an image slideshow into a post or page.

Here is how it looks when added to a page.

Table of Contents

Adding a Slideshow Block

To add a Slideshow block, use the Add Block button, or you can type /slideshow and press enter.

Detailed instructions on adding blocks can be found here.

↑ Table of Contents ↑

Block Toolbar

Each block has its own block-specific controls that allow you to manipulate the block right in the editor.

Example of setting alignment using the slideshow toolbar at the top of the block.
The slideshow toolbar supports multiple alignments like wide and full width depending on the theme.
  • Align center
  • Wide width (when supported by the theme)
  • Full width (when supported by the theme)
  • Edit Slideshow
  • More Options

↑ Table of Contents ↑

Adding Images

When you add a Slideshow block, you’re given two options: Upload and Media Library.

Example of how to add images from the Media Library, Google Photos or Pexels Free Photos using the Slideshow Block with the Select Images option..

Upload allows you to upload a new image or multiple images to from your compuer to your website.

Select Images lets you choose from previously uploaded images in your Media Library, or choose from Google Photos or the Pexels Free Photo library.

↑ Table of Contents ↑


If you create your slideshow and later decide to add more images to it, you can do so using the Upload an image option below the slideshow you created:

Image of the Upload an image option below the existing slideshow.

↑ Table of Contents ↑

Edit Slideshow

Use the Edit Slideshow button, which looks like a pencil, if you want to add or remove images, or rearrange the order in which they appear.

Reordering Images

The images are added to the Slideshow in the order that you select them when in Edit Slideshow. You’ll notice a number next to each image when you select it. This number indicates what order the image will appear in your Slideshow block.

Reorder Images in blocks like Gallery and Slideshow
Reordering images in blocks like Gallery and Slideshow

↑ Table of Contents ↑

Block Settings

Every block has specific options in the editor sidebar in addition to the options found in the block toolbar.

WordPress Editor - Settings

If you do not see the sidebar, click the ‘cog’ icon next to the Publish button.

↑ Table of Contents ↑


Enable this option to have your slideshow move between images automatically.

When enabled, your slideshow will include a pause button allowing viewers to pause the slideshow. You can also select the length (in seconds) of the delay between automatic transitions:

Example showing how to toggle the button to Autoplay images and to set the delay between transitions.

↑ Table of Contents ↑


Choose the effect you want for your slide transitions (Slide or Fade):

Example of choosing a slide or fade effect.

↑ Table of Contents ↑


The advanced tab lets you add a CSS class to the Slideshow block, which can be used to style the slideshow further with custom CSS code. Learn more.

Not quite what you're looking for?

Get Help