<p>Enhance your WooCommerce store with the ultimate product table solution. The Product Table Builder plugin empowers you to create, customize, and manage product tables with ease, offering a wide range of features designed to improve your store’s user experience and functionality.</p>
<h2 class="wp-block-heading">Key Features</h2>
<ul class="wccom-tick-list-primary">
<li><strong>Drag-and-Drop Table Builder</strong>: Effortlessly create and organize your product tables with our intuitive drag-and-drop interface. No coding skills required.</li>
<li><strong>Customizable Table Elements</strong>: Tailor your product tables to suit your specific needs. Add, remove, and customize elements such as product name, price, SKU, image, and more.</li>
<li><strong>Appearance Customization</strong>: Personalize the look and feel of your tables to match your brand. Adjust colors, fonts, borders, and other visual elements.</li>
<li><strong>Advanced Query Builder</strong>: Use the query builder to filter and display products based on specific criteria, ensuring your customers see exactly what they’re looking for.</li>
<li><strong>Sorting and Table Pagination</strong>: Enable easy navigation through large product lists with sorting options and pagination controls.</li>
<li><strong>“Add to Cart” Functionality</strong>: Allow customers to add products to their cart directly from the table, streamlining the shopping experience.</li>
<li><strong>Responsive Design</strong>: Ensure your product tables look great on any device, providing a seamless shopping experience for all users.</li>
<li><strong>Import/Export Tables</strong>: Easily transfer tables between websites or save them for future use with our import/export feature.</li>
</ul>
<p></p>
<p></p>
<h2> </h2>
<h2>Drag-and-Drop WooCommerce Product Table Builder</h2>
<p>Create custom tables using comprehensive data from WooCommerce products. Drag and drop elements to build and customize your table, leveraging WooCommerce product data for a seamless and dynamic experience.</p>
<p><img class="alignnone size-medium wp-image-18734004007663" src="https://woocommerce.com/wp-content/uploads/2024/07/drag-drop_1c86a1.png?w=896" alt="Drag and Drop Product Table Builder" width="896" height="263" /></p>
<p></p>
<p></p>
<h2> </h2>
<h2>Individual Table Settings</h2>
<p>Enhance table settings to manage sorting and ordering of items seamlessly. Implement intuitive pagination for easy navigation through content. Include a convenient ‘Add All to Cart’ button for quick actions. Ensure the layout is mobile auto-responsive with a sleek card layout for an optimized user experience.</p>
<p><img class="alignnone size-full wp-image-18734004013405" src="https://woocommerce.com/wp-content/uploads/2024/07/global-settings.jpg" alt="global-settings" width="980" height="503" /></p>
<h2> </h2>
<h2>Appearance Settings</h2>
<p>Tailor the look and feel of your tables to perfectly align with your brand identity. You can adjust the color scheme, personalize background colors or images for both the entire table and individual cells, and choose from a wide range of font styles, sizes, and weights to ensure your text is consistent with your brand’s typography. Define the style, width, and color of borders, customize padding to control spacing, and apply hover styles to enhance interactivity. Additionally, adjust typography settings to fine-tune the visual appeal of your tables, ensuring a cohesive and professional appearance.</p>
<p><strong>You can </strong><strong>customize the appearance of the following type to enhance your tables:</strong></p>
<ul>
<li>Common Style</li>
<li>Header Style</li>
<li>Body Style</li>
<li>Body Link Style</li>
<li>Rating Style</li>
<li>All to Cart Button Style</li>
<li>Pagination Style</li>
<li>All to Cart Button Style</li>
</ul>
<p><img class="alignnone size-full wp-image-18734004013413" src="https://woocommerce.com/wp-content/uploads/2024/07/design-settings.jpg" alt="design-settings" width="980" height="508" /></p>
<h2> </h2>
<h2>Column Settings</h2>
<p><strong>Column Settings</strong> allow you to customize the appearance and behavior of your columns across different devices. You can adjust the <strong>Column Width</strong> to set the desired width, and use <strong>Column Width (Force)</strong> to enforce a specific width. The settings also include options to <strong>Hide in Desktop</strong>, <strong>Hide in Tablet</strong>, or <strong>Hide in Mobile</strong>, ensuring your columns are displayed only on selected devices. Additionally, you can add a <strong>Column Custom Class</strong> for further styling and customization.</p>
<p><img class="alignnone size-full wp-image-18734004013402" src="https://woocommerce.com/wp-content/uploads/2024/07/column-settings.jpg" alt="column-settings" width="980" height="506" /></p>
<h2> </h2>
<h2>Query Builder</h2>
<p><strong>Query Builder</strong> is a powerful tool for filtering your desired data. It allows you to create customized queries to filter tables based on various criteria such as <strong>Title</strong>, <strong>Price</strong>, <strong>ID</strong>, <strong>SKU</strong>, <strong>Description</strong>, <strong>Category</strong>, <strong>Tags</strong>, <strong>Status</strong>, <strong>Quantity</strong>, <strong>Rating</strong>, <strong>Rating Count</strong>, and many more. This ensures you can easily access and manage the specific data you need.</p>
<p><img class="alignnone size-full wp-image-18734004013408" src="https://woocommerce.com/wp-content/uploads/2024/07/query-builder_44cb5e.jpg" alt="query-builder" width="980" height="507" /></p>
<h2> </h2>
<h2>Element Settings</h2>
<p>Element Settings enable you to customize each element based on its data. For <strong>Title</strong>, you can add a link and set the target. For <strong>Price</strong>, you can add a custom currency, set the currency position, and choose to display the regular price. For <strong>Thumbnail</strong>, you can link it to the product and select the thumbnail size. For <strong>Rating</strong>, you have options to show the rating count or display the rating as a number only. These settings allow for detailed customization to tailor each element to your specific needs.</p>
<p><img class="alignnone wp-image-18734004007657 size-full" src="https://woocommerce.com/wp-content/uploads/2024/07/title-settings_a4810c.png" alt="Title Element Settings" width="728" height="406" /></p>
<p><img class="alignleft wp-image-18734004007656" src="https://woocommerce.com/wp-content/uploads/2024/07/thumbnail-settings_cd5630.png?w=723" alt="Thumbnail Element Settings" width="400" height="363" /></p>
<p><img class="alignleft wp-image-18734004007655" src="https://woocommerce.com/wp-content/uploads/2024/07/price-settings_b476a2.png?w=727" alt="Price Element Settings" width="400" height="363" /></p>
<h2> </h2>
<h2>Global Settings</h2>
<p>Global Settings provide overarching customization options for your interface. In <strong>Floating Cart Settings</strong>, you can adjust the Floating Cart Text Color, Floating Cart Background Color, and Floating Cart Position. The <strong>Label Settings</strong> allow you to define the labels used in your table. Additionally, you can set specific <strong>Message Settings</strong> such as No Item Selected Message, Minimum Quantity Message and others which will appear as pop-ups to guide users. These global adjustments help create a consistent and tailored user experience across your platform.</p>
<p><img class="alignnone size-full wp-image-18734004013640" src="https://woocommerce.com/wp-content/uploads/2024/07/settings-1.png" alt="" width="679" height="253" data-wp-editing="1" /><img class="alignnone size-full wp-image-18734004013639" src="https://woocommerce.com/wp-content/uploads/2024/07/settings-2.png" alt="" width="679" height="320" /> </p>
<h2> </h2>
<h2>Table Export/Import</h2>
<p>Easily transfer tables between websites or save them for future use with our import/export feature. This functionality ensures a seamless way to back up your data, migrate tables, and maintain consistency across multiple platforms or projects.</p>
<p><img class="alignnone size-full wp-image-18734004013621" src="https://woocommerce.com/wp-content/uploads/2024/07/export-import.png" alt="" width="980" height="304" /></p>
<p> </p>
<p></p>

Product Table Builder

<p>Create, customize, and manage product tables effortlessly with an intuitive drag-and-drop interface and advanced query builder.</p>

<p><span style="font-weight: 400">Allow customers to upload files with their orders to communicate their requirements. The WooCommerce Upload Files plugin is designed for stores selling customizable products, making it easier to collect customer-specific inputs directly through file attachments.</span></p>
<p><span style="font-weight: 400">You can place the “File Upload” button on the product page, cart page, or checkout page for maximum flexibility. The plugin supports file type and size restrictions, enabling you to accept only the formats you need.</span></p>
<p><span style="font-weight: 400">Store owners can limit file uploads to specific products, categories, or user roles to maintain control and relevance. This targeted functionality ensures that the feature appears only where it’s needed.</span></p>
<p><span style="font-weight: 400">By enabling file uploads, the plugin bridges the communication gap between customers and store owners, improves order accuracy, and streamlines the fulfillment process. The result: better user experience, efficient order management, and higher customer satisfaction.</span></p>
<h2><b>WooCommerce File Upload Plugin Features</b></h2>
<ul>
<li style="font-weight: 400"><span style="font-weight: 400">Add a file upload button to the product, cart, or checkout page.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Create multiple rules to manage the file upload option.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Customers can preview or delete files.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Allow single or multiple file uploads.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Determine specific file types and sizes for uploads.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Set a price to charge customers for file uploads.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Restrict rules by products, categories, and user roles.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Admin can approve/disapprove a file</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Email Notification to the customer on file to approve or disapprove</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Customize the upload file button (text, color, etc).</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Download file option for admin & customer</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Add custom file extensions</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Option to allow the customer to attach a note with each file upload</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Compatible with Cart/Checkout Blocks</span></li>
</ul>
<h2><span style="background-color: #beecba;font-family: 'Inter var', 'Inter Fallback', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;font-size: 16px;letter-spacing: -0.011em">This Plugin is fully compatible with HPOS(High-Performance Order Storage) and Multisite.</span></h2>
<h3><b>Upload Files on the Product Page</b></h3>
<p><span style="font-weight: 400">Allow customers to upload files directly on product pages using the WooCommerce File Uploads plugin. This feature lets users provide custom designs, documents, or images during product selection, making it easy to collect specific order requirements and enhance product personalization.</span></p>
<p><img class="aligncenter wp-image-18734001245136 size-full" src="https://woocommerce.com/wp-content/uploads/2020/09/1-12.png" alt="Display the upload file button on the product page" width="711" height="748" /></p>
<h3><b>Let Customers Upload Files on the Cart Page</b></h3>
<p><span style="font-weight: 400">Allow customers to upload files directly from the cart page using the WooCommerce File Upload plugin. This feature streamlines the process by attaching necessary documents before checkout, reducing the need for follow-up emails or unclear order notes. It ensures accurate instructions are submitted with the order, improving efficiency and customer satisfaction.</span></p>
<p><img class="aligncenter wp-image-18734001245140 size-full" src="https://woocommerce.com/wp-content/uploads/2020/09/2-4.png" alt="Enable file upload on the cart page" width="788" height="746" /></p>
<h3><b>Enable File Upload on the Checkout Page</b></h3>
<p><span style="font-weight: 400">Let customers upload important files directly during checkout using the WooCommerce Checkout Files Upload feature. A dedicated upload button allows users to attach order specifications or required documents, simplifying the process and ensuring you receive all necessary information with the order.</span></p>
<p><img class="aligncenter wp-image-18734001245141 size-full" src="https://woocommerce.com/wp-content/uploads/2020/09/3-12.png" alt="Allow file upload on the checkout page" width="916" height="588" /></p>
<h3><b>Customers can Preview, Replace, and Delete Files</b></h3>
<p><span style="font-weight: 400">Customers can immediately view their uploaded files to confirm accuracy before final submission. This feature helps prevent mistakes and ensures that only the correct files are attached to the order. Files can also be deleted and re-uploaded as needed.</span></p>
<p><img class="aligncenter wp-image-18734001245144 size-full" src="https://woocommerce.com/wp-content/uploads/2020/09/5-6.png" alt="Customers can preview and delete files" width="775" height="683" /></p>
<h3><b>Update Uploaded Files After Placing an Order</b></h3>
<h3><span style="font-weight: 400">If the order status is pending or on hold, customers can update or remove uploaded files directly from the </span><b>My Account</b><span style="font-weight: 400"> page. This feature ensures that any last-minute changes or corrections to the uploaded files can be made without canceling or editing the entire order.</span></h3>
<p><img class="aligncenter wp-image-18734003476418 size-full" src="https://woocommerce.com/wp-content/uploads/2020/09/update.png" alt="Update your uploaded files even after placing your order" width="667" height="481" /></p>
<h3><b>Let Customers Upload Multiple Files for a Single Product</b></h3>
<p><span style="font-weight: 400">Allow customers to upload multiple files at once using the WooCommerce Product File Upload plugin. This functionality helps store owners collect detailed requirements and customization inputs more efficiently. Customers can select and upload one or several files in a single action, streamlining the order process.</span></p>
<p><img class="aligncenter wp-image-18734001245146 size-full" src="https://woocommerce.com/wp-content/uploads/2020/09/6-6.png" alt="Allow multiple file uploads" width="777" height="763" /></p>
<h3><b>Customers can Attach Notes with Uploaded Files for Additional Information</b></h3>
<p><span style="font-weight: 400">Let customers upload files with an accompanying note for each file. This helps communicate specific instructions or requirements clearly, reducing the chance of errors and improving order processing speed. Admins can make the note field mandatory to ensure all essential details are provided, improving workflow accuracy and customer experience.</span></p>
<p><img class="aligncenter wp-image-18734001245143 size-full" src="https://woocommerce.com/wp-content/uploads/2020/09/4-6.png" alt="Allow customer to attach a note with each file upload" width="783" height="760" /></p>
<h3><b>Admin can Approve/Disapprove Files</b></h3>
<p><span style="font-weight: 400">Store admins can review and manually approve or reject customer-uploaded files from the backend panel. The system automatically notifies customers via email once a file is approved or disapproved.</span></p>
<p><img class="aligncenter wp-image-7224829 size-full" src="https://woocommerce.com/wp-content/uploads/2020/09/product-file.png" alt="upload files - Approve / Disapprove File" width="653" height="324" /></p>
<h3><b>Email Notification on File Approval or Rejection</b></h3>
<p><span style="font-weight: 400">Customers will receive an email notification when the admin approves or rejects their uploaded files. This keeps them informed about the status of their submission without requiring manual follow-up.</span></p>
<p><img class="aligncenter wp-image-7224832 size-full" src="https://woocommerce.com/wp-content/uploads/2020/09/email-notifications.png" alt="Email notification on file approves or disapproves" width="791" height="305" /></p>
<h3><b>Set File Types and Size Limits</b></h3>
<p><span style="font-weight: 400">The WooCommerce Upload Files plugin allows you to define specific file types for uploads, such as JPEG, PNG, and others. You can also configure file size limits in kilobytes (KB), megabytes (MB), or gigabytes (GB). Keep in mind that the maximum upload size cannot exceed the server’s configured limit.</span></p>
<p><img class="aligncenter wp-image-18734001245151 size-full" src="https://woocommerce.com/wp-content/uploads/2020/09/7-5.png" alt="woocommerce upload files - Set files type and size" width="774" height="638" /></p>
<h3><b>Restrict File Uploads by Products, Categories, or User Roles</b></h3>
<p><span style="font-weight: 400">Control where and to whom the file upload option is available by restricting it based on specific products, categories, or user roles. Select the restriction type, then assign individual products or categories where the upload button should appear. You can also limit access by user role, allowing file uploads only for selected roles such as customers or subscribers, while preventing others, like contributors, from uploading attachments.</span></p>
<p><strong><img class="aligncenter wp-image-6454399 size-full" src="https://woocommerce.com/wp-content/uploads/2020/09/specifc-product.png" alt="Restrict uploads by products or categories" width="713" height="324" /></strong></p>
<h3><strong>Restrict by user roles </strong></h3>
<p><span style="font-weight: 400">You can limit file uploads to store users with specific roles. For example, you can allow only customers and subscribers to upload files but restrict contributors from uploading the attachments.</span></p>
<p><strong><img class="aligncenter wp-image-6454403 size-full" src="https://woocommerce.com/wp-content/uploads/2020/09/User-role-.png" alt="Upload files for WooCommerce - Restrict by user roles" width="724" height="244" /></strong></p>
<h3><b>Charge for File Uploads or Offer Discounts</b></h3>
<p><span style="font-weight: 400">The WooCommerce Upload Files to Order plugin lets you assign a fixed or custom price to each uploaded file. Use it as a product add-on to charge customers for customizations or special requests. You can also configure discounts per file upload to encourage more user interaction and increase conversions.</span></p>
<p><img class="aligncenter wp-image-18734001245156 size-full" src="https://woocommerce.com/wp-content/uploads/2020/09/8-5.png" alt="Charge customers for file uploads & offer discount" width="835" height="539" /></p>
<h3><b>Add Custom File Extensions</b></h3>
<p><span style="font-weight: 400">Admins can define additional file extensions that are not supported by default in the WooCommerce Upload Files plugin. To allow multiple file types, enter the desired extensions separated by commas.</span></p>
<p><img class="aligncenter wp-image-18734003180795 size-full" src="https://woocommerce.com/wp-content/uploads/2020/09/44444_0fda28.png" alt="Add custom file extensions" width="1104" height="439" /></p>
<h3><b>Admin can Attach Feedback Notes for Uploaded Files</b></h3>
<p><span style="font-weight: 400">Store admins can add feedback notes to accepted or rejected files. This feature simplifies communication and streamlines the file review process by allowing notes to be added directly within the WooCommerce admin panel.</span></p>
<p><img class="aligncenter wp-image-18734003476422 size-full" src="https://woocommerce.com/wp-content/uploads/2020/09/reason.png" alt="Admin can attach feedback notes" width="715" height="448" /></p>
<h3><b>Crop Images Before Uploading</b></h3>
<p><span style="font-weight: 400">Customers can crop their images before uploading to include only the relevant content. This ensures that only the necessary information is submitted, improving clarity and reducing the chance of miscommunication.</span></p>
<p><img class="aligncenter wp-image-18734003476424 size-full" src="https://woocommerce.com/wp-content/uploads/2020/09/Crop.png" alt="Crop images before uploading" width="1010" height="589" /></p>
<h3><b>File Upload Progress Bar for Large Files</b></h3>
<p><span style="font-weight: 400">The plugin displays a file upload progress bar to help customers monitor the upload status of large files. It provides real-time feedback for file types such as images, audio, and video. This improves the user experience and increases reliability during the upload process.</span></p>
<p><img class="aligncenter wp-image-18734003476426 size-full" src="https://woocommerce.com/wp-content/uploads/2020/09/bar.png" alt="File upload progress bar for large files" width="1008" height="355" /></p>
<h3><b>File Upload Counter in the Orders Section</b></h3>
<p><span style="font-weight: 400">The WooCommerce Upload My File plugin displays the total number of files uploaded by the customer for each order. This file count appears directly in the orders section next to the customer’s name, allowing store admins to quickly review uploads without opening individual orders.</span></p>
<p><img class="size-medium wp-image-18734005897506 aligncenter" src="https://woocommerce.com/wp-content/uploads/2020/09/Upload-counter-image.png?w=767" alt="" width="767" height="394" /></p>
<h3><b>Admin can View Uploaded Files in the Order Details</b></h3>
<p><span style="font-weight: 400">Admins can access uploaded files and customer notes directly from the order details page. This allows for quick review and accurate understanding of customer requirements, helping ensure correct order fulfillment.</span></p>
<p><img class="aligncenter wp-image-6454416 size-full" src="https://woocommerce.com/wp-content/uploads/2020/09/admin-preview-1.png" alt="Admin can view uploaded files" width="916" height="436" /></p>
<h3><b>Upload Multiple Files via Pop-Up</b></h3>
<p><span style="font-weight: 400">Enable users to upload multiple files through a single upload button. When clicked, the button triggers a pop-up containing multiple file upload fields. This keeps the interface clean while allowing multiple file uploads. Admins can also include a checkbox to request user consent for using the uploaded files in future marketing activities.</span></p>
<h3><img class="aligncenter wp-image-18734003180782 size-full" style="font-family: 'Inter var', 'Inter Fallback', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;font-size: 16px;letter-spacing: -0.011em" src="https://woocommerce.com/wp-content/uploads/2020/09/2024-01-24_11-55-02-1.png" alt="Upload Multiple Files in a Pop-Up" width="1080" height="601" /></h3>
<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>
<li>Store Front</li>
<li>Avada</li>
<li>Flatsome</li>
<li>Porto</li>
<li>Woodmart</li>
<li>WooCommerce default theme</li>
<li>Divi</li>
</ul>
<h3>Builders</h3>
<ul>
<li>Elementor</li>
<li>Bakery</li>
<li>Divi</li>
</ul>
<h3>Also Compatible with</h3>
<ul>
<li>Multi-Site</li>
<li>PHP 8</li>
<li>Mobile Layouts</li>
</ul>
<h3>Get started</h3>
<ol>
<li>Purchase <strong>Customer Upload Files for WooCommerce</strong> from WooCommerce.com.</li>
<li>Download and install the extension.</li>
<li>Activate the extension.</li>
<li>Go to <strong>WooCommerce > Settings > Upload File</strong> to add rules to enable upload file for customers.</li>
<li>Read the full installation guide <a href="https://woocommerce.com/document/2-0/upload-files-on-product-cart-checkout-page-in-woocommerce/">here</a></li>
</ol>
<p> </p>
<h3><strong>Requirements</strong></h3>
<p>Minimum PHP version: 5.2</p>
<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 Upload Files - 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 Customer Upload Files plugin.</p>
<h4><a href="https://woocommerce.com/document/upload-files-on-product-cart-checkout-page-in-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://fmablog.fmeaddons.com/wp-content/uploads/2023/10/Questions-and-Support.png" alt="woocommerce FmeAddons Support" width="120" height="105" /></td>
<td>
<h2><span style="font-family: sans-serif"><span style="font-size: 16px;font-weight: 400;letter-spacing: -0.176px">Questions and Support</span></span></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 style="font-weight: 400" href="mailto:support@fmeaddons.com">Send email</a></td>
</tr>
</tbody>
</table>

Customer Upload Files

<p>Upload Files on the Product, Cart, and Checkout pages of your WooCommerce store and allow customers to provide necessary additional information.</p>

Product Table Builder vs Customer Upload Files