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
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
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)
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
- Smart fit suggestion
- Recommender button title (Find my size)
- Activate fields for Size Recommender (Height / Chest / Waist )
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)
You can display size charts in multiple ways:
✔ Inline Table
- Appears directly below product details
- Best for desktop and long descriptions
✔ Modal Popup
- Opens when user clicks “Size Chart”
- Clean and distraction-free
✔ Floating Widget
- Sticky button visible while scrolling
- High conversion friendly
✔ Shortcode
Use anywhere:
[wpst_size_chart id=123]
Works in:
- Product pages
- CMS pages
- Elementor / Gutenberg blocks
✔ Product tabs
- Product tab after the default one
- Good for informative chart content
Size Recommender (Fit Finder)
How It Works
- Customer clicks “Find My Size”
- A popup questionnaire appears
- User enters:
- Height
- Chest
- Waist
- Plugin calculates and recommends the best size
AI-Ready Logic
- Uses rules-based logic (MVP)
- AJAX powered — no page reload
Unit Conversion & Location Detection
- Supports cm ↔ inches
- Automatic conversion buttons
- Prevents double conversion errors
Perfect for international stores.