Help Centre

Support > Designing and Building Your Website > Adding Your Content

How do I create an image slideshow?

An image slideshow is a great way of adding content to your Create website. It can be used to promote products, or show off your photography.


For Content Pages

With our new content builder you can create a slideshow using any of the content blocks that allow you to upload your own image.

For this example, we’ll use the ‘Image’ content block.

First of all, you can follow the steps below to add the ‘Image’ content block to your webpage:

  1. Log into your Create account

  2. Click Content on the top menu

  3. Click Edit This Page (the pencil icon) next to the page you would like to edit

  4. Click the Add Block button in the bottom left-hand corner

  5. Drag and drop the Image content block onto the desired area on the page.

If you then click Image Settings, you’ll be presented with the below box:

If you click Select this will bring up a window allowing to select which images you would like to use. The images presented will be the images you have stored in the Images area under the Content option in the top menu. You also have the option to upload images straight from your computer.

Selecting multiple images and then clicking Continue will bring up the slideshow setting options:

With these options, you can choose whether you would like to display left and right arrows either side of your image or even slider dots below the image - both settings allow your customer to flick through your slideshow at their leisure.

You also have the option to choose an Auto Play duration which will automatically flick through your photos after a short delay.

Once you’ve clicked Done, if you hover your mouse over the slideshow you’ll notice you have the option to crop your slideshow to a specific aspect ratio and you also have the option to link you slideshow to a specific page in your website or external link.

 

For Pagebuilder Pages

Before your start please first upload your images to the "Images" area in your Create account.

You will then need to create an image gallery containing the images that you wish to display in the slideshow. To do this, please follow the steps below:

  1. Click "Content" from the Top Menu.
  2. Click "Galleries and Slideshows" from the left-hand menu.
  3. Fill out the "Title", "Thumbnail" and "Columns" fields in the box titled "Create New Gallery".
  4. Click "Save and Continue".
  5. Then, you can add the images you wish to include by selecting them from the list and clicking "Add Image".
  6. Once you are happy please click the link at the bottom of the page: "Click Here To Return To The Galleries Main Menu".
  7. Click 'Slideshow Options' next to the gallery that you have just created.
  8. On this page you can customise your slideshow by changing the different options.

These options are listed below:

  • Select the width and height of your slideshow.
  • Set your images to fill the slideshow and be cropped, or to fit within the slideshow area.
  • Choose whether to show the titles of your images on the slideshow.
  • Choose whether to show a control panel to allow visitors to your site to skip through the images.
  • Choose whether to show small thumbnail images at the bottom of the slideshow.
  • Set the duration of each image before its transition.
  • Choose the effect, direction and speed of the Image Transition.
  • Select a Ken Burns effect.
  • Choose to use images from your Flickr Feed within your slideshow.
    Please note that Flickr's feed only supports images that are a maximum of 240px wide.

Click "Save your changes".

You can now insert the slideshow onto one of your pages by following the steps below:

  1. Click "Content" from the Top Menu.
  2. Click "edit" next to the page that you would like to insert your slideshow onto.
  3. Click on the page where you would like your slideshow to appear.
  4. Click the "Insert/Edit image" icon from the editor toolbar. (It looks like a little picture of a tree).
  5. In the pop up, you will see your slideshow labeled as "SLIDESHOW:" at the bottom of the "Choose Image" drop-down.
  6. Select your slideshow and click insert

Your slideshow will appear as a grey place-holder image. Please preview your website to see your finished slideshow on your page before publishing.

Shoe_Slider0002.png

An example of a Create Slideshow.

Please note this feature is non-responsive. If you would like a responsive sliding image feature please see the Promotional Banner Slider widget guide here