<p><span style="font-weight: 400">The WooCommerce product variation table plugin allows you to replace the default variation selection dropdown and display your product variations in a convenient and customizable table or list layout. This offers more visibility and enables customers to quickly browse through the available options and purchase the desired products.</span></p>
<p><span style="font-weight: 400">Select the columns you want to display, customize color, and number of variations. Display it to everyone, or select user roles.</span></p>
<p><span style="font-weight: 400">The WooCommerce variation table plugin is a perfect addition to your B2B store as it allows bulk add-to-cart and easy navigation for wholesale dealers.</span></p>
<div class="woo-sc-box normal">Enable customers to seelct number of products they want to see on the page by using the <strong><a href="https://woocommerce.com/products/product-per-page-for-woocommerce/">WooCommerce number of products per page plugin</a></strong>.</div>
<h2><strong>Key Features</strong></h2>
<ul class="wccom-tick-list-primary">
<li style="font-weight: 400"><span style="font-weight: 400">Displays product variations in table/list view</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Customize product variation table columns to include specific information (name, short description, image, quantity, SKU, prices, add to cart, and more)</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Search bar to find specific variations</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Displays Print, PDF, CSV, Excel, and Copy buttons</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Enable table/list view for specific products, categories, and user roles</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Enable bulk Add-to-Cart Button</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Select a dark or light theme for the product list design </span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Customize text, background, and button colors for both table and list view</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Choose from pre-defined positions to show variations table or use a shortcode</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Enable pagination and limit the number of product variations to display per page</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Display the “Added to Cart” message in a popup</span></li>
</ul>
<div class="woo-sc-box normal" style="background-color: #beecba">This Plugin is fully compatible with HPOS(High-Performance Order Storage) and Multisite.</div>
<h3><strong>Display Product Variations in Two Different Layouts</strong></h3>
<p><span style="font-weight: 400">WooCommerce product variation plugin allows you to showcase product variations in a table or list design. Replace the default variation selection dropdown with a user-friendly variation table or list design. Choose column attributes, customize color, and enable bulk add-to-cart for a quick and easy purchase. </span></p>
<p><img class="aligncenter wp-image-18734002753378 size-full" src="https://woocommerce.com/wp-content/uploads/2020/06/2023-10-23_13-51-48.png" alt="Display Product Variations in Two Different Layouts - List View" width="824" height="665" /></p>
<h3><strong>Customize Variation Table Columns</strong></h3>
<p><span style="font-weight: 400">Display specific information </span> <span style="font-weight: 400">columns in the variations table and customize their order. You can include the following options in the table:</span></p>
<ul class="wccom-tick-list-secondary">
<li style="font-weight: 400"><span style="font-weight: 400">Checkbox</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Thumbnail</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Variation Title</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Short Description</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">SKU</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Price</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Stock</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Length</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Weight</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Height</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Quantity</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Add to Cart Button</span></li>
</ul>
<p><img class="aligncenter wp-image-18734003511920 size-full" src="https://woocommerce.com/wp-content/uploads/2020/06/2024-04-06_10-44-50.png" alt="Customize Variation Table Columns" width="621" height="459" /></p>
<h3><strong>Add to Cart Multiple Products at Once</strong></h3>
<p><span style="font-weight: 400">The bulk add-to-cart feature makes it simple for B2B and wholesale customers to purchase products in large quantities. From a table or list view, you can easily find and select product variations, and place bulk orders at once.</span></p>
<p><img class="aligncenter wp-image-18734003511928 size-full" src="https://woocommerce.com/wp-content/uploads/2020/06/2024-04-06_10-51-44.png" alt="Add to Cart Multiple Products at Once" width="1105" height="659" /></p>
<h3><strong>Use Shortcode to Display Variation Table in Builders</strong></h3>
<p><span style="font-weight: 400">The WooCommerce product variation table plugin enables you to use a shortcode to display the variation table in builders such as Elementor and Divi. This makes it easy for merchants to display the table without any coding.</span></p>
<p><img class="aligncenter wp-image-18734003511924 size-full" src="https://woocommerce.com/wp-content/uploads/2020/06/2024-04-06_10-48-42.png" alt="Use Shortcode to Display Variation Table in Builders" width="791" height="282" /><span style="font-weight: 400">.</span></p>
<h3><strong>Real-time search filter</strong></h3>
<p><span style="font-weight: 400">The Ajax-based search filter allows users to search products by price or similar attributes and view real-time results. Product variations update as soon as the user adds a product name or any of that product’s attributes to the search bar.</span></p>
<p><img class="aligncenter wp-image-18734002853754 size-full" src="https://woocommerce.com/wp-content/uploads/2020/06/new-Copy.png" alt="Real-time search filter" width="1614" height="654" /></p>
<h3><strong>Print, copy, or extract product variations</strong></h3>
<p><span style="font-weight: 400">The product variations table for WooCommerce allows customers to print, copy, or export the list of product variations to review offline. They can download the table in various formats such as Excel, CSV, or PDF format and also print it.</span></p>
<p><img class="aligncenter wp-image-18734002853755 size-full" src="https://woocommerce.com/wp-content/uploads/2020/06/new-Copy-2.png" alt="Print, copy, or extract product variations" width="1614" height="658" /></p>
<h3><strong>Select Variation Table Position and Add Pagination</strong></h3>
<p><span style="font-weight: 400">You can choose whether you want to display the product variation table before or after the single product summary. Restrict the number of variations to be displayed per page and enable pagination for the table.</span></p>
<p><img class="aligncenter wp-image-18734002853761 size-full" src="https://woocommerce.com/wp-content/uploads/2020/06/new-Copy-3.png" alt="Select Variation Table Position and Add Pagination" width="1614" height="1022" /></p>
<h3><strong>Easily Configure WooCommerce Variation Tables for Specific Products or User Roles</strong></h3>
<p><span style="font-weight: 400">The WooCommerce variation plugin allows you to restrict displaying variation tables for specific products, categories, or user roles. This feature helps merchants to only display the table for specific products.</span></p>
<p><img class="alignnone wp-image-18734003511949 size-medium" src="https://woocommerce.com/wp-content/uploads/2020/06/2024-04-06_11-04-50.png?w=714" alt="Easily Configure WooCommerce Variation Tables for Specific Products or User Roles" width="714" height="371" /></p>
<h3><strong>Customize Table Layout</strong></h3>
<p><span style="font-weight: 400">Variation table WooCommerce enables multiple customization options. You can choose which product attributes to display in columns, such as price, SKU, image, etc. Customize table, button, and text colors. </span></p>
<p><img class="aligncenter wp-image-8519571 size-full" src="https://woocommerce.com/wp-content/uploads/2020/06/Customize-table-layout-1.png" alt="WooCommerce Variation Table - Customize Table Layout" width="667" height="424" /></p>
<h3><strong>Responsive design</strong></h3>
<p><span style="font-weight: 400">The product variations table for WooCommerce is responsive and user-friendly, allowing users to navigate them on a mobile device.</span></p>
<p><img class="aligncenter wp-image-8519520 size-full" src="https://woocommerce.com/wp-content/uploads/2020/06/responsive.jpeg" alt="WooCommerce Variation Table - Responsive design" width="540" height="1200" /></p>
<p> </p>
<h2>Compatibility</h2>
<p>Our plugins are designed to be highly versatile and also compatible with the most commonly used themes, browsers, builders, and mobile views. We understand the importance of flexibility and integration when it comes to enhancing your website’s functionality. Our plugins can effortlessly integrate with the following:</p>
<h3>Themes Compatibility</h3>
<ul class="wccom-tick-list-secondary">
<li>Store Front</li>
<li>Avada</li>
<li>Flatsome</li>
<li>Woodmart</li>
<li>Porto</li>
<li>Divi</li>
</ul>
<h3>Builders</h3>
<ul class="wccom-tick-list-secondary">
<li>Elementor</li>
</ul>
<h3>Compatible with</h3>
<ul class="wccom-tick-list-secondary">
<li>Multi-Site</li>
</ul>
<table class="borderless">
<tbody>
<tr>
<td><img class="alignnone wp-image-18734002262567" src="https://woocommerce.com/wp-content/uploads/2014/08/unnamed-1.png?w=320" alt="WooCommerce Product Variations Table - documentation" width="120" height="105" /></td>
<td>
<h2>Documentation</h2>
<p>Looking for assistance? Check out the extensive documentation for a complete understanding of the WooCommerce Product Variations Table plugin.</p>
<h4><a href="https://woocommerce.com/document/variation-table-for-woocommerce/" target="_blank" rel="noopener">View documentation</a></h4>
</td>
</tr>
</tbody>
</table>
<table class="borderless">
<tbody>
<tr>
<td><img class="alignnone wp-image-18734002262567" src="https://woocommerce.com/wp-content/uploads/2014/08/unnamed.png" alt="woocommerce FmeAddons Support" width="120" height="105" /></td>
<td>
<h2>Questions and Support</h2>
<p>For Questions and Support: If you have inquiries before making a purchase or require assistance, don’t hesitate to contact our support team.</p>
<p><a href="mailto:support@fmeaddons.com">Send email</a></td>
</tr>
</tbody>
</table>

Product Variations Table

<p><span style="font-weight: 400">Display product variations in a table or list view to help customers filter, sort, and add products to their cart.</span></p>

<h2>Create custom fields for products using the extensive capabilities of WS Form PRO</h2>
<p><a href="https://wsform.com">WS Form PRO</a> is a powerful form development plugin for WordPress.</p>
<p>This extension allows you to create customizable products using <a href="https://wsform.com/knowledgebase_category/field-types/" target="_blank" rel="noopener noreferrer">60+ field types</a>, <a href="https://wsform.com/knowledgebase/conditional-logic/" target="_blank" rel="noopener noreferrer">conditional logic</a>, <a href="https://wsform.com/knowledgebase/repeatable-sections/" target="_blank" rel="noopener noreferrer">repeaters</a>, <a href="https://wsform.com/knowledgebase/tabs/" target="_blank" rel="noopener noreferrer">multiple steps</a> and more!</p>
<p>You can use this extension to request additional information about a product before it is added to the cart. Furthermore, it works with popular WooCommerce extensions such as QuickView, Wishlist and Dynamic Pricing.</p>
<div class="woo-sc-box normal">This extension requires you to own the <a title="WS Form PRO" href="https://wsform.com/" target="_blank" rel="noopener noreferrer">WS Form PRO</a> plugin.</div>
<h2>Example Use Cases</h2>
<ul>
<li><a href="https://woocommerce.wsform.com/product/t-shirt/" target="_blank" rel="noopener noreferrer">Interactive product configurators</a></li>
<li><a href="https://woocommerce.wsform.com/product/make-a-donation/" target="_blank" rel="noopener noreferrer">Donation or ‘name your price’ products</a></li>
<li><a href="https://woocommerce.wsform.com/product/repeatable-sections/" target="_blank" rel="noopener noreferrer">Repeatable sections of fields</a></li>
<li><a href="https://woocommerce.wsform.com/product/woocommerce-field-types/" target="_blank" rel="noopener noreferrer">Placing ‘Add to Cart’ in a desired location</a></li>
<li><a href="https://woocommerce.wsform.com/product/multi-tab/" target="_blank" rel="noopener noreferrer">Multi-step product configurators</a></li>
<li><a href="https://woocommerce.wsform.com/product/calculations/" target="_blank" rel="noopener noreferrer">Complex price calculations</a></li>
<li><a href="https://woocommerce.wsform.com/product/file-upload/" target="_blank" rel="noopener noreferrer">File uploads</a></li>
<li><a href="https://woocommerce.wsform.com/product/google-map/" target="_blank" rel="noopener noreferrer">Google maps</a></li>
<li><a href="https://woocommerce.wsform.com/product/color-swatches/" target="_blank" rel="noopener noreferrer">Color swatch selectors</a></li>
</ul>
<p>… and more! Visit the <a href="https://woocommerce.wsform.com/" target="_blank" rel="noopener noreferrer">demo website</a> to see more examples.</p>
<h2>Key Features</h2>
<ul>
<li>A fully integrated solution that fits seamlessly into your product pages</li>
<li>Assign forms to individual products, all products, product categories and tags</li>
<li>Use any <a href="https://wsform.com/knowledgebase_category/field-types/" target="_blank" rel="noopener noreferrer">WS Form PRO field type</a></li>
<li>Create dynamic product pricing by using the <a href="https://wsform.com/knowledgebase_category/field-types-ecommerce/" target="_blank" rel="noopener noreferrer">WS Form e-commerce field types</a> with real-time price updates</li>
<li>Customize the position of ‘Add to Cart’, ‘Quantity’ and other WooCommerce product page elements in your form</li>
<li>Customize the WooCommerce ‘Add to Cart’ button and price format</li>
<li><a href="https://wsform.com/knowledgebase/calculated-fields/" target="_blank" rel="noopener noreferrer">Calculated fields</a></li>
<li><a href="https://wsform.com/knowledgebase/conditional-logic/" target="_blank" rel="noopener noreferrer">Conditional logic</a></li>
<li><a href="https://wsform.com/knowledgebase/tabs/" target="_blank" rel="noopener noreferrer">Multi-step forms</a></li>
<li>Run <a href="https://wsform.com/knowledgebase/introduction-actions/" target="_blank" rel="noopener noreferrer">WS Form actions</a> when an order is paid (e.g. Send a product customization to a <a href="https://wsform.com/knowledgebase/slack/" target="_blank" rel="noopener noreferrer">Slack</a> channel, or <a href="https://wsform.com/knowledgebase/run-wordpress-hook/" target="_blank" rel="noopener noreferrer">run a WordPress hook</a>)</li>
</ul>
<h2>How it Works</h2>
<p><img class="size-full wp-image-5281625 aligncenter" src="https://woocommerce.com/wp-content/uploads/2019/10/ws_form_pro_product_add_ons_woocommerce_add_form.jpg" alt="Adding a form to a product" width="980" height="559" /></p>
<p>Adding a form to a WooCommerce product is easy! Simply click on the WS Form tab under ‘Product data’ and choose a template or choose an existing form. You can also start with a blank template and create a fully customized form for your product.</p>
<p><img class="size-full wp-image-5281627 aligncenter" src="https://woocommerce.com/wp-content/uploads/2019/10/ws_form_pro_product_add_ons_woocommerce_form_assigned.jpg" alt="Assigned form" width="980" height="385" /></p>
<p>Managing your product customization is easy. Simply click ‘Edit Form’ to make changes to your form.</p>
<p><img class="size-full wp-image-5281634 aligncenter" src="https://woocommerce.com/wp-content/uploads/2019/10/ws_form_pro_product_add_ons_woocommerce_layout_editor.jpg" alt="Layout Editor" width="980" height="615" /></p>
<p>Use the powerful features of the WS Form PRO <a href="https://wsform.com/knowledgebase/the-layout-editor/" target="_blank" rel="noopener noreferrer">layout editor</a> to edit your product customization.</p>
<p><img class=" wp-image-5281628 aligncenter" src="https://woocommerce.com/wp-content/uploads/2019/10/ws_form_pro_product_add_ons_woocommerce_fields.gif" alt="WooCommerce Fields" width="421" height="212" /></p>
<p>Use the WooCommerce field types to fully customize where product components are positioned on your product page.</p>
<p><img class="size-full wp-image-4796928 aligncenter" src="https://woocommerce.com/wp-content/uploads/2019/09/5.-T-Shirt-customization.jpg" alt="T-Shirt Customization" width="980" height="559" /></p>
<p>Create product customizations that dovetail seamlessly into your website.</p>
<p><img class="size-full wp-image-4796926 aligncenter" src="https://woocommerce.com/wp-content/uploads/2019/09/3.-Your-product-is-customized-with-the-form.jpg" alt="Multi-Tab Forms" width="980" height="559" /></p>
<p>Create multi-step product customizations using all of the features available in WS Form PRO!</p>
<p><a class="woo-sc-button custom" href="https://woocommerce.wsform.com" target="_blank" rel="noopener noreferrer">View a demo of the WS Form Product Add-Ons extension</a></p>

WS Form PRO Product Custom Fields Add-Ons

<p>Create custom fields for products with 60+ customization field types. Customize product pages with tabs, conditional logic, repeaters, calculations, multi-step and more!</p>

Product Variations Table vs WS Form PRO Product Custom Fields Add-Ons