<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>

<div class="woo-sc-box" style="background: #fff;border: 1px solid #cfb9f6;border-left-width: 1px !important;border-radius: 5px;color: #000000;margin: 2em 0;padding: 17px">
<h2><strong>Highlights</strong></h2>
<ul class="wccom-tick-list-secondary" style="line-height: 1.8em;color #ffffff;margin-bottom: 18px">
<li><strong>Allow customers to upload files from product, cart, checkout and order detail page</strong></li>
<li><strong>Enable file upload for specific products, categories, user roles and order statuses<br />
</strong></li>
<li><strong>Option to charge extra fee in fixed or percentage amount for file uploads</strong></li>
<li><strong>Offer product customization or collect any files required to process order</strong></li>
<li><strong>Restrict file types a customer can upload and approve/disapprove uploaded files<br />
</strong></li>
</ul>
</div>
<hr />
<div>
<h2><img class="alignleft wp-image-18734003899698 size-full" style="margin-bottom: 3em" src="https://woocommerce.com/wp-content/uploads/2023/01/logo-2-1-e1724321458910.png" alt="" width="100" height="98" />Customization Flexibility</h2>
<p>Allowing customers to upload files can be really helpful when you offer customizable products. Customers can directly provide image references, requirement documents, or design inspirations. Personalized products created according to customer preferences can not only increase conversions but also significantly reduce cart abandonment.</p>
</div>
<hr />
<div>
<h2><img class="alignleft wp-image-18734003899699 size-full" style="margin-bottom: 3em" src="https://woocommerce.com/wp-content/uploads/2023/01/logo-1-1-e1724321632475.png" alt="" width="100" height="97" />Increased Revenue Opportunities</h2>
<p>Since you can charge a fee for file attachments, this provides an extra revenue generation opportunity. Customers are always willing to pay for a product that is tailored according to their requirements; hence, charging extra for product customizations can increase revenue significantly.</p>
</div>
<hr />
<div>
<h2><img class="alignleft wp-image-18734003899701 size-full" style="margin-bottom: 3em" src="https://woocommerce.com/wp-content/uploads/2023/01/logo-4-e1724321934981.png" alt="" width="100" height="98" />Competitive Advantage</h2>
<p style="overflow: hidden">Do you also feel that the competition in your niche is ever-expanding, and you don’t seem to be able to figure out how to gain a competitive advantage? If yes, then File Upload for WooCommerce is the key to getting that competitive advantage. Offer product customization to gain an edge over your competitors.</p>
</div>
<hr />
<div>
<h2><img class="alignleft wp-image-18734003899702 size-full" style="margin-bottom: 3em" src="https://woocommerce.com/wp-content/uploads/2023/01/logo-5-e1724321978577.png" alt="" width="100" height="98" />Seamless Integration</h2>
<p>This extension allows seamless integration of the file upload field on product, cart, and checkout pages. In addition, the upload file field is now compatible with cart and checkout blocks, which ensures its smooth integration regardless of the WordPress/WooCommerce version in use.</p>
</div>
<hr />
<div>
<h2><img class="alignleft wp-image-18734003899703 size-full" style="margin-bottom: 3em" src="https://woocommerce.com/wp-content/uploads/2023/01/logo-3-e1724321998684.png" alt="" width="100" height="98" />User-Friendly Interface</h2>
<p style="overflow: hidden">File upload’s user-friendly interface makes it easy for customers to attach files to their orders. Additionally, with the introduction of the “drag-n-drop” feature now, customers can easily upload files without using any file explorer by just dragging the file directly over the product page.</p>
</div>
<hr />
<h1>Allow Customers to Upload Files with Orders</h1>
<p>Does your store create custom orders or sell a product or service <span style="margin: 0px;padding: 0px">that requires customer documentation? The <strong>File Upload for WooCommerce</strong> extension allows your customers</span> to upload files with their orders.</p>
<p><strong>File Upload for WooCommerce</strong> also allows store owners to require uploads (make them mandatory) and charge fees for them. Fees can be based on a percentage or a fixed amount. Store owners can charge a fee for all uploads or a separate fee for each upload.</p>
<p><strong>File Upload for WooCommerce </strong>adds an Upload button to pages you assign that may include product, Cart, Checkout, or order-detail pages.</p>
<p><img class="alignnone size-full wp-image-18734004244817" src="https://woocommerce.com/wp-content/uploads/2023/01/file-upload-for-woocommerce-1.jpg" alt="file upload for woocommerce" width="980" height="603" /></p>
<h2>Who needs a file upload option?</h2>
<h3>Personalized Products</h3>
<p>Stores that sell made-to-order products, like custom printing, may need customers to upload event details or a company logo to complete an order.</p>
<h3>Legal Requirements</h3>
<p>Some stores require legal documentation before allowing orders. For example, a store might need proof of age or a copy of a buyer’s wholesale or tax information to complete an order or create an account. <strong>File Upload for WooCommerce </strong>gives store owners the option of requiring an upload of information before the customer adds items to their carts or places an order.</p>
<h2><strong>Features</strong></h2>
<ul>
<li>Create rules to allow file uploads from:
<ul>
<li>Product pages</li>
<li>Cart pages</li>
<li>Checkout pages</li>
<li>Order detail pages (My-Account)</li>
</ul>
</li>
<li>Option to add extra fees for uploaded files in fixed or percentage amounts</li>
<li>Add a one-time or per-file fee</li>
<li>Enable single or multiple file uploads</li>
<li>Display file upload options for selected:
<ul>
<li>Products</li>
<li>Categories</li>
<li>User roles</li>
<li>Order statuses (file upload from the order-detail page only)</li>
</ul>
</li>
<li>Add minimum and maximum file sizes for upload</li>
<li class="changelog-entry-type entry-type__new" title="new" aria-label="new" data-type="n"><span class="wccom-product-changelog-modal__content">Approve/disapprove uploaded files from the backend (<strong>New</strong>)</span></li>
<li class="changelog-entry-type entry-type__new" title="new" aria-label="new" data-type="n"><span class="wccom-product-changelog-modal__content">Send email Notification to the customer on file approval or disapproval (<strong>New</strong>)</span></li>
<li title="new" aria-label="new" data-type="n">Allow customers to drag and drop files for upload (<strong>New</strong>)</li>
<li>Allow specific file formats like PDF, DOCX, XLS, etc.</li>
<li>Make file uploads mandatory or optional</li>
<li>Restrict uploading new or editing existing files from order-detail pages</li>
<li>Storefront design improvements (<strong>New</strong>)</li>
<li>Display message field with file upload</li>
<li>Add a privacy policy checkbox and message</li>
<li>Option to let customers download their uploaded files</li>
<li>Create custom file- upload errors and success messages</li>
<li>Add a custom file upload icon</li>
<li>Customize colors for file upload buttons, text, trash icons, and more</li>
<li>Compatible with cart and checkout blocks (<strong>New</strong>)</li>
</ul>
<h2><span style="font-weight: 400">Allow Customers to Upload Files through Product, Cart & Checkout Pages</span></h2>
<p><span style="font-weight: 400">The plugin allows you to display a file upload option on the product, cart, and checkout pages for all or specific products. Through a rule-based system, you can easily control where the feature is displayed and on which pages and products.</span></p>
<p><span style="font-weight: 400">Once uploaded, the file can be viewed on the Cart, Checkout Page, Thank-You, and Order Detail Pages. You can allow customers to upload images, files, graphics, etc. </span></p>
<p><span style="font-weight: 400">You can easily limit the number of files uploaded and adjust the position of the upload option on the cart page. For ease, you can add a shortcode to place the file upload option anywhere you like. </span></p>
<p class="jetpack-slideshow-noscript robots-nocontent">This slideshow requires JavaScript.</p><div id="gallery-0-2-slideshow" class="jetpack-slideshow-window jetpack-slideshow jetpack-slideshow-black" data-trans="fade" data-autostart="1" data-gallery="[{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2023\/01\/file-upload-for-woocommerce-1-1.jpg","id":"18734004244826","title":"file-upload-for-woocommerce-1","alt":"file-upload-for-woocommerce-6","caption":"Product Page","itemprop":"image"},{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2023\/01\/file-upload-for-woocommerce-7.jpg","id":"18734004244835","title":"file-upload-for-woocommerce-7","alt":"file-upload-for-woocommerce-6","caption":"Cart Page","itemprop":"image"},{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2023\/01\/file-upload-for-woocommerce-8.jpg","id":"18734004244836","title":"file-upload-for-woocommerce-8","alt":"file upload for woocommerce","caption":"Checkout Page","itemprop":"image"}]"></div>
<h2><span style="font-weight: 400">Manage File Upload Visibility by User Roles, Order Status, Products, & Categories</span></h2>
<p><span style="font-weight: 400">With the File upload for WooCommerce extension, you can choose to display the file upload option only for specific customers and desired products and categories. This will allow you to target the right audience and offer them a convenient and customized shopping experience. </span></p>
<p><span style="font-weight: 400">Additionally, you can choose the order status at which the customer will have permission to upload a custom file, ensuring smooth operations in your store.</span></p>
<p><img class="alignnone size-full wp-image-18734004244892" src="https://woocommerce.com/wp-content/uploads/2023/01/file-upload-for-woocommerce-9.jpg" alt="file upload for woocommerce" width="980" height="603" /></p>
<h2><span style="font-weight: 400">Charge a Fee & Display on Desired Pages </span></h2>
<p><span style="font-weight: 400">You can charge a fee for each file uploaded to your store. The fee can be displayed on the Product, Cart, and Checkout pages and applied as a whole or to each file separately. Furthermore, you can choose to charge a fixed amount or a percentage rate based on your requirements. </span></p>
<p><img class="alignnone size-full wp-image-18734004244900" src="https://woocommerce.com/wp-content/uploads/2023/01/file-upload-for-woocommerce-10.jpg" alt="file upload for woocommerce" width="980" height="603" /></p>
<h2>Customers can Drag & Drop their File Uploads (New)</h2>
<p>With the new update, customers can now drag & drop uploads by simply dragging their desired files to the upload box on any page!</p>
<p><img class="alignnone size-full wp-image-18734004261373" src="https://woocommerce.com/wp-content/uploads/2023/01/file-upload-for-woocommerce-gif.gif" alt="file upload for woocommerce" width="980" height="551" /></p>
<p> </p>
<h2><span style="font-weight: 400">Specify File Size and Types for Customers</span></h2>
<p><span style="font-weight: 400">With the plugin, you can restrict file sizes, the number of files, and file types that a user can upload. This step will give you more control over the type of files uploaded and allow for smooth order management. </span></p>
<p><span style="font-weight: 400">Once a file is uploaded, you can showcase custom success and error messages to keep users informed. To better manage approved and disapproved file uploads, you can also set up email notifications for store admins to keep them in the loop. </span></p>
<p><img class="alignnone size-full wp-image-18734004244912" src="https://woocommerce.com/wp-content/uploads/2023/01/file-upload-for-woocommerce-3.jpg" alt="file upload for woocommerce" width="980" height="603" /></p>
<div class="woocommerce-message" style="background-color: #127f6269;border-color: #c9e8a9;color: #000000;border-radius: 5px;margin: 2em 0;padding: 20px">
<h2 style="text-align: center"><em>Warning! File Upload Extension May Cause Increased Average Order Value, Enhanced Conversion, and Ultimate Customer Satisfaction.</em></h2>
<p style="text-align: center"><a class="wccom-button is-primary" style="font-weight: 400;text-decoration: none;width: 130px;background: #118567;border: none;color: #fff !important;line-height: 28px;padding: 10px 24px;font-size: 16px;margin: 24px auto 0" href="https://woocommerce.com/?add-to-cart=18734001294411" target="_blank" rel="noopener"><span class="wccom-button__text">Buy Now</span></a></p>
</div>
<h2><span style="font-weight: 400">Display Uploaded Files on Thank You, Order Details & My Account Pages</span></h2>
<p><span style="font-weight: 400">You can showcase the uploaded files on the Thank You, Order Details, and My Account Pages for customers to view and access anytime. Along with the files you can showcase the name, file type, size, and price details as well. </span></p>
<p><img class="alignnone size-full wp-image-18734004244907" src="https://woocommerce.com/wp-content/uploads/2023/01/file-upload-for-woocommerce-11.jpeg" alt="file upload for woocommerce" width="980" height="603" /></p>
<h2><span style="font-weight: 400">Customize File Upload Icon, Button, & Message Styling</span></h2>
<p><span style="font-weight: 400">Using the file upload for WooCommerce extension, you can highlight the file upload option on your store and customize the button, icon, and message styling. Enable custom styling on the cart, order, and checkout pages, add desired text, and choose colors for the Upload Button, Button Background, File Type and Size Message, etc. </span></p>
<p><img class="alignnone size-full wp-image-18734004244905" src="https://woocommerce.com/wp-content/uploads/2023/01/file-upload-for-woocommerce-5.jpg" alt="file upload for woocommerce" width="980" height="603" /></p>
<h2><span style="font-weight: 400">Allow Customers to Write Down Special Instructions Along with their Uploads</span></h2>
<p>With the customer upload file extension, you can also allow customers to add any special instructions they like to their file upload attachments. The admin then receives these instructions with the order, which ensures that the customer’s requirements are met accurately.</p>
<p><img class="alignnone size-full wp-image-18734004244960" src="https://woocommerce.com/wp-content/uploads/2023/01/file-upload-for-woocommerce-14.jpg" alt="file upload for woocommerce" width="980" height="603" /></p>
<h3>Requirements</h3>
<p>Minimum PHP version: 5.2</p>

File Upload

<p>Allow customers to upload files from product, cart, checkout and order detail page. Charge additional fees for uploads and restrict file upload facility by products, user roles, order statuses and more.</p>

Product Variations Table vs File Upload