How to Create a Custom Size Chart Template in WooCommerce

Creating a custom size chart template allows you to design size guides that perfectly match your products, brand standards, and customer needs.

With the Advanced Product Size Charts for WooCommerce plugin, you can build fully customized size charts from scratch and assign them to products or categories.

Introduction

While the plugin provides readymade size chart templates, many store owners need custom size charts for:

• Unique products
• Brand-specific measurements
• Custom apparel or accessories
• Region-specific sizing standards

A custom size chart gives you full control over layout, content, and display.

Step 1: Open the Size Charts Menu

1. Log in to your WordPress Dashboard
2. Go to Product Size Chart → Size Charts

This page displays all existing size chart templates (default and custom).

Step 2: Click “Add New” to Create a Custom Size Chart

1. Click the Add New button at the top
2. A new size chart editor screen will open

This is where you create your custom template from scratch.

Step 3: Add Size Chart Title and Description

Size Chart Title

• Enter a meaningful title
  • Example: Premium Hoodie Size Guide
• This title helps you identify the chart in the admin panel and on the product page.

Description (Optional)

• Add measurement instructions
• Explain how customers should measure
• Mention units (cm/inches)

Step 4: Build the Size Chart Table

In the Chart Table section, you can design the structure of your size chart.

You can:

• Add columns (Size, Chest, Waist, Length, etc.)
• Add rows (S, M, L, XL…)
• Enter measurement values
• Reorder or delete rows and columns
• Use advanced table formatting if needed

This table is what customers will see on the product page.

Step 5: Configure Display Style and Position

You can control how and where the size chart appears.

Display Style

Choose one:

• Popup link (View Size Chart)
• Tabbed chart
• Inline display

Display Position

Select where it appears:

• Before the Add to Cart button
• After the Add to Cart button
• Inside product tabs
• Custom position (if supported)

If no changes are made, the chart will use global default settings.

Step 6: Save and Preview the Size Chart

1. Click Publish or Update

2. Open the product page on the frontend

   Confirm:

   • The size chart is visible
   • Layout and table look correct
   • Display style works as expected

You can edit the chart anytime to refine measurements or layout.

Conclusion

Creating a custom size chart template in WooCommerce gives you full flexibility to match your store’s products and sizing standards.

With just a few steps, you can design, assign, and display accurate size guides that improve customer confidence and reduce returns.

Once created, custom size charts can be reused across products and categories.

FAQs

1. Can I create unlimited custom-sized charts?

Yes, there is no limit on the number of custom-sized charts you can create.

2. Can I edit a custom size chart later?

Yes, custom charts are fully editable at any time.

3. Can custom-size charts be assigned to multiple products?

Yes, you can assign them to individual products or entire categories.

4. Does this work with variable products?

Yes, custom size charts work with both simple and variable products.

5. Can I use advanced table formatting in custom charts?

Yes, you can use multi-table and advanced formatting options if needed.