Unclear sizing costs sales. When shoppers doubt fit they abandon carts, ask for help, or return items — all of which hurt revenue and margins. Adding clear, mobile-friendly size charts removes uncertainty, increases buyer confidence, and reduces returns.
TL;DR
Three practical ways to add size charts in WooCommerce:
– Free plugin: WPC Product Size Chart — good for tight budgets and simple responsive tables or images.
– Premium plugin: Advanced Product Size Charts Pro — includes templates, bulk assignment, and nicer modal popups.
– Page builder: SeedProd (Elite) — best when you want full design control and custom single-product layouts.
Choose based on budget, how many products/categories you must cover, and how much design control you need.
Why add a size chart?
– Fewer returns: Shoppers pick the right size when measurements are clear.
– Higher conversions: Confidence in fit drives more completed purchases.
– Less support: Fewer sizing questions for your team to answer.
– Better mobile UX: Popups and responsive tables work well on phones.
– SEO benefit: Detailed product info can help relevant search visibility.
Which method suits your store?
– Free plugin: Best for simple needs and low cost.
– Premium plugin: Best for stores that want templates, polished popups, and bulk rules.
– Page builder: Best for custom product pages and precise placement of size information.
Prerequisite
Have a live WooCommerce store with products added.
Method 1 — Free plugin: WPC Product Size Chart
1. Install and activate WPC Product Size Chart from the plugins screen.
2. Go to Size Charts > Add New and give the chart a name, for example Women’s Shoe Sizing.
3. In Configuration, either upload a manufacturer image or build a responsive text table in Chart Table. Text tables are preferable for mobile readability.
4. Use the Apply dropdown to assign charts to categories (recommended) or set to None and attach charts per product via the new Size Charts tab in Product Data.
5. Publish. A Size Chart button will appear on assigned products and open a popup when clicked.
Method 2 — Premium plugin: Advanced Product Size Charts Pro
1. Purchase, install, and activate the Pro plugin.
2. Go to Size Chart > All Size Charts and pick a template that matches your product type (t-shirts, shoes, etc.).
3. Edit the template: double-click cells to change values, use the + control to add rows or columns, and remove empty rows so the live table looks clean.
4. In Size Chart Settings choose Modal Popup for a professional display and customize the link text, icon, and font size.
5. Assign charts using the plugin meta boxes: check categories to apply charts across many products or attach to specific products.
6. Update and test product pages on desktop and mobile to confirm layout and readability.
Method 3 — Page builder: SeedProd (requires Elite license)
1. Install and activate SeedProd with the WooCommerce blocks enabled.
2. Create a new Single Product template in SeedProd and set display conditions for all products or specific categories.
3. Use drag-and-drop WooCommerce blocks to build the product layout: Product Image, Title, Price, Add to Cart, etc.
4. Add your size guide using one of these options:
– Image block: upload a manufacturer chart beneath the price (note: images may be hard to read on small screens).
– Product Data Tabs block: add a Size Guide tab and paste a measurement table or HTML.
– Accordion block: label it Check Your Size so shoppers expand to view measurements.
5. Save and publish the template. Enable the SeedProd theme and ensure Header and Footer templates exist so navigation remains intact.
Bonus optimization tips
– Track performance: Use WooCommerce analytics or a compatible analytics plugin to measure conversions and product performance after adding charts.
– Show social proof: Real-time purchase notifications can increase trust and conversions.
– Speed up checkout: A fast, optimized cart reduces abandonment — consider a slide-out cart or checkout optimizations.
– Use both units: Provide measurements in inches and centimeters and include a short how-to-measure guide or simple diagrams.
Short FAQs
1. How do I add a size chart for free?
Use the WPC Product Size Chart plugin to create responsive tables or upload images.
2. Can I show different charts per category?
Yes — both WPC and Advanced Product Size Charts Pro support category-level assignments.
3. Will a size chart plugin slow my site?
Well-coded plugins load only needed assets and should not noticeably slow pages. Test with your theme and caching setup.
4. Does WooCommerce have built-in size charts?
No — WooCommerce does not include a visual size chart feature, so a plugin or page-builder solution is recommended.
5. How do I upload a size chart image?
Upload via SeedProd’s Image block or the plugin’s media/upload option; add alt text and consider a responsive text fallback for small screens.
6. What measurements should I include?
Apparel: bust, waist, hips, inseam. Shoes: foot length. Offer both inches and cm and include measuring tips.
7. How do size charts reduce returns?
They give exact measurements so customers can choose the correct size instead of guessing.
8. How do I add selectable sizes like S, M, L?
Use WooCommerce product attributes and variations for purchase selection, and use a product filter plugin if you want catalog filters by size.
Extra resources and next steps
– Look up guides on product attributes, filters, and single-product template customization for deeper control.
– Test your size charts on several devices and collect customer feedback to refine measurements and presentation.
Adding clear, responsive size charts is a small investment that can raise conversions and cut return costs. Pick the approach that fits your budget and workflow, implement clear measurements and how-to tips, and test on desktop and mobile so customers can confidently buy the right size.