123 Reg Support

How do I create a Carousel or Image Slider in Website Builder?

This article will show you how to create and manage your own Carousel/Image Slider in Website Builder.

A carousel is a great way of allowing your visitors to browse a collection of images without bombarding them with too much information.

Since this process differs depending on which version of Website Builder you have, please select your version from the list below and follow the instructions provided to get started:

If you’re not sure which version of Website Builder you have, you can find out by reading this article.

Version 9

Step 1 of 6

Start by logging in to Website Builder.

Step 2 of 6

Access the page you wish to update and add a new section.

Step 3 of 6

Select Image Gallery in the right-hand menu, followed by Photo Gallery.

Step 4 of 6

Click the Add button for your preferred Slideshow section.

Step 5 of 6

After a few moments, your section will be added to the page. You can then change several features relating to your section, including its title, layout, design and slideshow speed.

To reorder your images, simply drag and drop them into your preferred order. Clicking an image will also allow you to add a description or caption to them and edit its design.

For more details on how to make the most of your gallery, please read the following articles:

  1. How do I upload an image to the Website Builder image gallery?
  2. How do I delete images from my Website Builder image gallery?
Step 6 of 6

Once you’ve made your changes, click Done to save them.

Version 8

Step 1 of 7

Start by logging in to your Website Builder package.

 

Step 2 of 7

From there, select Widgets in the left-hand menu.

 

Step 3 of 7

Scroll down to the Media section, and then drag and drop the Image Slider widget wherever you want it to appear on your page.

 

Step 4 of 7

A pop-up window will now appear where you can add, edit, remove and re-order the images within your slider. To add a new image, simply click the + Image or Add image option and then select your desired picture(s) from the Image Picker that appears.

From there, click Done to incorporate your image(s) into your slider.

 

Step 5 of 7

To edit an image, simply select it within your Image Slider Content box and then update its settings using the provided fields. In particular, you can change the position of the image’s content, add a link to it as well as update the overlaying title and button text.

If you’d rather not have the title and button text appearing over your images, simply click the eye icon that appears alongside their respective fields.

Please note: for more details on how to edit an image, please read the following Support article: How do I resize and image in Website Builder?

 

Step 6 of 7

To re-order your image slider, simply hover your cursor over the three dots that appear over each image and then click and drag it into your desired position.

You can also delete an image by clicking the X icon that appears in its top-right corner.

 

Step 7 of 7

You can also adjust the style and settings of your Image Slider by selecting the Design tab.

From here, you can decide whether your slider should autoplay or not, the speed of your slideshow as well as its layout, font size, style, colour and more.