All articles
Guides5 min read

Help Tempe shoppers choose the right product size

Make product sizes easier to understand with clear measurements, useful size charts, and a tested path to the cart. A guide for Tempe store owners.

A shopper likes the product, finds their usual size, and pauses. Does “medium” mean the same thing here? Is the width measured across the item or all the way around it?

A size label needs enough context to make a decision. Your customer should not have to guess what the measurements describe.

For a Tempe store selling online, start with the product questions you answer in person. Put those answers beside the choice customers are making on the website.

Explain what the measurements describe

Separate the size label from the measurement. Small, medium, and large are choices in your catalog. The measurements explain what those choices mean for this particular product.

For clothing, say whether the chart describes the customer's body or the finished garment. For a home product, identify the relevant dimensions and anything that changes them. A width without a unit or measuring method leaves work for the shopper.

Imagine a Tempe shop selling shirts from two suppliers. Both offer a medium, but each supplies its own sizing information. Copying one chart across the collection would hide the distinction customers need to see.

Use the approved information for the exact product or model. If something is unclear, confirm it with the supplier or the person responsible for the product before publishing. Do not fill a missing measurement by estimating from a photograph.

Three parts of a useful measurement
What
The body, garment, or object being measured.
Where
The start and end points, shown and explained.
How
The unit and method used for this product.

Keep all three beside the numbers.

Write down how to take or compare the measurement. A short annotated drawing can help show the start and end points. Keep the wording consistent with the chart; a diagram of a flat garment should not silently stand in for a body measurement.

Give each product the right guide

Decide which products can accurately share a guide. Group by the measurements and method that apply, rather than assuming everything in one collection uses the same sizing.

On Shopify, product metafields can hold information beyond the ordinary product fields. Shopify gives dimensions and size charts as examples. Themes that support dynamic sources can connect most metafields through the theme editor; other setups may need theme code. Read Shopify's metafield guidance.

Shopify also documents a size-chart approach using a product page-reference metafield and a pop-up block. You assign the relevant chart page to each product. That tutorial requires a theme with dynamic-source support. It warns that a product using the template without a page reference can still show a link that opens an empty pop-up. See Shopify's size-chart tutorial.

Make that missing-chart case part of the review. Open a product with a guide, one using a different guide, and one that should not have a guide at all. Check the customer-facing result in each case.

Keep the chart readable on a phone

Place a clearly named size-guide link near the size choice. Customers should be able to consult it and return to the product without losing their place or selection.

Prefer real text and a table for measurements. Use an illustration to explain where to measure, with the same instructions available in words. Avoid making a screenshot of a spreadsheet the only way to read the information.

Give every measurement a unit. If you offer more than one unit, check the conversions and labels against the approved source. Keep any rounding consistent with the precision your product information actually supports.

Ask your developer to associate table headers with the data they describe. For a table with row and column headers, W3C explains using header cells and their direction so the relationships are clear to assistive technology. Read W3C's table guidance.

Brandon reviewing a website at his studio desk
Check the guide in the page where shoppers will use it. Photo from Juncie’s studio archive.

Check the guide on a narrow phone and with larger text. Make sure the units stay understandable, long labels remain readable, and any pop-up can be opened and closed with a keyboard. Return to the size selector and confirm it is still usable.

Follow the selected size into the cart

The guide helps someone decide. The product options need to preserve that decision.

Shopify represents combinations of options, such as size and color, as product variants. Inventory can be managed for each variant. Shopify explains variants here.

Use the same size labels in the guide and the selector. If the chart calls a size “medium” and the selector says “M,” make the relationship obvious. Check that every offered size has the information needed to choose it.

Choose a size, change the color, and inspect the selected options again. Add the item to the cart and check the displayed size, color, and quantity. Try an unavailable combination too; the page should clearly explain what can actually be ordered.

Follow one choice all the way through
  1. GuideFind the correct product and size label.
  2. SelectorChoose the size and color you intend.
  3. CartConfirm those same options arrived.

If you offer collection, check the selected variant through that route as well. Our Shopify store-pickup guide covers the collection promise and the team's handoff.

Help when the chart does not settle it

Give shoppers a clear way to ask a sizing question. Ask for the product name or link and the specific point they need explained. Make sure the person replying has access to the same approved measurements.

Avoid a blanket “size up” instruction unless the product information supports it. Explain relevant fit details accurately, and be honest when your team cannot guarantee how an item will fit an individual customer.

Keep the return or exchange policy easy to find before purchase, and make sure it matches your actual terms. A useful chart does not replace that information.

Product discovery is a separate part of the journey. Our store-search guide covers helping someone find the item; this review starts when they need to choose its size.

Review sizing when the product changes

Name the person who owns the sizing information. Keep the source, product or model, measuring method, and last check together so the next editor knows what they are updating.

Review the guide when a supplier changes a product, you introduce a new range, or customer questions reveal an unclear instruction. Check all products sharing a chart before changing it. One edit may affect more pages than the one you have open.

Our editable-website guide covers giving your team clear boundaries for routine changes. Include sizing fields and shared charts in those instructions.

Your Tempe business website should make the product easier to understand. Our e-commerce service can help connect useful product information with a dependable buying path. Tell Brandon where shoppers get stuck choosing a size.

A little more clarity

Common questions.

Ask a different question
Can every product use the same size chart?
Only when the chart accurately describes those products. Check the supplier, model, measurements, and size labels before sharing a chart. A new cut or product range may need its own guide.
Can Shopify show different size guides for different products?
Yes. Shopify documents a product page-reference metafield connected to a pop-up block, with the relevant chart page assigned to each product. That approach requires a theme that supports dynamic sources. Test products with a chart and products without one.
Should a size chart be an image?
Prefer readable text and a properly structured table for the measurements. A drawing can explain where to measure, but the numbers and instructions should also be available as text. Check the result on a phone and with larger text.
JUNCIE STUDIOS

Your website could be
working harder for you.

Tell me what’s getting in the way. I’ll help you figure out the next step for your business.

Talk to me about your website
Brandon Mitchell
Brandon MitchellDesigner, developer & your point of contact.Based in Arizona. Built around your business.