Skip navigation
Knowledge Base    Websites    Site Settings: Adding images, galleries and slideshows to Website Builder (v8 & v10)

Adding images, galleries and slideshows to Website Builder (v8 & v10)

Last Updated: Jan 21, 2022

Adding images, galleries, and slideshows to Website Builder will help show your message to your audience.  

v10 Instructions

v8 Instructions

 

v10 Instructions:

Add an image section to your page

1. Click the + button

Add section

Add section

 

2. Click Add section here in the position you want

Add section here

Add section here

 

3. Select the image section you want

Select an image section

Select an image section

 

4. Click on the section you have just added to open the settings panel

5. Click on the image to open the image settings panel

6. Click on Change image

Change image

Change image

 

7. Select an image to upload

Select an image to upload

Select an image to upload

 

8. Click Save to make the changes

Save image

Save image

Add a gallery

1. Click the + button

Add section

Add section

 

2. Click Add section here in the position you want

Add section here

Add section here

 

3. Select the gallery section you want

Select a gallery section

Select a gallery section

 

4. Click on the section you have just added to open the settings panel

5. Click on the gallery to open the gallery settings panel

6. Click on Edit images

Edit images

Edit images

 

7. Click Add images to gallery

Add image to gallery

Add image to gallery

 

8. Upload new images or use the Recent tab to select the images you want to add and click Add images

Select images

Select images

 

9. Images in the gallery can be re-ordered by dragging and dropping and then clicking Done

Re-order images

Re-order images

 

Add a Slideshow

1. Click the + button

Add section

Add section

 

2. Click Add section here in the position you want

Add section here

Add section here

 

3. Select the slideshow section you want

Select a slideshow section

Select a slideshow section

 

4. Click on the section you have just added to open the settings panel

5. Click on the image icon in the top left corner to open the slideshow settings panel

Open slideshow settings

Open slideshow settings

 

6. From the slideshow settings panel, you can change transition, image and display options. To add images, click the Edit images button

Slideshow settings panel

Slideshow settings panel

 

7. Click the Add images to slideshow button

Add images to slideshow

Add images to slideshow

 

8. Upload new images or use the Recent tab to select the images you want to add and click Add images

Select images for slideshow

Select images for slideshow

 

9. Images in the slideshow can be reordered by dragging and dropping and then clicking Done

Reorder images for slideshow
v8 Instructions:

Adding an image to your page

  1. Click the add content button.
  2.  Drag the Image icon to your page.
  3.  When you drop the Image icon, the Image source window will appear.

Adding an image

Uploading an image

There are two ways to upload an image:

  1. Click the Upload a new image button to change an image from your computer.
  2. Drag images from your computer into the window.

 Upload options

Dragging an image to upload

Drag and dropping multiple images at one time

Note: Adding images with large file sizes may make your web page slow when loading. In most cases a file size of 1 Mb or less should be adequate.

Choosing an image from recent

  1. Click Recent to change an image from recently uploaded and added images.
  2. This will be blank accordingly.

 Recent images

Choosing an image from Facebook

  1. Click Facebook to choose an image from your Facebook account.
  2. You will need to allow Sitebuilder access to your Facebook account to continue.

Image source

Image settings

Click on any image to bring up the Image settings panel.

Image settings sidebar split into three

  1. Click Change image to bring up the Image upload screen.
  2. Link the image to a page within your website or to an external website address.
  3. Scale your image to pre-set sizes.
  4. Align your image to the left, center, or right of the page.
  5. Add Alt tags to your image.
  6. Add a title to your image.
  7. Add a description to your image.

Adding A gallery

  1. Click the add content button.
  2. Drag the Gallery icon onto your page.
  3. When you drop the Gallery icon, the Gallery source window will appear.

 Add content to gallery

 

Note: We recommend uploading a maximum of 75 small images (~10kb per image) or 20 large images (~9Mb per image) per gallery widget. Staying within these guidelines will ensure that the widget behaves as expected and that the page itself doesn't get overloaded and slow down.
 
Gallery settings
 
Click on any Gallery to bring up the Gallery settings panel.
 
Gallery settings
 
  1. Click Edit images to add and rearrange images in your gallery.
  2. Toggle the visibility of any image title in the gallery.
  3. Toggle the visibility of any image description in the gallery.

Note: Depending on your selected template, some Gallery settings may not be visible on your website.

 

Adding a slideshow

  1. Click the add content button.
  2. Drag the Slideshow icon onto your page.
  3. When you drop the Slideshow icon, the Slideshow source window will appear.

Add content to slideshow

Slideshow Settings:

 Click on any Slideshow to bring up the Slideshow settings panel.
 Slideshow Settings
 
  1. Click Edit images to add and rearrange images in your Slideshow.
  2. Select your transition type from fade to dissolve. Or remove the effect entirely.
  3. Select the duration and speed of your Slideshow.
  4. Toggle multiple design choices for your Slideshow.
 
*Tip: Depending on your selected template, some Display settings may not be visible on your website.
 
 
 
[insert

Can't find what you're looking for? Contact our support team now
Open a Support Ticket
Submit a request

Anytime 24/7

Live Chat

Live agent:  12am - 5pm MST every day
Live virtual bot:  5pm - 12am MST every day
Mountain Time, Denver, USA