Knowledgebase

Back to Tools and Features

Images, Galleries And Slideshows


Options for displaying images on your website

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


Adding an image

Uploading an Image

There are two ways to upload an image:

  1. Click the Upload a new image button to choose an image from your computer

  2. Drag images from your computer into the window. Upload multiple images by dragging a group of images into the window at the same time.

Upload options


Upload options

Dragging an image to upload

Drag and drop image


Drag and drop an image

Image file sizes

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 a Recent

  1. Click Recent to choose an image from recently uploaded and added images

Recent images


Recent images

Choosing an Image from Facebook

  1. Click Facebook to choose an image from your Facebook account

  2. You will need to give Website Builder access to your Facebook account to continue

Image source


Image source

Image settings

Click on any image to bring up the Image settings panel

  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

Image settings sidebar


Image settings sidebar
  1. Click Add content

  2. Drag a Gallery onto your page

  3. When you drop the Gallery, the Gallery source window will appear

Add content to gallery


Add content to the gallery

How many images?

We recommend uploading a maximum of 75 small images (~10Kb per image) or 20 large images (~9Mb per image) per gallery. Staying within these guidelines will ensure that the gallery behaves as expected and that the page itself doesn't get overloaded and slow down.

Click on any Gallery to bring up the Gallery settings panel

  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

Gallery settings


Gallery settings

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

Adding a Slideshow

  1. Click Add content

  2. Drag a Slideshow onto your page

  3. When you drop the Slideshow, the Slideshow source window will appear

Add content to slideshow


Add content to the slideshow

Slideshow settings

Click on any slideshow to bring up the Slideshow settings panel

  1. Click Edit Images to add and rearrange images in your slideshow

  2. Change your transition type from fade to dissolve or remove the effect entirely

  3. Select the time duration and speed of your slideshow

  4. Toggle multiple design choices for your slideshow. Click Edit Images to add and rearrange images in your slideshow

Slideshow settings


Slideshow settings

Slideshow display settings

Depending on your selected template, some Display settings may not be visible on your website.


Related Articles

Midphase Website Builder FAQ
How To Resolve Common Mistakes With Text In Website Builder
Website Builder version 8 FAQ
Website Builder Quick Start
Change The Look Of Your Site

Can’t Find what you need?

No worries, Our experts are here to help.