Add featured images to collection items

false

Add featured images to collection items

Last updated October 23, 2026 18:39

Choose compelling thumbnails to showcase blog posts, products, and videos

Featured images represent individual collection items, like blog posts and products, and enhance the visual experience of your site. For example, if you use a summary block to display posts from your blog page, each post includes its featured image to give visitors a preview of the content.

Watch this video to learn how to add featured images to collection items on version 7.1.

Add a featured image to a blog post, event, or project

Featured images represent individual blog posts, events, and projects on their collection pages and across your site. They may also display when the items are shared on social media.

How you add a featured image depends on which version of Squarespace your site is on.

To add a featured image to a blog post, event, or portfolio project:

  1. Open the Pages panel.
  2. Click a blog, calendar, or portfolio page.
  3. Hover over the item (for example, a blog post) and click ..., then click Settings. If you haven't already added a featured image to a post, event, or project, an image icon appears on the item.
  4. In the Content or General tab, drag your image into the image uploader, or click the image uploader and choose a file from your computer. If the item already has an image, click Remove image or Replace, then add a new image.
  5. To reuse an image or add a stock image, click Search for images or Select from library.
  6. Click Save.

To add a featured image to a blog post or event:

  1. Open the Pages panel.
  2. Click a blog or calendar page.
  3. On a blog post, click Edit. On an event, click ..., then click Settings.
  4. Click Options.
  5. Drag your image into the image uploader, or click Upload an image and choose a file from your computer. If the item already has an image, click Remove image or the trash can icon, then add a new image.
  6. To reuse an image or add a stock image, click Search For image.
  7. Click Save.

Add featured images to products on a store page

By default, the first image that displays in the product editor becomes the featured image, which displays on your store page and other places where you showcase the product, like in product blocks or summary blocks.

To add a featured image to a product:

  1. Open the Pages panel.
  2. Click a store page. If your site is on version 7.1, click a category.
  3. Double-click a product.
  4. In the product editor, click Images.
  5. Click + to upload an image, select an existing one from your image library, or generate a new image with Image Studio.
  6. If the product already has an image, hover over your new image and click the pin icon to set it as the featured image.
  7. Click ... beside the featured image to edit it.
  8. Click Save.

Add featured images to lessons on a course page

Course pages are available on version 7.1.

To add a featured image to a lesson on a course page:

  1. Open the Pages panel
  2. Click a course page, then click Course content.
  3. Hover over the lesson and click …, then click Lesson settings.
  4. Under General, click Add an image, then upload an image or select an existing image from your image library. If the item already has an image, click Replace, then add a new image.
  5. Click Save.

Add featured images to videos on a videos page

Videos pages are available on version 7.1.

Custom thumbnails act as featured images on videos you upload to to videos pages. It's not possible to add a featured image to a video embedded from a third-party service.

To add a featured image to an uploaded video on a videos page:

  1. Open the Pages panel
  2. Click a videos page, then click All Videos.
  3. Hover over the video and click …, then click Edit video.
  4. In the video editor, switch the Custom featured image toggle on.
  5. Click Add an image, then upload an image or select an existing image from your image library. If the item already has an image, click Replace, then add a new image.
  6. Click Save.

On the Squarespace app, you can only add featured images to blog posts. To add other featured images, use a computer.

How you add a featured image with the Squarespace app depends on which version of Squarespace your site is on.

To add a featured image to a blog post using the Squarespace app:

  1. Tap More, then tap Pages
  2. Tap the blog, then tap Blog Content.
  3. Tap ... next to the post, tap Settings, then tap Content.
  4. If the item already has an image, click Remove Image, then tap Add Image.
  5. Choose an image:
  6. Take a new photo - Tap Take Photo or Camera.
  7. Choose an image from your device - Tap Photo Library or Files.
  8. Choose an image from iCloud - Tap Insert from....
  9. Tap Back, then tap Save.

To add a featured image to a blog post using the Squarespace app:

  1. Tap More, then tap Pages.
  2. Tap the blog, then tap the blog post.
  3. Tap …, then tap Page Settings.
  4. In the post settings, tap Add image, then choose an image:
  5. Take a new photo - Tap Take Photo or Camera.
  6. Choose an image from your device - Tap Photo Library or Files.
  7. Choose an image from iCloud - Tap Insert from....
  8. Tap Save.

Version 7.1 doesn't use featured images for pages. To create a banner image, add a section background image. To set an image that displays when you share a page on social media, add an alternate social sharing image.

Page featured images appear on index pages and create per-page banner images in some templates.

To add a featured image to a page:

  1. Open the Pages panel.
  2. Hover over the page in the side panel and click The gear icon to open page settings.
  3. Click the Media tab.
  4. Click Add an image, then upload an image, select an image from your image library, or add a stock image. If the item already has an image, click Replace, then add a new image.
  5. Click Save.

In most templates, when the gallery page doesn't have a featured image, it automatically creates one from the first image in the gallery. You can delete it, but some templates re-add the first image as a featured image whenever you make changes.

To prevent this, manually add a featured image in the page's settings. If your template uses the featured image to create a banner but you don't want a visible image, upload a featured image of a solid color that matches your background.

Where and how featured images display depends on your site's version.

Featured images display on:

  • Collection pages representing individual collection items and sometimes on the individual item page
  • Product blocks when the Image toggle is enabled in the block editor
  • Summary blocks in a variety of layouts for collection items showcased in the block
  • Search pages in search results, if a product has a featured image

Featured images display on:

When you share a link from your site on social media, the image that displays depends on the platform and what content you've added to your site. For example, your social sharing image may display instead of the featured image.

Yes. You can use the image editor to style or crop the featured image after uploading. You can also use focal points to change how the image is centered.

Was this article helpful?

Yes No

132 out of 647 found this helpful

Yes No

Add featured images to collection items