Size guide

Add a size guide to help customers and reduce returns.

What is a size guide?

A size guide provides a quick and easy way for customers to see which product size will best suit their needs before purchasing an item. This can help reduce the number of returns and increase your customers' loyalty and confidence in your brand.

Chantilly-size-chart.png

How to create a page to store your size guide

Steps

  1. Open the Shopify admin area and navigate to Online store > Pages > Add page.
  2. Create a page with a title such as "Size guide".
  3. Add the size guide information directly in to the page Content area. 
  4. Ensure the Page is set to Visible and click Save.

Note

Consider the layout of your size guide page. A table with many columns may be hard to read on small screens. Images can be used as a size chart and will provide a consistent display on different devices. We strongly advise checking your size guide content to ensure it is legible on different screen sizes. 

How to link your size guide

Steps

  1. Open the Theme Editor, select Products from the dropdown at the top and choose the template e.g. Default product.
  2. Select the Variant picker block.
  3. In the Size guide settings, check the Enable size guide setting.
  4. Click Select page and choose the Page containing size guide.
  5. Add the Link text. The text will appear next to the variant option picker.
  6. Within Variant option name, enter the variant option title which indicates the size of the product. The size guide will appear alongside this option once set up.
    Size-guide-Sym3.png
  7. The size guide link should now be displayed next to the variant option. Size-guide-sym2.png

How to set up unique size guides for products using metafields

By creating a page reference product metafield, it's possible to setup unique size guides for products. Learn more about creating metafields in Shopify's metafield guide. 

Steps

    1. Open the Shopify admin and go to Settings > Custom data.
    2. Click on Products to create a new product metafield for your Size guide page link. The metafield should be a Product metafield of type Page Reference.
      page-size-chart-metafield.png
    3. In the Shopify admin, go to Products, edit a product and scroll down to find the newly created page reference metafield. Select a page that contains the size guide for that product and Save. 
    4. Open the Theme Editor, and select Products from the template dropdown at the top and choose your desired product template.
    5. Select the Variant picker block 
    6. In the Size guide settings, check the Enable size guide setting.
    7. Add the Link text. The text to appear next to the variant option picker.
    8. Within Variant option name, enter the variant option title which indicates the size of the product. The size guide will appear alongside this option once set up.
    9. Next to Page containing size guide select the Connect dynamic source icon.
    10. Ensure the dropdown Current template: Product is selected to show the list of available product metafields. 
      Size-guide-sym.gif
    11. Select the metafield for the product template which links to your size chart page.

Note

The Bulk Editor is a helpful tool to quickly update metafields and other attributes across all your products.

FAQs

Can I link size guides to different variant options?

Each product template is linked to one variant option name in the size guide settings of the variant picker block. If it is necessary to link to a different variant option name for some products, then an alternative product template should be used. The product page and size guide settings are specific to each product template. Create alternative product templates and assign them to your products for different combinations of settings and layouts.

Sign up for Shopify today for $1

Can't find what you're looking for?

Our support staff are here to answer your queries, so don't hesitate to write to us!

Contact us