Skip to main content

How to Add a Size Chart to a Shopify Product Page with Kiwi Size Chart

Step-by-step guide: How to create a Shopify size chart on a product page

Thank you for installing Kiwi Size Chart & Recommender! This Shopify size chart app helps your customers find the perfect fit, reduce returns and improve satisfaction. By offering accurate sizing information, you’ll enhance the shopping experience and build customer loyalty.


Creating Your First Size Chart on a Product Page

Here’s a quick video guide to help you create your first size chart using Kiwi's quick templates:


Dashboard Overview

When you first open the app, you’ll see the dashboard page where you can:

  1. Add new size charts

  2. View existing size charts

  3. Update settings to customize layout and style

  4. Upgrade to Premium, Plus or Ultimate plan

  5. Manage billing information

  6. Use our real-time chat for any questions
    ​

    Kiwi Size Chart dashboard: Add New Size Chart button, chart list, Styles & Settings and Plans

Now, here are the steps to create your first size chart:

  1. Click the "Add New Size Chart" button in the top-right corner of the dashboard.
    ​

    Kiwi dashboard with Add New Size Chart button highlighted


    ​

  2. From the pop-up, you can choose to:

    • Use a pre-built template (ex: ring size chart, bra size chart, hat size chart, shoe size chart, apparel size chart, etc.)
      ​

      Create size chart page: Use a template section with Tops, Bottoms, Dress, Ring, Necklace templates


      ​

    • Import an existing size chart
      ​

      Create your size chart page: Import an existing size chart with CSV, description, image, web page, PDF


      ​

    • OR start with an empty size chart (this tutorial uses an empty size chart)
      ​

      Create size chart page with Build a size chart from scratch card highlighted below the templates


      ​

  3. In the editor, name your size chart (this won’t be visible to customers).
    ​

    Create size chart page: chart name field highlighted, Unpublished toggle


    ​

  4. Hover over the table in the preview and click "Edit Table". This will open the size table editor on the right side. For details, refer to the Size Table Editor Guide.
    ​

    Size table panel in Simple mode with Size Range, Measurements and the table below


    ​

  5. Input your measurements directly into the table.
    ​

    Size table panel in Advanced mode: Chest, Waist, Hip measurements for sizes S, M, L


    ​

  6. Once you're satisfied with the size chart, you can further adjust the layout with text, images, or additional blocks to suit your needs.
    ​

    Add new sections panel: Table, Cross Table, Text, Image, Divider, Video


    ​

  7. Ensure your size chart appears on the correct products by setting product matching conditions on the right side of the editor. Refer to this Product Matching Condition Guide for more details.
    ​

    Apply to Products panel with Add new matching condition dropdown open


    ​

  8. Don’t forget to click the "Save" button at the top right to ensure your changes are saved.
    ​

    Create size chart page with the Save button highlighted at the top right


    ​

Once saved, the size chart will appear on the product page, helping your customers make informed decisions, ensuring a better fit, and reducing returns. The best Shopify size chart app around.

Did this answer your question?