Show related products on product pages

false

Show related products on product pages

Last updated October 09, 2026 18:24

Suggest other products in the same category or tag when shoppers view an item in your store.

Related products appear at the bottom of a product details page, based on the category or tag you assign. Suggesting related items helps shoppers keep browsing and find products they didn't search for. You can show related products for all product types.

Also try: Selling add-on products at checkout, or other ways to increase your store's sales.

Related products is available on the Core, Plus, Advanced, Commerce Basic, and Commerce Advanced plans. Learn more about choosing a Squarespace plan.

To show related products:

  1. Add categories and tags to all products.
  2. Open the Related Products panel.
  3. Switch on the Show Related Products toggle.
  4. Click Section title to customize the text that introduces the related products section. By default it says “You Might Also Like.”
  5. Click the Display options dropdown menu to choose how products display.
  6. Random - Shows random products in the category or tag.
  7. Recently added - Shows the newest products in the category or tag.
  8. Highest quantity - Shows products with the highest stock level in the category or tag.
  9. Click Save.

Note: Related products only appear on products that have a category or tag.

The related products section shows up to five products from the same store page. Each one displays a featured image, title, and price. You can't change how many products appear, or pull products in from a different store page.

Choose which category or tag to recommend

By default, recommendations are pulled from the product's first category. To use a different category or tag, edit the product:

  1. In the product editor, click Selling Tools.
  2. Under Related products, use the dropdown to select the tag or category you want to use to suggest related products. Select Off to disable the related products section for that item.
  3. Click Save.

If the section doesn't appear on a product page, check these settings:

  • The product has at least one category or tag.
  • The category or tag has other products on the same store page. Related products can't pull from a different store page.
  • The product's Related products setting isn't set to Off.
  • The Show Related products toggle is switched on in the Related products panel.
  • Your plan includes related products.

How you style the related products section depends on which version of Squarespace your site is on.

The section follows the tweaks in your store section styles, and the fonts follow your site's font tweaks.

The section title's font and text size follow the Heading 2 tweak in the Headings section. To change the color:

  1. Go to the Colors panel and click the section theme applied to your store page.
  2. Change the Heading (Large) tweak.

Where you find style settings depends on the type of store page your template supports:

  • Classic store page - Open an item page that shows related products. In site styles, scroll to the Products: Related Products section.
  • Advanced store page - On the store page, open site styles and click Product: Details.

Change the style with these tweaks:

  • Details Alignment: Center, Left - Shifts the text alignment of the product title and price.
  • Image Aspect Ratio - Changes the featured image's width-to-height ratio.
  • Item Spacing - Sets the spacing between related products.
  • Item Title Spacing - Sets the distance between the product title and featured image.
  • Items Per Row - Sets how many related products display per row.

Change the section title's font, size, and color

Where you change the section title depends on the type of store page your template supports.

  • Advanced
  • Font and text size - Heading 2 in the Content: Fonts section
  • Color - Heading 2 in the Content: Colors section
  • Classic
  • Font and text size - Heading 2 in the Typography section
  • Color - Heading 2 in the Color section
  • Galapagos
  • Font and text size - Enable Custom Headings, then use Heading 2 Font in the Site Wide section
  • Color - Enable Custom Headings, then use Heading 2 Color in the Site Wide section
  • Supply
  • Font and text size - Heading Font in the Main Content section
  • Color - Heading Color in the Main Content section

To hide the section across your store:

  1. Open the Related Products panel.
  2. Switch off the Show Related Products toggle.
  3. Click Save.

To hide it on a single product, set that product's Related products setting to Off.

Was this article helpful?

Yes No

100 out of 202 found this helpful

Yes No

Show related products on product pages