How to Add a Gallery

Adding a Gallery is the best option if you want to display multiple, yet organised photos on your website.

The Gallery Feature in Sitebeat makes it easy for you to add and customise a Gallery to enhance your website’s visual appeal. Follow the steps below to know how:

  1. Log In to access the Sitebeat dashboard.
  2. Under My Sites, click the Edit Site option on the website or project card that you wish to manage.
  3. Click Build from the left-side menu, then drag and drop the Gallery item onto an available placeholder on your website.
  4. Click Add Photo and select one or multiple photos using the following methods:
    Upload to Sitebeat If the Photo is in your computer, drag and drop it into the pop-up window or click browse to manually look for the photo from your list of folders and upload it to Sitebeat.
    Access Sitebeat My Photos If the Photo was previously uploaded in Sitebeat, click the My Photos tab from the pop-up window and select the photo.
    Access the Cloud If the Photo is in another online account, click the Clouds tab from the pop-up window, connect to your online account, then navigate and select the photo.
    Use Free Photos If you want to use a free photo from Sitebeat, click the Free Photos tab from the pop-up window, then navigate through the categories and select the photo.
  5. Hover your pointer over the Gallery Feature and click on the Edit button on its top-right corner to customise your added Photos.
  6. Under the Layout tab, adjust the Spacing and Size of your Photos, or add another Photo.
  7. Click the Design tab to customise the following options:
    Crop Photos Disable to show all the photos in your Gallery in its original Aspect Ratio.
    Enable to select a preferred Aspect Ratio from the drop-down list.
    On Click Enlarge Enable to enlarge Photo on click and select between dark or light themes from the drop-down list.

You’ve just added a Gallery on your website.

Other Actions:

  • To Move a Gallery, hover your mouse pointer over it and click the moving tool on its upper edge, then drag and drop it onto a different placeholder on your page.
  • To Resize a Gallery’s placeholder horizontally, hover your pointer over its left or right edge and click the [↔] Arrow Icon that appears, then drag it sideways.
  • To Delete your Gallery or a Photo from the Gallery, hover your mouse pointer over it and click the [x] Delete Icon on its top-right corner.

Hit the play button below to view the quick start guide we've prepared for you:

Or, check out more video guides by visiting our YouTube How-To Playlist.

Was this helpful?
100% of people found this helpful.