How To Use Metafields for Size Charts in Shopify

Running an online store comes with its own set of challenges, and one of the most common is dealing with returns due to sizing issues. For clothing and apparel brands, creating a clear and accessible size chart can significantly reduce these returns. Luckily, tools like a size chart metafield for Shopify exist to help store owners manage and display size charts effectively.

What Is A Size Chart Metafield for Shopify?

Shopify metafields are custom fields that allow you to store additional information on your products, collections, customers, and orders. They’re incredibly flexible and can be used for a wide range of purposes. Whether you want to add extra product details, custom descriptions, or in this case, size charts, metafields give you the freedom to customize your store’s data. However, you will need to know some code in order to get them to work!

How Do You Add a Size Chart in Shopify Metafields?

Adding a size chart in Shopify metafields is simpler than you might think. Here’s a step-by-step guide to help you integrate size charts using Shopify’s native metafields functionality:

Step 0: Plan Your Size Chart Strategy

Before you even open Shopify, take a moment to plan your size charts. Consider the following:

• Product categories: Will you need separate charts for men, women, kids, or unisex items?
• Chart format: Will you use a table, an image, or a downloadable PDF? Tables are easiest for quick reference, while PDFs and images can include more design elements.
• Accessibility: Make sure your charts are easy to read on desktop and mobile. Use legible fonts, clear labels, and sufficient spacing.
• Consistency: Decide on measurement units (inches, centimeters) and sizing labels (S, M, L or numeric sizes) to avoid confusion.

Having a clear plan before setup will save you time and prevent mistakes later.

Step 1: Access Shopify Metafields

1. Log in to your Shopify admin dashboard.
2. From the menu on the left, scroll down and click Settings.
3. On the Settings page, select Metafields.

Tip: Metafields can be added to products, collections, customers, and orders. Since size charts are product-specific, choose Products.

Optional: Take a quick look at other metafields on your store to understand how they’re used — this can help you plan your chart setup.

Step 2: Create a New Metafield Definition

1. In the metafields section, click Create definition.
2. Select Products as the resource type.
3. Give your metafield a descriptive name, such as Size Chart – Men’s Shirts.
4. Choose the content type:
   • Rich text: Ideal for tables or formatted text. Easy to edit directly in Shopify.
   • File: Use if your chart is a PDF or image.
   • Other types: Advanced users can explore JSON or number-based fields, but rich text or file is simplest for size charts.
5. (Optional) Add a description or validation rules to help your team know how to use the field correctly.

Tip: Use clear naming conventions for different product types. It makes managing multiple charts much easier.

Step 3: Add Size Charts to Your Products

Once the metafield definition is set up, you can add charts to individual products:

1. Go to a product page in your Shopify admin.
2. Scroll down to the Metafields section.
3. Find your Size Chart metafield.
4. Enter the size chart directly (for rich text) or upload your file (for PDF or image).

Tips for managing size charts:

• Bulk edits: If multiple products share the same chart, you can copy and paste or use Shopify’s bulk editor.
• Testing: Preview the chart in the metafield before displaying it on your live site. Make sure tables or images display clearly and aren’t cut off.

Step 4: Display the Size Chart on Your Product Page

To make your size chart visible to customers:

1. Go to Online Store > Themes, and click Customize.
2. Navigate to the product page section where you want the chart to appear.
3. Insert the metafield code to pull the size chart data.

Display Options:

• Inline on the product page
• In a collapsible accordion or tab
• In a modal popup triggered by a “Size Chart” link

Tip: Always preview your product page on desktop, tablet, and mobile to ensure proper display.

Step 5: Add Dynamic Size Charts (Optional)

For stores with many products, you can make size charts dynamic:

• Create separate metafield definitions for different product types or collections.
• Use conditional logic in your theme to display the appropriate chart for each product automatically.
• This ensures customers always see the correct chart without manually updating each product.

No coding knowledge? You can use third-party apps, like the Kiwi Sizing app, to handle dynamic charts for you. Our app makes it easy to assign charts to products or collections without editing code.

Step 6: Test and Optimize

Once your charts are live, testing is critical:

• Check charts on multiple devices and browsers.
• Ask friends, family, or team members to use the size charts while shopping.
• Monitor return and exchange rates to see if your charts reduce sizing issues.
• Update charts if customers report confusion or errors.

Step 7: Maintain and Update Your Charts

Shopify metafields make updates simple:

• Update charts for new products or sizes without editing each product page individually.
• Keep naming conventions consistent for easier management.
• Periodically review your charts to ensure accuracy as sizing standards or product lines change.

Challenges of Using Shopify Metafields for Size Charts

While Shopify metafields are powerful, they’re not without challenges, especially for store owners who don’t have coding experience. Some common obstacles include:

Technical Setup Can Be Tricky

Adding metafields is straightforward, but displaying them on product pages usually requires editing your theme code. One small mistake can break your product layout or prevent charts from appearing correctly.

Managing Multiple Products Is Time-Consuming

If you have dozens or hundreds of products, manually adding or updating size charts for each one can take hours. Dynamic metafields can solve this, but they often require coding knowledge to set up conditional logic.

Updates and maintenance can be complex

Any time you change a size chart — for example, adding new sizes or adjusting measurements — you must update the metafield for each affected product unless you’ve implemented advanced dynamic logic.

Reduce the Challenges of Size Chart Metafields in Shopify

The Kiwi Sizing app removes the challenges created by Shopify size chart metafields by providing an easy-to-use interface to create and manage size charts without touching code. Kiwi Sizing combines the flexibility of metafields with a user-friendly setup, giving you all the benefits without the headaches. Try our Shopify size chart solution today and see for yourself how easy managing size charts can be!