Add a Size Chart to Your Online Store

Add a Size Chart to Your Online Store

Adding a size chart to your online store is a great way to improve the customer experience and reduce the number of returns you receive. This guide will show you how to use the Size Chart & Product Option Descriptions App to add a size chart to your products.


1. Download the Size Chart App

First, you'll need to download the necessary app from the App Market.

  1. From your Shop dashboard, go to Apps > App Market on the left-hand sidebar.

  2. Find the Size Chart & Product Option Descriptions app.
    Screen_Shot_2022-08-24_at_4.54.36_PM.png

  3. Purchase the app using your card on file under My Profile > App Market Billing.

  4. You can manage all your app subscriptions by going to Apps > My Apps.


2. Create a New Size Chart

Once you've downloaded the app, you can create a new size chart.

  1. On the left-hand sidebar of your Shop dashboard, navigate to Catalog > Size Chart & Product Option Descriptions.

  2. Click Add New Popup.
    Screen_Shot_2022-08-24_at_4.57.11_PM.png

  3. In the Product Option Title box, enter the product option you want to link the size chart to.

    You may add a product option by clicking into a product, selecting Option, and + Add New Option button. 
    Screen_Shot_2022-08-24_at_4.59.14_PM.png

    In our example, we entered “Size Chart 1” as the Product Option Text. 

    Screen_Shot_2022-08-24_at_5.00.36_PM.png

  4. In the Link text field, enter the text you want customers to see (e.g., "Size Chart," "Size Guide").
    Screen_Shot_2022-08-24_at_5.02.17_PM.png

    Below is an example showing how the link text will appear:

    Screen_Shot_2022-08-24_at_5.03.11_PM.png

  5. In the Popup content box, create your size chart using the built-in editor or by following the instructions below to upload an image.

  6. Click Save.


3. Upload an Image of the Size Chart 

If you want to use an image for your size chart, you'll need to upload it as a hidden product to get a hosted URL.

  1. From your Shop dashboard, go to Catalog > Products > Add New Product.

  2. Upload your size chart image to the product.
    Screen_Shot_2022-08-24_at_5.04.46_PM.png

  3. Under Pricing, disable Product availability so the image doesn't show up in your store as a product.
    Screen_Shot_2022-08-24_at_5.06.01_PM.png

  4. Go back to your main Products page.

  5. Select the product you just created and click Import or Export Products > Export Selected.
    Screen_Shot_2022-08-24_at_5.08.15_PM.png

  6. Open the exported CSV file and copy the size chart URL. The URL will end with .jpg.
    Screen_Shot_2022-08-24_at_5.09.55_PM.png 

  7. Now, go back to the size chart you were creating by navigating to Catalog > Size Chart & Product Option Descriptions > Actions > Edit.

  8. Click the image icon in the popup content editor.
    Screen_Shot_2022-08-24_at_5.11.21_PM.png

  9. Paste the URL you copied into the Source field and click Ok.

  10. Click the blue Save button to finalize your changes.

    • Related Articles

    • Add Products to Your Store

      There are two ways to add products to your store: manually or in bulk. Manual entry requires you to add each product one by one. However, if you’re transferring from another e-commerce solution or already have your products listed out in a ...

    • Import and Export Store Products

      Learn how to import and export your online store's product catalog using a CSV file. This guide covers how to prepare your file for bulk updates and how to manage the import/export process. 1. How to Import Your Products Importing your product ...

    • Add Digital Products to Your Online Store

      In addition to physical products, you can sell digital items such as e-books, photos, music, video tutorials, and more in your store. When you add a product to your store, you can upload a file that will be delivered to customers automatically via ...

    • Tagging Products on Instagram

      You can give your customers a way to buy in your store without ever leaving the Instagram app by tagging products in your posts and stories. Instagram uses a Facebook Shop catalog to find and tag products. Once your products are tagged, customers can ...

    • Use Your Shop App Store as a Catalog

      If you're just getting started with your site, follow the process here here to building a shop page. To use the Shop App as a catalog, make sure you don't embed the Shopping Cart widget. If you've already embedded it, take a quick moment and remove ...