In this article, you'll learn how to add photos to your website's gallery, label them with a caption and a category, and take photos down. Real photos of your work make your site feel trustworthy, and the gallery page is where visitors go to see them.
This is done in the web dashboard. The phone app doesn't have a gallery editor.
To open your gallery:
- In the menu, click Website.
- Under it, click Content.
- Click the Gallery tab.
Upload photos
You can pick several photos at once. JPG, PNG, WebP and GIF files work, up to 12 MB each.
- On the Gallery tab, click Upload photos.
- Choose one or more photos from your computer or phone.
- Wait while the button reads Uploading…. Each photo then shows up as its own card.
If a photo doesn't go through, a red message appears above the cards saying why, such as the file being too big or the wrong type. Fix that one and try again. Edits go live on your site within a couple of minutes.
Add a caption and a category
Every photo card has two boxes under the picture.
- Caption is a short line about the photo. It shows with the photo on your site and in the full-screen viewer, and it's also used as the photo's description for search engines and screen readers.
- Category is a label that groups photos together, like "Facility" or "Before and after". It shows as a small tag on the photo in the grid layout, and you can use it to show only certain photos in a section (more on that below).
To change them:
- Type in the Caption box, the Category box, or both.
- Click Save changes. The button only appears once you've changed something.
- You'll see Saved next to it when it's done. If you see Couldn't save — try again, click it again.
How the gallery looks on your site
Your site's gallery page shows the photos in this list. Pages can also have a Photo gallery section, and its Style picker gives you three layouts:
- Grid with captions shows each photo in a card with its caption and its category tag.
- Masonry stacks photos in columns at their natural shape, with the caption underneath.
- Scrolling strip is a single row you swipe or scroll sideways. Arrows appear at the ends when there's more to see.
In every layout, clicking or tapping a photo opens it full screen. Visitors can swipe between photos on a phone, use the arrows or the arrow keys on a computer, and see the caption under each one. A counter at the top shows where they are in the set.
Show one category in a Photo gallery section
The Photo gallery section has a field called Only this category.
- Leave it blank and the section shows all your photos.
- Type a category name and it shows only the photos with that exact category. Capital letters don't matter, but the rest of the word does, so "Facility" matches "facility" but not "Facilities".
The same section also has a Heading, How many to show (0 shows them all) and Text when there are no photos yet, which appears if nothing matches. For how to add and edit sections, see Editing the pages on your website.
Delete a photo
- On the photo's card, click Delete.
- You'll be asked Remove this photo? Click Yes, delete to take it off your site, or Cancel to keep it.