Have you ever wondered how many sales you lose because shoppers aren’t sure if an item will fit? Unclear sizing leads to abandoned carts, unhappy customers, and expensive returns. Adding clear size charts removes doubt, boosts buyer confidence, and reduces returns.
TL;DR: You can add size charts to WooCommerce using a free plugin (WPC Product Size Chart), a premium plugin with templates and advanced rules (Advanced Product Size Charts Pro), or a page builder for complete design control (SeedProd). Choose based on budget and how much control you want.
Why add a size chart?
– Reduce returns: Clear measurements cut mismatch problems.
– Higher conversions: Shoppers buy when they trust fit.
– Fewer support requests: Less time answering sizing questions.
– Better mobile experience: Popup or responsive tables help mobile shoppers.
– Improved SEO: Detailed product info can improve relevant search visibility.
Which method is right for you?
– Method 1 — Free plugin: Best for tight budgets and simple tables.
– Method 2 — Premium plugin: Best for stores that need templates, bulk assignment, and polished popups.
– Method 3 — Page builder: Best for custom product pages and precise placement of size guides.
Prerequisite: Have an active WooCommerce store with products added.
Method 1 — Free plugin (WPC Product Size Chart)
1. Install and activate the WPC Product Size Chart plugin.
2. Go to Size Charts » Add New. Name the chart (e.g., “Women’s Shoe Sizing”).
3. Use the Configuration area to either upload an image of a manufacturer chart or build a responsive text table in the Chart Table section. Text tables are better for mobile.
4. Use the ‘Apply’ dropdown to assign charts to categories (recommended) or choose None and assign charts manually on each product via the new Size Charts tab in Product Data.
5. Publish. The plugin will add a Size Chart button on assigned products that opens a popup.
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. Pick a pre-made template that matches your product type (Men’s T-Shirt, Women’s Shoes, etc.).
3. Edit the template: double-click cells to change numbers, use (+) to add rows/columns, and delete empty rows to avoid awkward blank spaces on the live chart.
4. In Size Chart Settings, choose Modal Popup for a professional display and customize link text, icon, and font size.
5. Assign the chart using meta boxes: check categories to apply across many products or assign specific items individually.
6. Update/publish and verify on product pages (desktop and mobile).
Method 3 — Page builder (SeedProd)
1. Install and activate SeedProd (Elite license required for WooCommerce blocks).
2. Go to SeedProd » Website Builder and Add New Template. Choose Type = Single Product.
3. Set Conditions: apply to all products or narrow by product category to show the layout only where desired.
4. Use the drag-and-drop editor to place WooCommerce blocks: Product Image, Title, Price, Add to Cart.
5. Add your size guide using one of three professional options:
– Image block: upload a manufacturer chart image beneath the price (note: images may be harder to read on mobile).
– Product Data Tabs block: add a “Size Guide” tab and paste a measurement table.
– Accordion block: label it “Check Your Size” so shoppers expand to view measurements.
6. Save, Publish the template, and toggle Enable SeedProd Theme ON (ensure Header and Footer templates exist to avoid losing navigation).
Bonus optimization tips
– Track analytics: Use a WooCommerce-compatible analytics plugin to monitor conversions and product performance.
– Show social proof: Real-time purchase notifications can boost buyer confidence.
– Speed checkout: A fast, optimized cart reduces abandonment (consider a slide-out cart plugin).
FAQs (short answers)
1. How do I add a size chart for free?
Use the WPC Product Size Chart plugin to build responsive tables or upload images.
2. Can I show different charts for each category?
Yes — both the free WPC plugin and Advanced Product Size Charts Pro let you assign charts by category.
3. Will a size chart plugin slow my site?
Well-coded plugins load only needed scripts and should not noticeably slow pages.
4. Does WooCommerce include a size chart feature?
No — WooCommerce doesn’t have a built-in visual size chart; using a dedicated plugin or builder is better.
5. How do I upload a size chart image?
Upload the image via SeedProd’s Image block or the Add Media option in size chart plugins. Add alt text and consider responsive alternatives for mobile readability.
6. What measurements should I include?
For apparel: bust, waist, hips, inseam. For shoes: foot length. Provide both inches and cm and include “How to Measure” tips or diagrams.
7. How do size charts reduce returns?
They give customers the measurements they need to pick the right size, reducing mistakes and returns.
8. How do I add selectable sizes like S, M, L?
For purchase selection, use WooCommerce product attributes and variations. For catalog filtering by size, use a product filter plugin.
Additional resources
– Look for guides on adding product attributes, setting up product filters, and customizing WooCommerce product pages for deeper control.
– Consider tools for analytics, social proof, and checkout optimization to complement your size guides.
Adding clear size charts is a small effort that can meaningfully improve conversions and cut return costs. Choose the method that fits your budget and scale, implement responsive, clear measurement information, and test on desktop and mobile to ensure shoppers can confidently buy the right size.