Using the Gallery Block
Gallery Blocks allow you to add galleries of images and videos to pages. They allow you to upload images, embed video, or display content from an existing Gallery Page.
There are four different designs you can choose from, and the design and behavior of Gallery Blocks is consistent across all templates. This consistency makes Gallery Blocks a good alternative to Gallery Pages if you don't like the design of your template's Gallery Page.
Step 1 - Add the Gallery Block
Click an Insert Point where you want to add your Gallery Block.
In the Block Menu, select Gallery.
Step 2 - Add Images and Video
The Gallery Block allows you to upload images, embed videos, or display content from an existing Gallery Page.
You can add up to 200 images and videos to a Gallery Block. If you're using the Gallery Block to display content from a Gallery Page, you can display up to 250 images and videos.
Note: Keep in mind that while you can add up to 200 images and videos to a Gallery Block, the more content you add, the slower the page will load.
Note: For more information on how to best format your images for display on the web, visit How should I format my images for display on the web?
While in the Content tab, ensure Upload Media is selected. There are three ways to upload images:
- Drag and drop images into the Gallery Block.
- Click the up arrow in the center.
- Click the + in the bottom-right corner. Select Image in the window that appears.
Videos can't be uploaded to a Squarespace site. Instead, you can embed them from a video hosting service, such as YouTube or Vimeo.
To add a video to a Gallery Block, click the + in the bottom-right corner and select Video in the window that appears.
There are two ways to embed a video:
- Paste the video's URL in the Enter an embeddable URL here field.
- Click the gear on the right side of the embeddable URL field and paste the video's embed code in the Edit Embed Data window that appears.
The URL you'll use is usually the URL in your browser's address bar. You may need to click a Share button to get the video's URL or embed code.
Note: When using a video's URL, we currently support YouTube, Vimeo, Wistia, and Animoto. When using a video's embed code, we support all valid embed codes.
You can find more information on getting embed code from different video hosts here:
After the video is successfully located you have the option of using a custom thumbnail image to display over your video before a visitor plays it. Some videos have an image that the Gallery Block uploads, but you can remove this image and upload a new one.
To use a custom thumbnail, ensure Use Thumbnail is checked.
When you're finished, click Save.
Use Existing Gallery
The Gallery Blocks allows you to display images and videos you've already added to a Gallery Page instead of adding content to the Gallery Block.
To display content in an existing Gallery Page, click Use Existing Gallery in the Content tab. Then, select the Gallery Page you'd like to use.
Step 3 - Choose a Design
The Gallery Block has four design options for displaying your images and videos: Slideshow, Slider, Grid, and Stacked.
To choose a design, click the Design tab. Then, select a design from the Gallery Design drop-down menu.
Note: For more information on Gallery Design and customizing the display of your images and videos, visit Designing the Gallery Block.
Step 4 - Titles and Descriptions (Optional)
The Slideshow and Grid designs can display the titles and descriptions of your images. To add titles and descriptions, hover over an image or video in the Content tab and click the gear icon.
Note: If you're using an existing Gallery Page, the titles and descriptions are added to the image on that Gallery Page.
For more information on displaying titles and descriptions, visit Designing the Gallery Block.
When Titles and Descriptions Display
The titles and descriptions of images appear in the Slideshow and Grid, when viewed in the Lightbox.
The titles and descriptions of videos appear in the Slideshow when a Custom Thumbnail is enabled.
Step 5 - Clickthrough URLs (Optional)
Clickthrough URLs turn images into links. To add a Clickthrough URL, hover over an image in the Content tab and click the gear icon. For more information on Clickthrough URLs, visit Using Clickthrough URLs.
When Clickthrough URLs Work
Clickthrough URLs only work with images, not videos. They work in all Gallery Designs except when the Lightbox is enabled in the Grid. If you're using the Lightbox and want to link visitors to another page, we recommend adding a text link to the image's description.
Note: Clickthrough URLs override the navigation in the Slideshow and Slider. We recommend enabling the Controls if you're using Clickthrough URLs with these designs.
Step 6 - Focal Points (Optional)
In the Slideshow and Grid designs, you have the option to crop your images. Focal points allow you to decide which part of your images get cropped.
To change an image's focal point, hover over the image in the Content tab. Then, click and drag the gray circle that appears.
To edit the focal point of a video's thumbnail, hover over the video in the Content tab and click the gear icon. Then, hover over the thumbnail image and click and drag the gray circle that appears.
Note: For more information about focal points, visit Using Focal Points.
Step 7 - Save
When you're finished customizing your Gallery Block, click Save.