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 and returns. Adding clear size guides removes doubt, boosts conversions, and reduces returns. This guide shows three easy ways to add size charts to WooCommerce: a free plugin, a premium plugin with templates, and a page builder for full customization.
TL;DR: Use the free WPC Product Size Chart plugin if you’re on a budget. For pre-made templates and advanced assignment rules, use Advanced Product Size Charts Pro. For complete control over product layouts, use SeedProd.
Why Add a Size Chart?
– Reduces incorrect-size returns and shipping costs.
– Increases conversion rates by giving shoppers confidence.
– Cuts support requests about measurements.
– Improves mobile usability when charts are responsive or popups.
– Can improve SEO with richer product detail.
Which Method Is Right for You?
– Method 1: Free plugin (best for tight budgets).
– Method 2: Premium plugin (best for growing stores with many SKUs).
– Method 3: Page builder (best for custom product pages and layout control).
Prerequisite: Have an active WooCommerce store with products added.
Method 1: Add a Size Chart Using a Free Plugin
Recommended plugin: WPC Product Size Chart for WooCommerce.
Steps:
1. Install and activate WPC Product Size Chart.
2. Go to Size Charts » Add New.
3. Give your chart a title (e.g., “Women’s Shoe Sizing”).
4. In the Configuration box, upload a manufacturer-provided image via Add Media (Above/Under Text) or build a text-based table in Chart Table for better mobile responsiveness.
5. Use the grid to add rows/columns and enter measurements.
6. In the Apply dropdown, assign the chart to specific product categories so it appears automatically. If you leave it as None, you’ll need to assign charts manually via the Size Charts tab in Product Data for each product.
7. Publish. The plugin adds a Size Chart button that opens a popup with your guide.
Method 2: Add a Size Chart Using a Premium Plugin
Recommended plugin: Advanced Product Size Charts Pro.
Why choose it: Includes about 10 ready-made templates, modal popup display, bulk assignment by category, attributes, tags, or individual products.
Steps:
1. Purchase, install, and activate Advanced Product Size Charts Pro.
2. Go to Size Chart » All Size Charts and pick a template (e.g., “Men’s T-Shirt”).
3. Edit the template: double-click cells to change measurements, use (+) to add sizes or measurement types, and remove empty rows via the trash icon (important to avoid blank spaces).
4. In Size Chart Settings choose Position = Modal Popup, customize Link Title, Popup Icon, font size, etc.
5. Assign the chart using the meta boxes on the right: Assign Category to apply to entire categories, or Assign Product to target single items.
6. Publish/update and verify the button and popup on product pages (desktop and mobile).
Method 3: Add a Size Chart Using a Page Builder
Recommended tool: SeedProd (Elite license required for WooCommerce blocks).
Why choose it: Full drag-and-drop control of product page layout; place the size guide exactly where it converts best.
Steps:
1. Install and activate SeedProd, enter your license key.
2. Go to SeedProd » Website Builder and Add New Template. Create a Single Product template and set Conditions (all products or specific product categories by slug).
3. In the drag-and-drop editor, use WooCommerce blocks: Product Image, Title, Price, Add to Cart, etc.
4. Add your sizing guide using one of three options:
– Image block: upload a size chart graphic under the price.
– Product Data Tabs block: add a “Size Guide” tab and paste a measurement table.
– Accordion block: add a collapsible “Check Your Size” section.
5. Save and Publish the template. Toggle Enable SeedProd Theme ON to make the custom design live. Ensure you’ve created Header and Footer templates to keep navigation intact.
Bonus Ways to Optimize Your WooCommerce Store
– Track eCommerce analytics with MonsterInsights to see what’s selling and measure conversions.
– Add social proof with TrustPulse to display recent purchases and increase confidence.
– Speed up checkout and reduce cart abandonment with a slide-out cart using FunnelKit.
FAQs About WooCommerce Size Charts
1. How do I add a size chart in WooCommerce for free?
– Use the free WPC Product Size Chart plugin to build tables or upload sizing images.
2. Can I show different size charts per category?
– Yes. Both WPC Product Size Chart (free) and Advanced Product Size Charts Pro support assigning charts to categories.
3. Will a size chart plugin slow down my site?
– Well-coded plugins load only necessary scripts when needed and should not significantly affect page speed.
4. Does WooCommerce include a built-in size chart?
– No. You can use product attributes for basic size listing, but dedicated plugins or page builders create clearer visual tables/popups.
5. How do I upload a size chart image?
– Use the Add Media button in the free plugin or an Image block in SeedProd. Remember static images can be hard to read on mobile—consider responsive tables and add Alt Text.
6. What measurements should be included?
– Apparel: bust, waist, hips, inseam; Shoes: foot length. Include both imperial and metric units for international shoppers and add a “How to Measure” diagram.
7. How do size charts reduce returns?
– Clear measurements help customers choose the correct size, lowering the likelihood of returns due to poor fit.
8. How do I add selectable sizes (S/M/L) and filters?
– For selectable sizes at purchase, use WooCommerce product attributes and variations. For browsing by size across the catalog, use a product filter plugin (e.g., WPFilters by SearchWP).
Additional Resources
– Best WooCommerce Plugins for Your Store (plugin recommendations).
– How to Add Product Tags, Attributes, and Categories to WooCommerce.
– WooCommerce Made Simple: Ultimate guide to set up your store.
– How to Create a WooCommerce Popup to increase conversions.
Adding clear, well-placed size charts is one of the easiest improvements you can make to reduce returns, increase conversions, and create better customer experiences. Choose the method that fits your budget and scale—free plugin for simplicity, premium plugin for efficiency and templates, or SeedProd for full customization—and test your charts on desktop and mobile to ensure readability.