How to Upload a Folder of Photos to Squarespace

Search Results

All Categories

Clear

Apply

Search in

Gallery pages in version 7.0

In version 7.0, gallery pages display images and videos in middle-catching layouts and styles. Gallery pages take specific designs intended to match your template. In this guide, yous'll learn how to add a new gallery folio and add images and videos to information technology.

Steps in this guide likewise apply to project pages.

This guide is for version 7.0. In version 7.1, add gallery sections instead.

Earlier y'all begin

Your gallery folio'due south blueprint, layout, and style options depend on your template. Gallery pages tin can be slideshows, grids, stacked, or carousels. For gallery designs by template, visit Styling gallery pages in version 7.0.
You can add together up to 250 images or videos to each gallery page. Large galleries may take longer to load.
To add a gallery outside of the gallery page, like on a layout folio or blog mail, try the gallery cake. You may as well want to explore the differences betwixt both.

Add a gallery page

On the Squarespace App, calculation new gallery pages is only possible in the iOS version.

To add a gallery page, click Pages in the Habitation menu, then click +, and so click Gallery. For detailed steps, visit Adding pages to your navigation.

Add images

Tips

Before uploading, review our prototype formatting guidelines.
You lot can upload multiple images at a time, but you can't upload .nothing files or other compressed file formats.
The first image added to a gallery page automatically becomes the folio's featured image. You lot can also manually add a featured image.

Upload images

At that place are three ways to upload your images to a gallery page on a calculator:

Click + in the Gallery page panel, and so click Upload i mage.
Click the empty box in the Gallery page console to open your calculator's file manager, and then click Open or Cull to add together the image to the gallery.
Drag and drop images into the empty box in the Gallery folio panel.

You can also reuse an image you've previously uploaded past clicking +, then clicking Search images.

Add stock images

With our stock image integrations, you can search for and add together stock images directly from your site. This is a nifty option if you don't already take an epitome to utilize.

To add a stock epitome, click +, then click Search images. You tin as well use epitome search to reuse a stock image you added previously.

Add together videos

You tin can add an externally hosted video to a gallery folio with its direct URL or an HTML embed lawmaking. We support videos from YouTube, Vimeo, Animoto, and Wistia.

To add a video, click + in the Gallery page panel, so click Add together video.

Option ane - Use a URL

Copy the video's URL from the browser address bar and paste information technology into the Video URL tab.

Option 2 - Use HTML embed code

To apply the video's HTML embed code:

Find the video on the video hosting service.
Most video hosts offer a Share or Embed push button. Click Share or Embed, then copy the code provided.
Click the Video embed tab in the video settings.
Paste the code into the text field.

Add image overlays (optional)

Yous can add an optional thumbnail image for videos. The paradigm displays over the video before information technology's played. It could be a title menu, a frame from the video, or any other image that encourages visitors to click play.

To add an paradigm overlay, switch the Video thumbnail toggle on, then click Image to upload an prototype from your computer or Search for images to add together a stock image. To remove the image, click Remove image beneath the thumbnail.

Edit particular settings

When yous add content to your gallery page past clicking +, the item settings open up automatically. Otherwise, hover over the item and click to open its settings.

In the editor for each item, yous tin can:

Click Edit under the paradigm thumbnail to edit the image with the congenital-in Image editor.
Add together a title and description (brandish varies by template)
Click Status to set the detail's publication status
Click Categories or Tags to add categories or tags.
Duplicate the detail.
Click the Social tab to ready social media sharing

Add together titles and descriptions

Titles and descriptions add context to your content. Titles go alt text, which helps search engines empathize what your images are, potentially improving SEO. Description style and display options depend on your template.

Computer
Squarespace App

To add together or edit titles and descriptions:

Hover over an image or video in the Gallery page panel.
Click to open up the editor.
Add a title and description in the text boxes. Image titles must be 200 characters or fewer.
Click Save.

To add together or edit titles and descriptions:

Double-tap an uploaded image to open the prototype settings.
Tap into the text box nether Prototype title to add together or edit the title. Image titles must exist 200 characters or fewer.
Tap into the text box under Epitome description to add or edit the description.
Tap Save.

If prototype titles and descriptions aren't appearing, there are a couple reasons why this might be happening:

They're hidden. To unhide them, open the Site styles panel while on a gallery page and uncheck the Hibernate gallery descriptions tweak.
Your template doesn't support image titles or descriptions. We still recommend adding them, however, equally search engines can index them equally alt text.

Prepare the item's publication condition

You lot tin set an image or video to Published or unpublished (Draft, Needs review, or Scheduled) at any time. When your item is unpublished, a status banner appears over the paradigm or video thumbnail in the Gallery page panel and the particular won't exist visible on your live site. If y'all set the particular to Published, the banner over the thumbnail disappears and the item appears live on your site.

Your item'due south initial publication status depends on how you add images or videos to your gallery page:

New stock images and images that you reuse from My library default to Published.
Video URLs and new images that you lot upload from your computer or device using the + in the Gallery folio panel default to Draft.
New images yous upload to the empty box in the Gallery page console default to Published.

Computer
Squarespace App

To change any particular's condition:

Hover over the image or video in the Gallery page panel.
Click .
Click Status.
Select a new condition.
Click Save.

Uploading images on the Squarespace App sets them to Published by default. You lot can change the status manually after upload. To change whatsoever paradigm'southward status:

Double-tap an uploaded prototype to open the image settings.
Tap Image condition.
Tap Draft, Needs review, Published, or Scheduled.
If y'all tap Published, yous select a publication date and fourth dimension from the calendar. This appointment won't display on your site.
If you tap Scheduled, select a publication appointment and fourth dimension from the calendar. This date won't brandish on your site.
Tap the arrow in the top-left corner to return to the image settings.
Tap Salve.

Add categories and tags

Use tags and categories to organize content and display images and videos in different groups. Tags and categories won't appear in the gallery itself, just you can utilise the tag cloud block, archive block, summary block, navigation links, and text links to filter content and assistance visitors find images by category.

Computer
Squarespace App

To start calculation categories and tags, click Categories or Tags in any prototype or video editor.

To add together or remove tags and categories:

Double tap the prototype or video where you want to add tags and categories.
Tap Categories or Tags.
Search tags or categories, or detect them by scrolling through the listing.
Tap the tags or categories you want to add to the prototype. A checkmark will appear next to the tag or category names when they're selected.
Tap the tags or categories again to remove them. The checkmark will disappear.
Subsequently making your selections, tap the arrow in the elevation right corner to go back to the image settings, then tap Salvage.

To learn more, visit Categories and tags.

Organize your gallery folio

Rearrange images

Gallery images and videos typically display in the aforementioned social club as the thumbnails in the Gallery folio console. You can reorder gallery content by following these steps.

Reckoner
Squarespace App

To move one image at a time, click and drag the image around the Gallery folio panel.

To move multiple images, press and hold Ctrl (Windows) or Command (Mac) and click all the images you desire to move. Then, click and drag the images.

Exception: For templates with an Aspect ratio style tweak, choosing Aspect ratio: auto maintains each image's original attribute ratio. As a result, images arrange automatically based on height and may announced in a different social club than how they're arranged in the panel. To learn more nigh gallery page style tweaks, visit Styling gallery pages in version 7.0.

To reorder gallery content:

Tap the Pages icon.
Tap the championship of the gallery page y'all desire to organize.
Tap Edit or the pencil icon in the top right corner.
Tap and concord the prototype or video you desire to motility.
Slide the item effectually the panel, so let go when it'southward in its new place.
Tap Done or the ✓ in the height right corner.

Move images between galleries

If you take multiple gallery pages, you tin move Gallery images and videos between them. This is a great style to organize content without recreating information technology.

In the York template family unit, y'all can move images between projection pages and gallery pages.

Delete images

To delete images from a gallery page:

Computer
Squarespace App

Select i or more images or videos, and then click Remove at the bottom of the panel. Click Confirm to permanently delete the image.

Alternatively, you can click on the item you want to delete, then click Delete in the item'due south settings.

Tap the Pages icon.
Tap the championship of the gallery page where you want to delete images.
Tap Edit or the pencil icon in the peak right corner.
Tap the - icon on the image you want to delete, and so tap Delete to confirm.
Tap Done or the ✓ in the peak right corner.

Supercede an image

To supplant an image in a gallery while keeping its information, such as title and tags:

Double-click the image to open its editor.
Click Remove i mage under the image.
Click Epitome in the image surface area to upload a new one.
Click Save.

Display gallery page content with blocks

Y'all tin can use blocks to pull gallery folio content from your existing page and display it elsewhere on your site. This is a great way to display images in unlike formats, highlight categories, or provide a visual link to your gallery page.

The following blocks piece of work well with gallery pages:

Gallery block - Displays gallery page content in a Carousel, Grid, Slideshow, or Stack view
Summary block - Displays gallery page content and displays every bit a Wall, Carousel, List, or Grid. Y'all can filter by category or tag
Content link block - Provides a visual link to your gallery folio using the first gallery image, page title, and page clarification

FAQ

Why tin't I add together blocks or text to my gallery page?

Gallery pages are designed to display images and videos only, then yous won't see whatsoever insert points for adding blocks. To feature boosted content with a gallery, nosotros recommend replacing your gallery page with a layout page and using a combination of text blocks and gallery blocks. This approach offers greater flexibility to accomplish the design yous want.

Why does my gallery look different at the direct page URL?

Your gallery page may exist in an index folio, and y'all may exist viewing the gallery in its index form, which gives gallery pages a unique advent.

You can tell if you're viewing the gallery in its index form if /#/ appears in the browser address bar. To view the gallery folio in its standard form, delete /#/ in your browser address bar.

Why do videos have titles, descriptions, and paradigm overlays that I didn't add myself?

Videos from YouTube and Vimeo sometimes auto-populate championship and description fields and provide an image overlay. To modify these, open up the video for editing and replace the text or image with your own.

Next steps

Customize your gallery page by choosing display and style options.
Learn about the social sharing options for gallery pages.
Add clickthrough URLs to turn your images into links (supported in some templates).

Was this commodity helpful?

91 out of 316 found this helpful

luiponot1962.blogspot.com

Source: https://support.squarespace.com/hc/en-us/articles/206543047-Gallery-pages-in-version-7-0