Adding accurate size charts helps UK clothing e-commerce stores give customers the right fit information before purchase. Standard UK sizes vary by brand and garment type, so clear charts on product pages reduce uncertainty for shoppers.
This guide explains how to research, design and add interactive size charts that work well on desktop and mobile. It covers practical implementation for common platforms and ways to improve the buying experience without overpromising results.
Understanding Standard UK Clothing Sizes
UK clothing sizes are based on measurements such as bust, waist, hips and inside leg. Women's sizes commonly run from 6 to 24, while men's sizes typically range from chest 34 to 50 inches or collar 14 to 18 inches. Children's sizes often use age or height in centimetres.
Measurements can differ between brands because of styling, fabric and target fit. A size 12 dress from one label may fit differently from another. Always measure a physical garment laid flat and compare against your own body measurements taken with a tape measure. Record both inches and centimetres because some customers prefer one unit.
Use the following common women's measurements as a starting point and adjust for your specific products:
- Size 8: Bust 32", Waist 24", Hips 34"
- Size 10: Bust 34", Waist 26", Hips 36"
- Size 12: Bust 36", Waist 28", Hips 38"
- Size 14: Bust 38", Waist 30", Hips 40"
Include a note that these are approximate and customers should check your brand's own chart.
Creating Your Own Size Chart Data
Measure several samples of each size in your range. Lay garments flat without stretching and record key dimensions: for tops this includes chest width, sleeve length and total length; for trousers or jeans record waist, inside leg, rise and hem width.
Present the chart in a clear table format. Separate women's, men's and children's sections. Offer two columns – one in inches and one in centimetres – so customers do not need to convert. Add a simple diagram or line drawing showing exactly where each measurement is taken on the body or garment.
Keep language neutral and factual. Instead of promising 'perfect fit' say 'use these measurements to compare against your own'. Test the chart with a small group of colleagues or early customers to check whether the measurements make sense and the instructions are clear.
Making Size Charts Interactive
Interactive charts let customers click or hover to highlight the relevant row. On Shopify you can install a free or low-cost size chart app that adds a tab or pop-up on the product page. For WooCommerce, custom code or plugins such as 'Size Chart for WooCommerce' allow similar functionality.
A simple interactive version can use HTML, CSS and JavaScript. Create a table where clicking a size button highlights the row and shows a tick or colour change. Magento users can add this through custom blocks or extensions.
Place the chart near the size selector on the product page so it is easy to find. Some stores add a link labelled 'View size guide' that opens the chart in a modal window. This keeps the main page clean while still providing immediate access.
Reducing Returns Through Better Fit Information
Clear size information helps customers choose the correct size first time. Include guidance on whether your garments run small, large or true to size based on your own testing. For example, state 'this style has a relaxed fit – we recommend ordering your usual size'.
Combine the size chart with care instructions and fabric composition because these affect how a garment fits after washing. Encourage customers to measure themselves rather than rely on labelled sizes. Provide a short video or illustrated steps showing how to take accurate body measurements at home.
Monitor which sizes have the highest return rates after launch. Use this data to refine your charts or adjust your grading. While returns cannot be eliminated entirely, consistent and accurate charts help set realistic expectations.
Ensuring Mobile Usability
Most UK online shoppers use mobile devices, so size charts must work on small screens. Design tables that scroll horizontally or convert to a stacked layout on phones. Test on several devices to confirm text remains readable without zooming.
Use large touch targets for any interactive elements. Avoid pop-ups that cover too much of the screen on mobile; instead consider an accordion style that expands when tapped. Keep font size at least 16px and ensure adequate contrast.
On Shopify and WooCommerce, preview the product page in mobile view within the admin area. For Magento, use the responsive theme settings. Check load speed because large images or complex JavaScript can slow the page on mobile connections.
Implementing Size Charts on Major Platforms
On Shopify, add a size chart as a metafield or use a dedicated app. Create a reusable snippet so the same chart appears across relevant products. In WooCommerce, you can add custom fields or use page builders to insert the chart below the add-to-cart button. Magento allows static blocks or attribute-based charts that display according to product category.
Keep the chart updated when you introduce new styles or change manufacturing. Version the chart and date it internally so you can track changes. Make the chart accessible by adding alt text to any images and ensuring it can be navigated with a keyboard.
Review the platform's current terms for any requirements around product information and returns policies. These rules change, so check the latest guidance directly from the platform and from GOV.UK where relevant.
Reviewing and Improving Your Charts
After adding size charts, check analytics to see how often customers open them. Look at return reasons related to fit and adjust wording or measurements if patterns appear. Ask for feedback through post-purchase surveys or direct customer service notes.
Update charts when you change suppliers or fabrics. Re-measure samples regularly because manufacturing tolerances can vary between batches. Keep the design consistent across your site so customers learn where to find the information.
Founders based in West Yorkshire can access practical support at Loomworks in Liversedge, which offers selected early-stage teams free desks, a registered address and mentoring without fees or equity taken.
Frequently asked questions
What are the standard UK women's clothing sizes?
Common UK women's sizes run from 6 to 24. Each size corresponds to approximate body measurements for bust, waist and hips. Because brands vary, always provide your own chart based on actual garment measurements rather than relying on generic standards.
How do I make a size chart mobile friendly?
Design tables that scroll horizontally on small screens or convert to a vertical stacked format. Use a minimum font size of 16px, ensure buttons are easy to tap, and test the chart on real mobile devices. Avoid large images that slow loading on mobile data connections.
Can interactive size charts reduce clothing returns?
Providing clear, accurate measurements and fit guidance helps customers select the right size. Combine charts with notes on whether items run small or large. While returns cannot be removed completely, better information sets clearer expectations and can lower the volume of fit-related returns.
Where should I place the size chart on my product page?
Position the chart close to the size selector or add a clearly labelled 'Size guide' link that opens a pop-up or tab. This makes the information available exactly when customers are choosing a size, improving the overall user experience on both desktop and mobile.
Do I need different size charts for different product types?
Yes. Tops, dresses, trousers and outerwear require different measurements. Create separate charts or sections for each garment category. Clearly label which measurements are shown and include simple diagrams showing where to measure on the body or garment.
Related reading: Staying GDPR compliant as a UK e-commerce business, How to choose the best Shopify theme for a UK store, Essential WooCommerce plugins for UK early-stage stores. Browse all e-commerce setup guides or apply to Loomworks.