Back to Blog

    How to Create and Publish a Size Chart with DEVNZO Size Chart

    By Devnzo Team
    August 20, 2026
    DEVNZO Size Chart & Size Guide

    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

    Installing DEVNZO Size Chart & Size Guide

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

    Active Size chart APP
    • 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"

    Manage Charts

    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

    Chose 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

    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

    Size Chart Placements

    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

    Size recommender

    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.

    • Size Recommender
    • 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

    Size chart

    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?
    Yes. The app is free to install and use, including access to 25+ templates, the size recommender, unlimited size charts, and multi-language support.
    How do I add a size chart to my Shopify store?
    Install the app, go to Manage Charts, click Create chart, choose a template, build out your table and images, set placement (all products or specific products), optionally enable size recommendations, then publish — no theme code required.
    Can I apply one size chart to multiple or different products automatically?
    Yes. Under the Placement tab, choose "Products matching any condition below" to apply a chart to a collection or group of products automatically, instead of assigning it product by product.
    How does the size recommender work?
    Customers enter their own measurements on the product page, and the app compares them against your size chart data to recommend the best-fitting size, with an optional tight/normal/loose fit preference.
    Does DEVNZO Size Chart support unit conversion?
    Yes. You can enable the Converter unit option to automatically display measurements in cm and inches, and choose exactly which fields should convert.
    Can I import an existing size chart instead of building one manually?
    Yes. You can bulk import size chart data via Excel or CSV under Import / Export Charts, which is useful for stores with large catalogs or existing spreadsheet data.
    Is AI-powered size recommendation available yet?
    Not yet — manual recommendations are available now, and AI-powered recommendations are on the roadmap.
    What if I'm switching from another size chart app, like Kiwi Size Chart?
    DEVNZO's team will migrate your existing size charts over for free, so switching doesn't cost you extra setup time.
    Can I display the size chart as a popup or dropdown instead of inline?
    Yes. You can choose how the chart appears on your product page, including as an inline block, popup, or dropdown, depending on your theme and preference.
    Can I get help setting up my size chart?
    Yes. You can book a free onboarding call with the founder directly from the app dashboard, or use the in-app documentation, video tutorials, and email support.