How to Add an Image Gallery in Weebly website

Home/Beginners Guide, Tutorials/How to Add an Image Gallery in Weebly website

How to Add an Image Gallery in Weebly website

This article explains how to add an image gallery to a Weebly website. This will allow you to insert multiple images into your Weebly site. Weebly gallery displays photos in a grid, clicking on an image opens it in a large “lightbox” display. Manual control for scrolling through photos.



Add an Image Gallery in Weebly website

Weebly gallery element lets you display as many images as you’d like, in a click-to-see-a-larger-version (lightbox) grid format that you control.

In order to add a gallery, drag the Gallery element to a page to get started.

Weebly gallery

Then click the Upload Images button that appears in the element. After that, either drag images into the box or click the big green Upload Photos button.

This will let you select images from your computer to upload. You can select multiple images by holding the CTRL key on a PC or the Command key on a Mac. If you have trouble uploading images, we’d recommend limiting the number you upload to no more than 50 or so at a time. You can always add more images later.

Give the photos a few moments to upload and then you’ll see your Weebly gallery on the page.

Weebly gallery tools

Each image in the gallery automatically links to a larger version of the image. You can also link an image elsewhere, let’s say another external website or page if you like or add a caption that will appear on the enlarged version of an image. Click on the gallery to see these options.

Weebly gallery image

You may click on thumbnails and drag them around to rearrange images within the gallery. Here, the gallery’s toolbox enables you to make additional changes.

Weebly gallery box

  • Add Images: There’s no limit, but we recommend uploading no more than 100 images to any gallery so as to not overwhelm your visitors or slow down your website.
  • Determine the number of Columns you want. The default is 3, but you can use from 2 to 6.
  • Select the amount of Spacing to place between each image.
  • Adjust Caption settings and placement.
  • And with Advanced, choose if you want a border around each thumbnail or not. And select if you want to crop the thumbnails to either squares or rectangles. This cropping has no impact on the enlarged images, it only changes the look of the thumbnails to make the gallery look more uniform.

We hope this article helped you learn how to add image gallery in Weebly. You may also want to see our guide on how to insert images into Weebly.

If you liked this tutorial, then you may consider subscribing to our WeeblyTutorials YouTube Channel for Weebly video tutorials. You can also find us on Twitter and Facebook.

By | 2017-11-01T23:31:22+00:00 November 1st, 2017|Beginners Guide, Tutorials|0 Comments

Your time was just wasted by:

Editorial Staff at WeeblyTutorials is a team of Weebly experts.

Leave A Comment