<h2>Ninja Forms – Add fields to your products.</h2>
Ninja Forms is a popular WordPress plugin for creating custom forms. It offers an intuitive drag-and-drop interface, making it easy for users to build everything from simple contact forms to complex multi-page forms.
Enhancing this functionality, the Ninja Forms Product Addon allows you to seamlessly integrate custom forms into your WooCommerce products, enabling personalized customer interactions and data collection at the point of sale.
Features & Benefits:
<ul>
<li>Drag-and-drop form builder.</li>
<li>Pre-designed templates for various form types.</li>
<li>Integration with email marketing tools.</li>
<li>Ninja Forms Product Addon: Add custom forms to products.</li>
</ul>
When purchasing products from your store, you require information from your customer. Perhaps you run a t-shirt printing company, and you require the customer to enter in the text they would like to have printed on the t-shirt.
For this, you can add a simple text input field to your product listing, and charge an extra fee, using the Ninja Forms Product Add-ons extension for WooCommerce.
<figure id="attachment_506367" aria-describedby="caption-attachment-506367" style="width: 302px" class="wp-caption aligncenter"><a href="https://woocommerce.com/wp-content/uploads/2014/09/ninja-form-product-detail-page.jpg"><img class="size-full wp-image-506367" src="https://woocommerce.com/wp-content/uploads/2014/09/ninja-form-product-detail-page.jpg" alt="Easily add form fields to your product detail screens." width="302" height="396" /></a><figcaption id="caption-attachment-506367" class="wp-caption-text">Easily add form fields to your product detail screens.</figcaption></figure>
<a href="https://ninjaforms.com/" target="_blank" rel="noopener">Ninja Forms</a> is a popular free form creation plugin for WordPress. While most commonly used for contact forms and other such form-to-email requirements, the code is flexible enough to integrate seamlessly with WooCommerce products, using this extension.
<figure id="attachment_506365" aria-describedby="caption-attachment-506365" style="width: 604px" class="wp-caption aligncenter"><a href="https://woocommerce.com/wp-content/uploads/2014/09/ninja-forms-cart.jpg"><img class="size-full wp-image-506365" src="https://woocommerce.com/wp-content/uploads/2014/09/ninja-forms-cart.jpg" alt="Optionally add charges to your added form fields, and preserve the information on the order line item." width="604" height="310" /></a><figcaption id="caption-attachment-506365" class="wp-caption-text">Optionally add charges to your added form fields, and preserve the information on the order line item.</figcaption></figure>
Assign a Ninja Form to your product, and have the form fields displayed on the product listing, enabling your store’s customers to customize the product before adding it to their shopping cart.

Ninja Forms Product Add-ons

Add custom form fields to your product listings.

<ul class="wccom-tick-list-primary">
<li>Create Multiple Rules – Create unlimited size charts.</li>
<li>Assign Size Charts: Assign custom size charts by product, category, or tag.</li>
<li>Multi-Unit & Country Support – Show sizes in cm/inches or country-specific charts.</li>
<li>Flexible Display – Display charts in a popup, tab, or as an image.</li>
<li>Custom Buttons – Personalize button text, icon, color, and placement.</li>
<li>Table Styling – Adjust fonts, colors, borders, and row highlights.</li>
<li>Image Guides – Add or replace charts with detailed size guide images.</li>
<li>Popups & Animations – Customize animations, overlays, and alignment.</li>
<li>Country & Role Rules – Show different charts by country or user role.</li>
<li>Priority Control – Decide which chart shows first when multiple apply.</li>
<li>Import/Export – Easily reuse or transfer size charts in bulk.</li>
</ul>
<hr />
WooCommerce size chart plugin empowers you to create and display detailed, customizable size guides, display size charts in different units, and flexible display options like tabs or popups. Target specific products or customer groups, provide country-specific sizing, and enhance the shopping experience while reducing returns by ensuring customers find the perfect fit.
<h3>Rule-Based Size Chart Management</h3>
Assign different size charts to different customers, roles, countries, products, categories, or tags using flexible display rules. Easily manage who sees which chart based on your store’s needs.
<h3 class="wp-block-heading">Offer Multiple Unit or Country Sizes</h3>
Empower customers with instant unit and region switching within size charts. Seamlessly transition between inches and centimeters or EU and US sizing WooCommerce Product Size Chart.
<img class="alignnone size-full wp-image-18734005357277" src="https://woocommerce.com/wp-content/uploads/2025/03/Frame-10-2.png" alt="WooCommerce Size Chart Multiple Units" width="980" height="517" />
<h3>Display Size Chart as a Popup Button</h3>
Display the size chart as a clean, clickable button on the product page. When clicked, it opens a fully customizable size chart popup —keeping the layout neat and user-friendly.
<img class="alignnone size-full wp-image-18734005357289" src="https://woocommerce.com/wp-content/uploads/2025/03/Frame-11-3.png" alt="Display WooCommerce Size Chart in a Popup" width="980" height="446" />
<h3>Display Size Chart in a New Tab</h3>
Show the size chart in a separate tab on the product page for easy reference. This keeps the product layout organized while giving customers quick access to sizing info.
<img class="alignnone size-full wp-image-18734005357290" src="https://woocommerce.com/wp-content/uploads/2025/03/Frame-12-3.png" alt="Display WooCommerce Size Chart in New Tab" width="980" height="814" />
<h3 class="query-text-line ng-star-inserted">Add Unlimited Rows & Columns</h3>
Design comprehensive size charts with limitless rows and columns. Tailor your charts to precisely fit any product’s sizing needs, no restrictions
<img class="alignnone size-full wp-image-18734005357279" src="https://woocommerce.com/wp-content/uploads/2025/03/Frame-13-2.png" alt="Add Unlimited Rows and Columns" width="980" height="363" />
<h3>Precise Size Chart Targeting</h3>
Apply size charts based on specific conditions like
<ul>
<li data-start="92" data-end="161">Registered Customers: Show size charts only to specific registered customers.</li>
<li data-start="164" data-end="243">Customer Roles: Target roles like wholesale, subscriber, or custom roles.</li>
<li data-start="246" data-end="312">By Country: Display chart in specific countries.</li>
<li data-start="315" data-end="386">Specific Products: Apply charts to individual products as needed.</li>
<li data-start="389" data-end="456">By Category: Use size charts for selected product categories.</li>
<li data-start="459" data-end="531">By Tags: Target products using specific tags for size chart display.</li>
</ul>
Note: This is a rules-based plugin—you can create multiple size charts and apply them differently across countries, products, or user types for maximum flexibility.
<img class="alignnone size-full wp-image-18734005357331" src="https://woocommerce.com/wp-content/uploads/2025/03/Frame-14-2.png" alt="Rule Based Management for Size Chart WooCommerce" width="980" height="526" />
<h3 class="query-text-line ng-star-inserted">Size Chart Table Customization</h3>
Easily customize every detail of your size chart tables—from text and borders to header styles. Use different row colors to improve readability and create an attractive, clear size chart with the Product Size Charts Plugin for WooCommerce.
<img class="alignnone size-full wp-image-18734005357341" src="https://woocommerce.com/wp-content/uploads/2025/03/Frame-15-1.png" alt="Table Customization for Size Chart WooCommerce" width="980" height="504" />
<h3>Advanced Size Chart Display Options</h3>
WooCommerce Product Size Charts allows you to choose between tab or popup display for size charts, offering flexible access for customers. Precisely position the size chart button and customize the popup’s location for optimal user experience.
<img class="alignnone size-full wp-image-18734005357345" src="https://woocommerce.com/wp-content/uploads/2025/03/Frame-16-1.png" alt="General Settings " width="980" height="559" />
<h3>Import/Export Size Charts</h3>
Quickly import or export your size charts to easily back up, transfer, or reuse them across multiple WooCommerce stores.
<h3>Why Use a Customized Size Chart for WooCommerce?</h3>
<ul class="wccom-tick-list-secondary">
<li data-sourcepos="3:1-3:102">Reducing Returns: Providing accurate size charts minimizes sizing errors and subsequent returns.</li>
<li data-sourcepos="4:1-4:113">Improving Customer Confidence: Clear and accessible size information builds trust and encourages purchases.</li>
<li data-sourcepos="5:1-5:107">Simplifying International Shopping: Offering unit and region conversions caters to a global audience.</li>
<li data-sourcepos="6:1-6:104">Enhancing Store Appearance: Customizable size chart buttons and popups maintain brand consistency.</li>
<li data-sourcepos="7:1-7:108">Saving Customer Time: Easily accessible size charts eliminate the need for extensive product research.</li>
<li data-sourcepos="8:1-8:94">Increasing Conversions: Confident customers are more likely to complete their purchases.</li>
<li data-sourcepos="9:1-9:117">Providing Flexibility: Diverse customization and targeting options allow for precise size chart implementation.</li>
</ul>

Custom Size Charts

WooCommerce Size Chart allows you to create rule-based charts with custom styles, multiple units, and apply to specific products/categories, and more.

Ninja Forms Product Add-ons vs Custom Size Charts