System updates

We’re experiencing issues that may affect your Square services. We’ll continue to update our status page with more information.

Back to Home

Square Online Galleries and Slideshows

Catch the attention of your visitors and create visual interest with slideshows and image galleries. You can add a section to display multiple images in just a few simple steps - we’ll take a look at both styles in this article, starting with slideshows.

galleries-add-section

Click Add section and locate the Photo Gallery option. There are four layouts to choose from here - click on the slideshow icon on the lower left to add it to your page (you’ll be able to change this later, so don’t worry).

galleries-edit-section

The slideshow will include sample images so you can see how it will look, but obviously you’ll want to add your own photos, so click on the slideshow and then click the Add image button on the left. You can add multiple images at once by dragging them into the upload window.

galleries-photos-added

Now that you’ve added your own photos, you can edit, rearrange, replace, or delete them from the options panel on the left. Click on one of the image thumbnails at the top and drag it to a new position to change the display order. Clicking on a thumbnail here will also allow you to edit that particular image.

galleries-edit-image

You can zoom in or out and drag the image around to change its position within the slideshow frame. When you’re finished, click the checkbox icon to save your changes, or use the X icon to cancel all changes.

galleries-slide-options

Finally, you can change the transition and navigation styles for the entire slideshow and toggle autoplay on and off. What if you change your mind and decide you’d rather have an image gallery instead of a slideshow? No problem! Just use the arrow buttons on the Gallery options to switch styles. You can choose from the following 3 styles, each with their own settings: Stack (images are displayed in a single column), Grid (images are displayed in horizontal rows), or Slideshow.

galleries-caption-options

In the example above, the slideshow has been switched to a grid style with 2 images per row and captions that appear on hover. You can also adjust the image ratio, the amount of spacing between images, and the number of images displayed per row. You can also toggle the lightbox option on and off. Turning this on will open a larger image when a visitor clicks the gallery photo.

You can go back and change settings and styles or add and remove images any time by clicking on the section in the editor as described above.