Creating and Using a Picture Gallery

Watch this tutorial as a video

A Gallery is the best and easiest way to display images on your Squarespace site -- and each Gallery you create can contain one or more "photo albums" within it.

Step 1 - Add a Gallery Page

Within Structure Editing mode, click the add page button.  Within the page types list choose Gallery as the type and click to select and configure.

See this illustrated guide for assistance with adding Pages »

Step 2 - Configure Picture Gallery Page

Choose the configuration options for your gallery page and click "create page".  Note, these settings will apply to all "photo albums" within your gallery.

To begin adding images you will need to switch to Content Editing mode in the upper right corner of your screen.

Step 3 - Create a New Picture Gallery

Navigate to your gallery page to start adding new images.

Enter Title, Description and Thumbnail Preferences

In the edit window, enter your gallery title, description, preferred configuration for thumbnail display, and maximum width for large gallery images.

You can configure your gallery to display thumbnails and descriptions (which will display the thumbnails in a list with text descriptions next to them) or you can configure your gallery to display thumbnails only (which will display your thumbnails in rows and columns).

Note: If you choose to display thumbnails only, you can choose how many thumbnails to display in a row in the configuration for this component.  Switch to Structure Edting mode and click configure this page to assign thumbnail widths, spacing between thumbnails and the number of thumbnails per row. 

Step 4 - Upload Pictures

After creating and configuring your first gallery, you can now add images.  Click the gallery title to enter the gallery and on the next screen click Upload New Pictures. Upload images using the fields provided, or for faster uploading of multiple images, upload a zip archive of all the images you'd like to add.

Step 5 - Select a Front Image

After adding your images, choose an image to display as the front image on your main gallery page.

Note: Ensure your files are web optimized!  Images should be saved in RGB color mode at 72 dpi.

Note: you will need to enable the gallery page to display this on your live site.