Size Chart Recommender

Size chart recommender allows your WooCommerce store to display accurate size charts and intelligently recommend the best size to customers, reducing returns and increasing conversions.

With flexible display templates, smart questionnaires, unit conversion, and automatic product targeting, this plugin helps shoppers confidently choose the right size every time.

Setup and Configuration

↑ Back to top

Install the plugin

• Download the plugin ZIP file
• Go to WordPress Admin → Plugins → Add New
• Click Upload Plugin
• Upload the ZIP and click Install
• Activate the plugin

Access the Size Chart Menu

↑ Back to top

After activation, a new sub-menu appears:

Products → Size Charts

This is where all size charts are created and managed.

Getting Started (Create Your First Size Chart)

↑ Back to top

Step 1: Add a New Size Chart

• Go to Products → Size Charts
• Click Add New
• Enter a Size Chart Title (e.g., “Men’s T-Shirt Size Chart”)

Step 2: General/Chart Builder Tab

In the General Chart Builder tab, you build your actual size chart:

• Add chart description
• Chart type
• Create custom size charts
• Add rows and columns manually OR
• Upload size chart images
• Import size chart
• Export size chart
• Reset size chart table
• Download sample size chart as a CSV excel file
• Preview the size chart

Step 3: Display Settings Tab

In display settings tab, you can:

• Add size chart button title
• Select size chart button icon type
• Predefined button icons
• Custom upload button icons
• Choose size chart template (inline table, modal/popup, floating widget, product tab)
• Size chart button display position
• Inline table position
• Upload size chart featured image and position
• Size chart description position
• Allow unit conversion (Inches (in) / Centimeters (cm) / Millimeters (mm) )
• Enable size chart recommender
• AI fit suggestion
• Recommender button title (Find my size)
• Activate fields for Size Recommender (Height / Weight / Chest / Waist / Age)

Step 4: Display Conditions Tab

Control where this chart appears:

• All Products
• Specific Products
• Categories
• Tags
• Brands
• Countries
• Priority logic automatically applies:
• Product → Global

Step 5: User Allocation Tab

Define who sees the chart:

• Logged-in users with specific roles OR customers group
• Guest visitors
• Specific customer by email

Step 6: Customizations & Styling Tab

Customize the appearance:

• Size chart button and recommender button (text, colors, background colors, font sizes, border radius and hover colors)
• Size chart table customizations
• Font sizes, colors
• Header font size, color, background color
• Even & odd rows text color, background color
• Even & odd columns text color, background color
• Hover rows & columns text color, background color
• Unit button text color, background color
• Live previews
• Custom CSS
• Display triggers
• Animation effects (Zoom-in , Slide-up, Slide-down, bounce, flip)
• Modal / popup positions (Left, center, right, bottom, top)
• Overlay opacity and color
• Border radius
• 15 plus customization options for floating widget layout

Usage (frontend)

↑ Back to top

You can display size charts in multiple ways:

✔ Inline Table

↑ Back to top

• Appears directly below product details
• Best for desktop and long descriptions

✔ Modal Popup

↑ Back to top

• Opens when user clicks “Size Chart”
• Clean and distraction-free

✔ Floating Widget

↑ Back to top

• Sticky button visible while scrolling
• High conversion friendly

✔ Shortcode

↑ Back to top

Use anywhere:

[wpst_size_chart id=123]

Works in:

• Product pages
• CMS pages
• Elementor / Gutenberg blocks

✔ Product tabs

↑ Back to top

• Product tab after the default one
• Good for informative chart content

Size Recommender (Fit Finder)

↑ Back to top

How It Works

↑ Back to top

1. Customer clicks “Find My Size”
2. A popup questionnaire appears
3. User enters:
   • Height
   • Chest
   • Waist
   • Age
4. Plugin calculates and recommends the best size

AI-Ready Logic

↑ Back to top

• Uses rules-based logic (MVP)
• AJAX powered — no page reload

Unit Conversion & Location Detection

↑ Back to top

• Supports cm ↔ inches
• Automatic conversion buttons
• Prevents double conversion errors

Perfect for international stores.

FAQs

↑ Back to top

Commonly asked questions.