Creating Size Charts and Guides in Shopify

Shopify size chart integration guide

Shopify size chart integration guide

Published May 27, 2025

Shopify Logo on a screen

Shoppers hesitate to buy if they’re unsure about fit—and in eCommerce, that’s a big reason for returns. A clear, accessible size chart can dramatically improve customer confidence and reduce cart abandonment. On Shopify, adding a size guide is easy, whether you're using a free theme or customizing your product pages.

Why Size Guides Matter

From apparel to footwear, sizing varies across regions and brands. Including a visual chart or table helps buyers feel more certain and makes your store look more trustworthy.

Ways to Add Size Charts in Shopify

1. Use the Product Description

A quick solution is to paste a chart directly into your product description using Shopify's built-in editor. This works best if your sizing is standard across all products.

2. Create a Size Chart Page

If your store has different charts for different products (e.g., men’s vs women’s), create a separate “Size Guide” page under Online Store > Pages. Then link to it from your product pages.

Shirt and detailed size chart for fit guidance

Shirt and detailed size chart for fit guidance

3. Add a Popup or Tab

Apps like BEST Size Chart or Avada Size Chart let you add interactive, branded popups or accordion tabs. These can appear on each product page, helping maintain a clean layout while offering important info.

4. Custom Code (No App Needed)

For those with basic HTML knowledge, embed a custom size table below the “Add to Cart” button using Shopify’s theme editor and Liquid code. You can make it product-specific using metafields or conditions.

Best Practices

  • Keep it mobile-friendly and scannable.

  • Use visuals or illustrations if possible.

  • Include both metric and imperial units.

  • Update regularly as your sizing or offerings change.

Adding a well-placed size guide isn’t just a small tweak—it can boost conversions, lower returns, and enhance your store’s user experience.

More in Web Development

The Micro-Animations Revolution: Designing Subtle Interactions for SEO & UX Gains

Beyond Page Speed: How Core Web Vitals Are Redefining SEO for Web Design

The Micro-Animations Revolution: Designing Subtle Interactions for SEO & UX Gains

Beyond Page Speed: How Core Web Vitals Are Redefining SEO for Web Design

Loading Time = Losing Time: Why Speed Is a Design Priority

Let’s Work Together

We’re always striving to create the best products and execute projects to the highest standards.

Sign-up for Newsletter

We’re always striving to create the best products and execute projects to the highest standards.

© The Editor Suite 2025. All Rights Reserved

Let’s Work Together

We’re always striving to create the best products and execute projects to the highest standards.

Sign-up for Newsletter

We’re always striving to create the best products and execute projects to the highest standards.

© The Editor Suite 2025. All Rights Reserved

Let’s Work Together

We’re always striving to create the best products and execute projects to the highest standards.

Sign-up for Newsletter

We’re always striving to create the best products and execute projects to the highest standards.

© The Editor Suite 2025. All Rights Reserved