Shopify Size Guide UX: Reducing Returns Through Better Design

Size-related returns are the biggest preventable cost in apparel ecommerce. A Narvar study found that 42% of online returns happen because the item didn't fit, and Shopify apparel stores are no exception. The root cause isn't that sizes vary (they always will). It's that most Shopify stores present size information in a way that doesn't actually help shoppers make confident decisions.

A well-designed size guide does more than list measurements in a table. It gives shoppers the tools and context to match their body to the right size, which directly reduces returns and increases conversion by removing one of the biggest purchase barriers.

Why do traditional size charts fail?

Traditional size charts list chest, waist, and hip measurements in inches or centimeters. The problem is that most shoppers don't know their own measurements. Baymard Institute's apparel usability research found that only 20% of shoppers have recently measured themselves, meaning 80% of your customers are looking at a size chart they can't use.

Even for shoppers who do measure, standard charts create confusion:

• Is the measurement for the garment or the body?
• Does "chest 40 inches" mean a snug fit or a loose fit?
• How does this size compare to the brand they usually wear?

The Problem: Shopify stores add a basic size chart as a static image or simple table and assume the job is done. The chart doesn't account for how shoppers actually think about fit.

The Fix: Supplement your measurement chart with at least one additional sizing tool: a fit guide that describes how each size feels, a "how to measure" visual guide, or a size recommendation quiz.

What information should a Shopify size guide include?

An effective size guide combines three types of information: a measurement table specifying whether measurements refer to the garment or the body, fit context describing whether the item runs true to size or how it is intended to be worn, and how-to-measure guidance with a visual showing where to place the tape. All three are needed because each serves a different type of shopper.

An effective size guide combines three types of information: measurements, fit context, and guidance.

Measurements (the baseline)

Every size guide needs a clear measurement table. Format it consistently:

Size	Chest (in)	Waist (in)	Hip (in)	Length (in)
XS	34	26	36	25
S	36	28	38	25.5
M	38	30	40	26
L	40	32	42	26.5
XL	42	34	44	27

Key details: Specify whether measurements refer to the garment or the body. This distinction matters. A garment measurement of "chest 40 inches" means something very different from a body measurement of "chest 40 inches."

Fit context

Describe the intended fit for each product. "Relaxed fit," "true to size," "runs small" are the phrases shoppers need to calibrate their expectation.

Add a fit scale visual if possible:

• Slim fit ←→ Relaxed fit
• Runs small ←→ Runs large

How-to-measure guidance

Include a simple visual showing where to place the measuring tape for each measurement. A line drawing or photo with measurement points marked is more helpful than written instructions alone.

Where should the size guide live on the product page?

The size guide should open in a modal or slide-out drawer, not a separate page. Baymard Institute found that 42% of shoppers want to reference the size guide while simultaneously viewing their variant options. A separate page breaks that context and requires the shopper to navigate back. Place the trigger link directly next to the size selector, above the fold, labeled clearly as "Size Guide" or "Find Your Size."

The size guide should be accessible from the product page without navigating away. Baymard Institute found that 42% of shoppers who use a size guide want to reference it while simultaneously viewing the product and variant options.

The Problem: Many Shopify stores link to a separate size guide page. The shopper clicks the link, opens a new page, reads the chart, goes back, and has lost their scroll position and mental context.

The Fix: Use a modal (popup) or slide-out drawer for the size guide. This keeps the product page visible behind it and lets the shopper close the guide and immediately select their size.

Place the size guide trigger:

1. Next to the size selector: A "Size Guide" text link directly beside the size buttons or dropdown
2. Visible without scrolling: The trigger should be above the fold on both desktop and mobile
3. Clearly labeled: Use "Size Guide" or "Find Your Size," not a cryptic icon

How do size recommendation tools work?

Size recommendation tools ask shoppers a few questions — height, weight, preferred fit, usual size in a comparable brand — and return a size suggestion. They dramatically reduce sizing uncertainty and have been shown to reduce return rates by 30 to 50% in multiple case studies. Popular Shopify options include Kiwi Size Chart (free tier available), True Fit (enterprise), and Fit Finder by Fit Analytics (mid-range).

Size recommendation tools ask shoppers a few questions (height, weight, preferred fit, usual size in other brands) and suggest the best size. These tools dramatically reduce sizing uncertainty and have been shown to reduce return rates by 30 to 50% in multiple case studies.

Popular options for Shopify:

Tool	How It Works	Pricing
Kiwi Size Chart	Measurement tables + fit recommender	Free tier available
True Fit	Body data + brand cross-referencing	Enterprise pricing
Fit Finder (Fit Analytics)	Quiz-based recommendation	Mid-range pricing
Size Matters	Simple size chart popup	Free tier available

The Fix: At minimum, add a size recommendation element that asks "What size do you usually wear in [comparable brand]?" and maps that to your sizing. This leverages knowledge the shopper already has and removes the need to self-measure.

For higher-end implementations, tools like True Fit build a profile from the shopper's purchase history and body data to recommend sizes across multiple brands. The upfront investment is higher, but the reduction in returns can pay for itself quickly.

How should the size guide work on mobile?

Mobile size guides fail when measurement tables are rendered as wide HTML tables that require horizontal scrolling. Shoppers can see sizes or measurements but not both at once, making comparison nearly impossible. The fix is a card-based layout showing one size per card with measurements listed vertically, a full-screen modal rather than a small popup, and unit toggles between inches and centimeters accessible with a single tap.

Mobile size guide UX is where most Shopify stores fail the hardest. A measurement table that's readable on desktop becomes a squished, scrollable mess on a phone screen.

The Problem: Size charts rendered as HTML tables on mobile force horizontal scrolling. Shoppers can see the sizes or the measurements, but not both at the same time. This makes comparison nearly impossible.

The Fix: Design your mobile size guide with these adaptations:

1. Use a card-based layout instead of a wide table: Show one size per card with all its measurements listed vertically
2. Add a size selector: Let the shopper tap their size and see only that size's measurements
3. Make the modal full-screen on mobile: Don't try to show a small popup, as it's too cramped
4. Ensure tap targets are at least 48px: Size selection buttons in the guide must be easily tappable
5. Include unit toggles: Let shoppers switch between inches and centimeters with a single tap

A mobile-optimized size guide looks fundamentally different from a desktop one, and that's fine. The goal is the same: help the shopper pick the right size with minimum effort.

Does "model is wearing size M" actually help?

Yes, but only when the model's measurements are included. "Model wears size M" provides no calibration value without the model's height and key body measurements. "Model is 5'10" / 178cm, size M, chest 38", waist 30"" gives shoppers the comparison data they need to adjust their own size selection. Without measurements, it is just a label.

Yes, with caveats. Model sizing information provides a reference point that shoppers use to calibrate their own size selection. But the information needs to be complete to be useful.

Insufficient: "Model wears size M"

Helpful: "Model is 5'10" / 178cm, size M. Chest 38", Waist 30"."

The full model measurements let shoppers compare their own proportions to the model and adjust their size choice accordingly. Without the model's measurements, "wears size M" is just a label with no calibration value.

The Fix: Add model measurements to every product that shows a model. Include height, the key measurements relevant to the product type, and the size they're wearing. Place this information near the product images or in the size guide.

How do customer reviews help with sizing?

Reviews with structured fit data — "runs true to size" ratings aggregated from verified buyers — are more trusted than official size charts because they reflect real customer experience. Displaying an aggregate like "80% of reviewers say this runs true to size" near the size selector consistently reduces return rates. Apps including Loox, Judge.me, and Okendo all support structured fit rating collection.

Reviews that mention fit are enormously valuable for sizing decisions. A shopper reading "I'm usually a size 8 at [other brand] and the medium fits perfectly" gets more actionable information than any size chart can provide.

The Problem: Most Shopify review sections don't surface fit-related information. Sizing feedback is buried in general reviews, and shoppers have to read through dozens of reviews to find relevant fit comments.

The Fix: Use a reviews app that supports structured fit feedback:

1. Add a "fit" rating to your review form: Options like "Runs small / True to size / Runs large"
2. Display a fit summary: Show an aggregate like "80% of reviewers say this runs true to size"
3. Allow filtering reviews by size purchased: Let shoppers read reviews from people who bought their size
4. Prompt reviewers for their measurements: Height and weight from the reviewer helps future shoppers compare

Shopify review apps like Loox, Judge.me, and Okendo support structured fit ratings. Enable this feature and display the aggregate prominently near the size selector.

What about international sizing?

If you sell internationally, your size guide must include a conversion table mapping US, UK, EU, and AU sizes because "size 8" means different things in each region. Detect the shopper's location via IP or Shopify's geolocation feature and default to the relevant sizing system, with a clear toggle to switch. At minimum, if your products are labeled in one system, include a reference table for other regions.

If you sell internationally, your size guide must account for regional sizing differences. A "size 8" means different things in the US, UK, EU, and Australia.

US	UK	EU	AU
4	8	36	8
6	10	38	10
8	12	40	12
10	14	42	14
12	16	44	16

The Fix: Include an international size conversion section in your size guide. Detect the shopper's location (via their IP or Shopify's geolocation feature) and default to the relevant sizing system, with the option to switch.

At minimum, if your products are labeled in one sizing system, include a conversion reference so international shoppers can translate to their local system.

Start here: the 3 changes with the biggest impact

1. Add "true to size" context to every product: Below the size selector, add a one-line fit description: "This style runs true to size" or "We recommend sizing up for a relaxed fit." This costs nothing and immediately helps shoppers who don't want to open a full size guide.

2. Switch your size guide to a modal or drawer: If your size guide currently opens in a new page, change it to a popup or slide-out panel. This keeps the shopper on the product page and lets them reference the guide while selecting their size.

3. Add structured fit ratings to your review form: Enable the "How did this fit?" question in your review app. Once you have 10+ reviews with fit data, display the aggregate near the size selector. This crowdsourced fit information is more trusted than any official size chart.