How to assign a size chart to any product in WooCommerce

Let's you create branded, mobile-friendly size charts and attach them to products in seconds.

Place the chart as a pop-up, tab, or inline block; support inches/centimeters; and assign charts to single or multiple products without editing code.

What are the benefits of a size chart

Assign Size Chart to Any Products — pick one or more products and link them to a specific size chart. The chart then appears on those product pages in the position you choose (pop-up/tab/inline).

Use of the product size chart

• Reduces fit confusion and pre-purchase questions
• Lowers return rates from wrong sizes
• Speeds up merchandising for new launches
• Keeps your PDPs consistent and on-brand

How to configure — step guide

Access the plugin

Goto: Dashboard → Dotstore → Product size chart → Size chart menu

Create a new chart

1. Go to Dotstore → Product size chart → Size chart and click Add new.
2. Enter a Chart Title (e.g., “US Men’s T-Shirt Sizes”).
3. Build your table (rows/columns for measurements; add unit notes like “inches”).
4. Choose Display Position (Popup / Tab / Inline) and set the button text (e.g., “Size Guide”).

5. (Optional) Add fit tips, how-to-measure notes, or an image.

   

Assign to products (right-side widget)

6) On the Add New screen, find the Product selection widget on the right.

7) Search/select one or more products to assign to this chart.

8) Click Publish (or Update).

Verify on the front end

9) Open an assigned product page and confirm the Size Guide appears and opens correctly on mobile and desktop.

Real examples

Example 1 — US Men’s T-Shirt (inches)

• Chart title: US Men’s T-Shirt Sizes (in)
• Columns: Size, Chest (in), Body Length (in)
• Sizes: S / M / L / XL / XXL
• Assign to products: “Sparta Gym Tee”, “Classic Crew Tee”
• Position: Popup with button “Size Guide”

Example 2 — US Women’s Sneakers (inches)

• Chart title: US Women’s Shoe Size (in)
• Columns: US, Foot Length (in), EU
• Sizes: 5–11
• Assign to products: “Aero Run Sneaker”, “StreetFlex Knit”
• Position: Tab named “Size Guide”

Expected outcome

• The selected size chart displays only on the assigned products.
• Buyers quickly confirm fit → fewer returns and more completed orders.
• Your team can assign charts to new SKUs in seconds.

FAQs

1) Can I assign one chart to many products at once?

Yes — select multiple products in the right-side widget before publishing.

2) Can a product have multiple size charts?

Yes — create additional charts (e.g., Tops vs. Bottoms) and assign both. Use tabs or separate buttons for clarity.

3) Where does the chart appear on the product page?

Choose Popup, Tab, or Inline in the chart settings. For most stores, pop-up + sticky button works best on mobile.

4) Can I use inches and centimeters?

Yes — label your units in the table headers (e.g., “Chest (in)” / “Chest (cm)”). You can keep separate US/EU charts if needed.

5) Will page builders work (Elementor/Divi/Blocks)?

Yes — the chart loads on the PDP regardless of the builder. Use the plugin’s position settings to place it cleanly.