Sizing confusion is one of the biggest reasons Shopify shoppers abandon their cart — or worse, order the wrong size and request a refund. A clear, well-placed size chart fixes this instantly. In this guide, we'll walk through exactly how to add a size chart to your Shopify store and publish it using DEVNZO Size Chart, a free app built to help apparel, footwear, and accessories brands reduce returns and increase sales.
What Is DEVNZO Size Chart?
DEVNZO Size Chart is a free Shopify size chart app that lets any retailer create unlimited, customizable size charts and size guides for every product. It includes 25+ ready-made templates, a smart size recommender, collection-based size guides, bulk import via Excel or CSV, and support for 16 languages. It currently holds a 5.0-star rating on the Shopify App Store, making it one of the best Shopify size chart apps for stores that want accurate sizing without hiring a developer.
Below is the exact step-by-step process for how to add a size chart to your Shopify product pages.
Step 1: Install and Enable the App

After installing DEVNZO Size Chart from the Shopify App Store, you'll land on the app dashboard. Here you can:

Confirm the App Status is set to Active so charts display correctly on the storefront
See an overview of All charts, Product charts, and Collection charts
Follow the built-in Quick Start checklist to guide you through your first chart
Access Documentation & video tutorials or email support if you need help
If the app is disabled, no size charts will appear on your store, so make sure this toggle is switched on before publishing.
Step 2: Go to "Manage Charts" and Click "Create Chart"

From the app's navigation menu, open Manage Charts. This is your central hub for every size chart you build — you can search by name, filter by All / Published / Draft, and edit or delete existing charts at any time.
Click Create chart in the top right to add a size chart for the first time.
Step 3: Choose a Template

On the Size Chart tab, select a starting template. DEVNZO offers 25+ pre-made templates for apparel, footwear, and accessories — everything from tops and bottoms to shoes and jewelry — or you can start from a Custom blank template if you want full control over the layout.
Click Change template to browse options and pick the one closest to your product information. Choosing a relevant template (for example, "Men's Top") saves you from building rows, columns, and labels from scratch and helps you choose the right size fields for that product type.
Step 4: Build Out Your Size Chart

Once your template is selected, you can customize every block:
Text block — Edit the chart title and any descriptive copy (e.g., "The perfect fit starts with the right numbers. Measure your chest, waist, and length to find your match.")
Size chart table — Choose whether sizes are listed by First column or First row, then use + Col / – Col and + Row / – Row to match your product's exact measurements — including chest, shoulder, sleeve, length, bust, or inseam, depending on the category.
Convert unit — Toggle Converter unit on if you want measurements to automatically display in both cm and inches. Select which fields should convert — letter or number sizing systems like EU, UK, and US should stay unconverted so you follow common sizing standards correctly.
Image content — Upload a diagram or illustration showing customers exactly where each measurement is taken. This visual sizing information dramatically reduces measuring errors.
Insert new Block — Add additional text, table, or image blocks anywhere on the page as needed.
Use the Preview panel on the right to check how the chart will look on Mobile or Desktop before publishing.
Step 5: Set Placement

Move to the Placement tab and configure:
Chart Name (Internal) — An internal label to help you identify this chart later in your admin (customers never see this).
Conditions — Choose All products to apply the same size chart popup across your whole catalog, or Products matching any condition below to target specific products or collections. This is especially useful when different products or product types need different sizing standards — for example, a chart built for apparel won't match a chart built for footwear.
Step 6: Enable Size Recommendations

On the Recommendation tab, toggle Recommendation on to let customers get a personalized size suggestion instead of just reading a static table — a simple way to boost customer confidence before checkout.
Recommendation tab label — Customize what this tab is called on the storefront (defaults to "Recommendation").
Type — Manual recommendations are available today, where you select the data source table that powers suggestions.

Select a data source — Click Select, choose the size chart table you just built, and confirm.
Select core measurements — Choose which measurements customers will enter to get a fit recommendation.
Chart Interpretation & Fit — Specify whether your chart reflects Body Measurements or Product Dimensions, or mark it Not Applicable for non-clothing charts. You can also enable Customer Fit Preference so shoppers can pick a tight, normal, or loose fit — a personalization touch that helps every customer choose the right size for their body.
Once configured, customers can enter their measurements directly on the product page and instantly see something like: "Recommended Size: M — this size best matches your measurements."
AI-powered recommendations are coming soon, which will let the app generate smart, data-driven size suggestions with even less manual setup.
Step 7: Preview and Publish

Before going live, use the Preview panel to check the chart on both Mobile and Desktop views. When everything looks right, click Publish in the top right corner. You can also click Save as draft if you want to finish setup later, or Discard to cancel.
Once published, your chart's status changes to Published in the Manage Charts list, and it appears automatically on every product page it's assigned to — no theme editor or theme code required.
Other Ways to Add a Size Chart (Theme Editor & Metafields)
Most merchants only ever need the app's built-in editor — it handles placement, the size chart popup or dropdown, and visibility automatically. But if you want a size chart on a custom page, such as a standalone sizing guide or a new page in your navigation, you can also use your theme editor to add the size chart block manually, or create a metafield to pull chart data into a fully custom layout. This gives advanced stores extra flexibility to integrate size charts anywhere in the storefront, not just the default product page location.
Choosing the Right Size Chart for Every Product
Not every product needs the same chart. Best practices for sizing include:
Building a separate chart for each distinct product category (tops, bottoms, footwear, jewelry) rather than reusing one generic chart for every product
Matching your chart's measurements to how the product is actually sized — chest and sleeve for shirts, bust and inseam for certain apparel, width and length for footwear
Keeping different sizing standards (EU, UK, US, cm, inches) clearly labeled so international shoppers always choose the right size
Reviewing and updating charts whenever you add a size chart for a new product line, so sizing information always stays accurate
Why a Size Chart Improves Conversion Rates
A clear, accurate size chart does more than answer a question — it removes the single biggest hesitation point in apparel and footwear shopping. Stores that add a size chart with clear product information typically see:
Higher conversion rates, since shoppers no longer abandon checkout over sizing doubt
Fewer returns and refund requests, protecting margins
Stronger customer confidence and trust, since a store that explains sizing clearly looks more credible than one that doesn't
Better performance across every product, not just bestsellers, once sizing is standardized storewide
Need Help? Book a Free Call With the Founder
If you get stuck at any step — or just want a faster setup — you can book a free onboarding call directly with the founder right from the app dashboard. It's a direct line to the person who built the app, not a support ticket queue, and it's a great option if you want your size charts and recommendation logic set up correctly the first time.
Get Started Today
Adding and publishing a size chart with DEVNZO Size Chart takes just a few minutes: pick a template, build your chart, set placement, optionally turn on size recommendations, and publish. Install the free, user-friendly app from the Shopify App Store and book an onboarding call if you'd like a hand getting everything set up correctly.
FAQ: DEVNZO Size Chart
Is DEVNZO Size Chart free?
How do I add a size chart to my Shopify store?
Can I apply one size chart to multiple or different products automatically?
How does the size recommender work?
Does DEVNZO Size Chart support unit conversion?
Can I import an existing size chart instead of building one manually?
Is AI-powered size recommendation available yet?
What if I'm switching from another size chart app, like Kiwi Size Chart?
Can I display the size chart as a popup or dropdown instead of inline?
Can I get help setting up my size chart?



