The slideshow widget allows you to create a sequence of images on your site. The slideshow can advance automatically after a set period or when the user clicks on the next or previous button.
We support a maximum of 10 images per slideshow and no more than 3 slideshows on a page. More than this will probably make the page very slow to load.
STEP 1. Drag and drop the widget onto your page
Click on Add content (1) then scroll down until you find the Slideshow widget and drag it onto your page (2).
STEP 2. Open the widget settings
Click on the slideshow widget on your page and the widget settings panel will open on the left.
- Choose images - Select the images you want to display on your slideshow.
- Slide duration - Select from 1 to 15 seconds. This is the time your users will be able to see each image before the slideshow advances to the next one.
- Transition speed - Change the transition speed if you want a quick transition or a smooth one.
- Transition type - Select the kind of transition you want for your slideshow.
- Image title and description - If you have set titles and descriptions on your images, tick these boxes to show them on top of the slideshow
- Buttons - This allows you to show or hide the next / previous buttons
- Bullets - The bullets are the page indicators shown as circular buttons at the bottom of the widget.
- Pause - Enable the pause button so your visitors can pause the slideshow whenever they want.
- Loop - If this is ticked, as soon as the slideshow ends, it will start over.
- Zoom - Images will be zoomed in to occupy the whole width of the widget.
- Manage album - This button will take you to your image albums. You can create an album with your images to add them to your carousel.
- Save - Don't forget to save your changes when you finish.
(Optional) The order in which the images are shown
Right now, there are 2 ways of setting a specific order for your images on the slideshow widget:
Upload them one by one: You will need to upload the images one by one into your editor in the reverse order you want them to be shown. By using this method you are able to name your images as you wish.
In the example above, if I wanted to show the images in the order you see them now, I would first need to upload the red bike, then the white and, finally, the blue bike. Then when adding these images into the slideshow on the editor we would see first the blue one, then the white one and finally the red one.
Name them with numbers: If you don't want to upload them one by one to your editor, you can upload them as a bundle if you change the name of your images. The numbers have also to be added in the reverse order.
In the example above, if we wanted to show the images in the order you see them now, I would need to add a 01 to the last image I want to be shown on the slideshow and so on. As I have named the images above, when I add them to my slideshow I will see first the blue bike, then the white one, and finally the red bike.
Note: We are currently working on improving the way you set an order for your images, and we expect it to be available soon in a future release.