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 dashboard with six numbered markers: Add New Size Chart, app menu, Styles and Settings, Plan, Account, chat.

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 size chart list, arrow pointing to Add New Size Chart in the top right.
  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 your size chart, Use a template outlined, showing Tops, Bottoms, Dress, Bra, Shoes, Ring, Necklace.
    • Import an existing size chart

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

      Create your size chart with Import an existing chart and Build a size chart from scratch outlined.
  3. In the editor, name your size chart (this won’t be visible to customers).

  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 chart editor: name field, Edit Table link and the Size table panel open on the right.
  5. Input your measurements directly into the table.

    Size table panel with Direction of unit measurements set to Column and a filled Chest, Waist, Hip table.
  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 layout blocks panel, Text and Image outlined and traced to blocks in the chart preview.
  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.

    Size chart editor with Add new matching condition outlined under Product Matching Conditions.
  8. Don’t forget to click the "Save" button at the top right to ensure your changes are saved.

    Size chart editor with a Product is Top condition, Matched with 1 product, Save highlighted.

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?