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

<ul class="wccom-tick-list-primary">
<li data-start="444" data-end="502"><strong data-start="112" data-end="131">Upload Anywhere</strong> – Allow file uploads on product, cart, checkout, and order pages.</li>
<li data-start="505" data-end="552"><strong data-start="202" data-end="218">Page Control</strong> – Enable or disable uploads on specific pages as needed.</li>
<li><strong data-start="280" data-end="299">Inline or Popup</strong> – Show the upload area directly or in a popup.</li>
<li data-start="555" data-end="587"><strong data-start="351" data-end="366">Drag & Drop</strong> <strong>File Upload</strong> – Simple and user-friendly drag & drop upload area.</li>
<li><strong data-start="423" data-end="442">Unlimited Rules</strong> – Create unlimited custom upload rules.</li>
<li data-start="590" data-end="638"><strong data-start="497" data-end="518">File Restrictions</strong> – Limit file types, sizes, and number of uploads.</li>
<li data-start="641" data-end="673"><strong data-start="72" data-end="88">Custom Notes</strong> – Allow customers to add notes when uploading files for better context.</li>
<li data-start="676" data-end="711"><strong data-start="165" data-end="186">Custom File Names</strong> – Customer can rename uploaded files for easier identification.</li>
<li data-start="714" data-end="754"><strong data-start="643" data-end="665">Preview & Download</strong> – Let customers preview and download uploaded files.</li>
<li data-start="757" data-end="804"><strong data-start="723" data-end="748">Post-Purchase Uploads</strong> – Customers can upload or replace files even after purchase.</li>
<li data-start="807" data-end="845"><strong data-start="800" data-end="824">Deadlines & Messages</strong> – Set upload deadlines and show custom notices.</li>
<li data-start="893" data-end="959"><strong data-start="877" data-end="892">Upload Fees</strong> – Charge extra per file or per order.</li>
<li><strong data-start="1179" data-end="1202">Custom Progress Bar</strong> – Style the upload progress bar to match your store.</li>
<li data-start="962" data-end="1005"><strong data-start="935" data-end="958">Conditional Uploads</strong> – Restrict uploads by product, category, user role, or order value.</li>
<li data-start="1008" data-end="1044"><strong data-start="1031" data-end="1052">Approval Workflow</strong> – Admin can approve or reject files before processing.</li>
<li data-start="1008" data-end="1044"><strong data-start="1102" data-end="1125">Email Notifications</strong> – Admin can send automatic email notifications when files are uploaded, accepted, or rejected.</li>
<li data-start="1047" data-end="1095"><strong data-start="1260" data-end="1284">Design Customization</strong> – Personalize overall colors, labels, and layout for the files upload section.</li>
<li data-start="1047" data-end="1095"><strong data-start="1331" data-end="1356">Centralized Dashboard</strong> – Admin can manage all uploads in one place.</li>
<li data-start="1047" data-end="1095"><strong data-start="88" data-end="117">Variable Products Support</strong> – Enable file uploads for WooCommerce variable products.</li>
<li data-start="1047" data-end="1095"><strong data-start="1396" data-end="1409">Block-Based Compatible</strong> – Clean, responsive, and block-based compatible interface.</li>
<li data-start="1047" data-end="1095"><strong data-start="179" data-end="203">Elementor Compatible</strong> – Works seamlessly with Elementor-built pages. Show upload section anywhere</li>
</ul>
<hr />
<p><strong>Customer File Upload for WooCommerce</strong> allows customers to upload files to their orders directly from the product, cart, checkout, and order pages. Whether you sell custom products, print services, or anything that needs user files, this plugin handles it with an easy drag-and-drop box, file type and size controls, and clear upload limits. Customers can add notes, rename files, and even update them later if needed.</p>
<p>Using WooCommerce File Upload, Store owners can approve or reject files, set upload deadlines, charge extra fees, and manage everything in one dashboard. Set unlimited file upload rules and apply them to specific products, categories, user roles, or order statuses — and keep the whole process clear and organized with quick access to download, review, and track every uploaded file.</p>
<div class="woo-sc-box normal  success ">Fully compatible with <strong data-start="297" data-end="314">Elementor Pro</strong>, <strong data-start="316" data-end="339">block-based editors</strong>, and<strong data-start="345" data-end="378"> variable products</strong>.</div>
<h3>File Upload on Product Page</h3>
<p>Let customers upload files directly from the product page before adding items to the cart. Ideal for custom orders that need design files or extra details up front.</p>
<p><img class="alignnone  wp-image-18734005700304" src="https://woocommerce.com/wp-content/uploads/2025/07/Frame-64-2.png" alt="File Upload for WooCommerce by Customers" width="804" height="950" /></p>
<h3>File Upload on Cart Page</h3>
<p>Upload File WooCommerce allows customers to add or update files right from the cart page. Perfect for last-minute uploads or edits before checkout.</p>
<p><img class="alignnone size-full wp-image-18734005700319" src="https://woocommerce.com/wp-content/uploads/2025/07/Frame-60-2.png" alt="File Upload for WooCommerce on Cart Page" width="980" height="728" /></p>
<h3>File Upload on Checkout Page</h3>
<p>Let customers upload files during checkout without extra steps. Great for collecting final files needed to complete an order using Checkout Files Upload for WooCommerce.</p>
<p><img class="alignnone size-full wp-image-18734005700320" src="https://woocommerce.com/wp-content/uploads/2025/07/Frame-61-1.png" alt="File Upload for WooCommerce on Checkout Page" width="980" height="921" /></p>
<h3>Upload or Replace Files after Placing an Order</h3>
<p>Customers can update or remove uploaded files directly from the My Account page while the order is still pending or on hold. This makes it simple to fix mistakes or upload the correct file without canceling or changing the entire order.</p>
<p><img class="alignnone size-full wp-image-18734005700323" src="https://woocommerce.com/wp-content/uploads/2025/07/Frame-62-1.png" alt="File Upload for WooCommerce on Order Page" width="980" height="990" /></p>
<h3>Show File Upload Section on Page or Popup</h3>
<p>Admin can choose whether the upload section appears directly on the page or in a popup window—making it easy to match your store’s design and shopping flow.</p>
<h4>On Page Display</h4>
<p>The upload fields are shown directly on the product, cart, checkout, and order page.</p>
<p><img class="alignnone size-full wp-image-18734005700329" src="https://woocommerce.com/wp-content/uploads/2025/07/image-76-1.png" alt="Inline Display for File Upload for WooCommerce" width="980" height="762" /></p>
<h4>Popup Display</h4>
<p>The upload fields opens in a popup window when customers click an “upload file button”.</p>
<p><img class="alignnone size-full wp-image-18734005700741" src="https://woocommerce.com/wp-content/uploads/2025/07/Frame-68.png" alt="File Upload for WooCommerce in Popup" width="980" height="327" /></p>
<h3>Create Unlimited Upload Rules</h3>
<p>With WooCommerce Upload File Plugin, you can create unlimited rules based on your requirements see below screenshot for creating a new rule.</p>
<p><img class="alignnone size-full wp-image-18734005479739" src="https://woocommerce.com/wp-content/uploads/2025/07/image-18.png" alt="Create Multiple Rules for Customer Upload File for WooCommerce" width="980" height="530" /></p>
<h3>Target Specific Products, Categories, or Roles</h3>
<p>You can apply different rules to specific products, entire categories, or even limit them to certain customer roles (e.g., wholesalers or VIP members).</p>
<p><img class="alignnone  wp-image-18734005697144" src="https://woocommerce.com/wp-content/uploads/2025/07/Frame-63-1.png" alt="File Upload for WooCommerce Restriction" width="577" height="252" /></p>
<h3>File Type Restrictions</h3>
<p>Decide which file formats customers can upload—such as images (JPG, PNG), documents (PDF, DOCX), or other safe file types—so you only receive the files you need.</p>
<p><img class="alignnone  wp-image-18734005697152" src="https://woocommerce.com/wp-content/uploads/2025/07/image-96.png" alt="File type Restriction for WooCommerce Upload Files" width="442" height="424" /></p>
<h3>File Upload Deadline</h3>
<p>Set a time limit for customers to upload files after placing an order. Keep projects on track and avoid late submissions.</p>
<p><img class="alignnone  wp-image-18734005563982" src="https://woocommerce.com/wp-content/uploads/2025/07/Frame-53.png" alt="WooCommerce Files Upload " width="648" height="290" /></p>
<h3>Control by Order Status</h3>
<p>Manage when uploads are possible. For example, allow uploads when the order is processing, after it’s completed, or even for draft orders before purchase.</p>
<p><img class="alignnone  wp-image-18734005697162" src="https://woocommerce.com/wp-content/uploads/2025/07/image-97-1.png" alt="Order Status for Customer Upload Files for WooCommerce" width="586" height="135" /></p>
<h3>Charge Fees for File Uploads</h3>
<p>Earn extra revenue by charging for uploads. You can set a fixed fee or a percentage, and choose whether to apply it per file or per order with File Upload WooCommerce.</p>
<p><img class="alignnone size-full wp-image-18734005700708" src="https://woocommerce.com/wp-content/uploads/2025/07/Frame-66.png" alt="Charge Fees for WooCommerce Upload Files" width="980" height="429" /></p>
<h3>What Customers See in the Upload Area</h3>
<ul>
<li data-start="67" data-end="149"><strong data-start="67" data-end="91">Upload Requirements:</strong> Show allowed file types, size limits, and upload rules.</li>
<li data-start="152" data-end="222"><strong data-start="152" data-end="171">Uploaded Files:</strong> Display files the customer has already uploaded.</li>
<li data-start="225" data-end="292"><strong data-start="225" data-end="246">Upload File Fees:</strong> Show any extra charges for uploading files.</li>
<li data-start="295" data-end="359"><strong data-start="295" data-end="316">Custom File Name:</strong> Let customers name their uploaded files.</li>
<li data-start="362" data-end="419"><strong data-start="362" data-end="372">Notes:</strong> Allow customers to add notes with each file.</li>
<li data-start="422" data-end="491"><strong data-start="422" data-end="443">Drag & Drop Area:</strong> Easy drag-and-drop interface for quick uploads.</li>
</ul>
<h3>File Preview, Download & Remove</h3>
<p>Customers can preview their uploaded files, download them anytime, or remove them if needed. Gives full control before and after placing an order using WooCommerce Upload File.</p>
<p><img class="alignnone size-full wp-image-18734005700716" src="https://woocommerce.com/wp-content/uploads/2025/07/Frame-67.png" alt="Preview, Download, and Remove Uploaded Files for WooCommerce" width="980" height="588" /></p>
<h3>Drag & Drop or Upload Files</h3>
<p>Customers can easily drag & drop files or select them manually to upload, with a customizable upload area. WooCommerce File Upload makes adding files quick and user-friendly.</p>
<p><img class="alignnone  wp-image-18734005700727" src="https://woocommerce.com/wp-content/uploads/2025/07/image-63.png" alt="Drag and Drop Files Upload for WooCommerce" width="623" height="358" /></p>
<h3>File Upload Progress Bar</h3>
<p>Show customers a clear progress bar while files upload. Easily adjust its colors and style to match your store’s design.</p>
<p><img class="alignnone  wp-image-18734005700747" src="https://woocommerce.com/wp-content/uploads/2025/07/Frame-69.png" alt="File Upload Progress Bar" width="638" height="410" /></p>
<h3>Optional Notes with Uploads</h3>
<p>Let customers add notes with each file to share extra details or special instructions. Keeps communication clear for custom orders.</p>
<p><img class="alignnone  wp-image-18734005700759" src="https://woocommerce.com/wp-content/uploads/2025/07/Frame-70.png" alt="Optional Notes with WooCommerce Files Uploads" width="800" height="644" /></p>
<h3>Dedicated File Upload Dashboard</h3>
<p>Admins can view and manage all uploaded files in one centralized dashboard. See order details, customer info, uploaded files details, and easily review, download, or clean up files as needed with Customer File Upload WooCommerce.</p>
<p><img class="alignnone size-full wp-image-18734005563990" src="https://woocommerce.com/wp-content/uploads/2025/07/Frame-56.png" alt="Dashboard for File Upload WooCommerce" width="980" height="447" /></p>
<h3>File Management (For Admin)</h3>
<p>In each order, admins get a separate section to approve, reject, preview or download uploaded files by customers. Makes managing customer files quick and easy. When a file is approved or rejected, the customer automatically receives an email notification.</p>
<p><img class="alignnone size-full wp-image-18734005563993" src="https://woocommerce.com/wp-content/uploads/2025/07/image-84.png" alt="File Management for WooCommerce File Upload" width="980" height="581" /></p>
<h3>Automatic Customer Email Notifications</h3>
<p>Whenever the admin approves or rejects an uploaded file, the customer instantly receives an automated email update. This ensures clear and timely communication.</p>
<p><img class="alignnone size-full wp-image-18734005611585" src="https://woocommerce.com/wp-content/uploads/2025/07/Frame-58.png" alt="Email Notifications for WooCommerce File Upload" width="980" height="491" /></p>
<h3>Secure File Uploads Made Easy</h3>
<p>Allow customers to upload files safely with their orders. Files are stored securely on your server, restricted to authorized staff, and fully manageable from your WooCommerce dashboard.</p>
<h3>Full Design Control</h3>
<p>Easily change the colors of buttons, drop areas, progress bars, and file previews. Make the upload section look and feel just like the rest of your store.</p>
<h3>Custom Text Labels</h3>
<p>Change the text for upload titles, buttons, labels, and actions like preview, download, remove, and replace. Your custom wording will also appear in customer emails and order details for a consistent experience.</p>
<h3>Compatibility</h3>
<ul>
<li>Works seamlessly with <strong data-start="170" data-end="195">Elementor-built pages</strong></li>
<li data-start="94" data-end="145">Compatible with <strong data-start="110" data-end="143">WooCommerce Variable Products</strong></li>
<li data-start="200" data-end="228">Supports <strong data-start="209" data-end="226">Block Editors</strong></li>
<li data-start="231" data-end="293">Fully compatible with <strong data-start="253" data-end="291">WooCommerce Cart & Checkout Blocks</strong></li>
<li data-start="296" data-end="348">Supports <strong data-start="305" data-end="346">High-Performance Order Storage (HPOS)</strong></li>
<li data-start="351" data-end="408">Works with all major <strong data-start="372" data-end="406">WooCommerce & WordPress themes</strong></li>
<li data-start="411" data-end="469"><strong data-start="411" data-end="431">Fully responsive</strong> across all devices and screen sizes</li>
</ul>
<h3>Getting Started</h3>
<ul>
<li data-start="60" data-end="197"><strong data-start="60" data-end="67">Buy</strong> <em data-start="68" data-end="106">File Upload to Order for WooCommerce</em> directly from <a class="" href="https://woocommerce.com/products/file-upload-to-order/" target="_new" rel="noopener" data-start="121" data-end="194" data-is-only-node="">WooCommerce.com</a>.</li>
<li data-start="201" data-end="272"><strong data-start="201" data-end="213">Download</strong> the plugin and <strong data-start="229" data-end="240">install</strong> it on your WooCommerce store.</li>
<li data-start="276" data-end="331"><strong data-start="276" data-end="288">Activate</strong> the plugin from the WordPress dashboard.</li>
<li data-start="335" data-end="443">Go to <strong data-start="341" data-end="381">WooCommerce > File Upload </strong>to set up rules and enable file uploads for your customers.</li>
<li data-start="447" data-end="509"><strong>Need help?</strong> View the complete<strong data-start="458" data-end="508"> installation & Configuration guide <a class="" href="https://woocommerce.com/document/file-upload-to-order/" rel="noopener" data-start="497" data-end="506">here</a></strong>.</li>
</ul>
<p></p>
<p></p>

File Upload to Order

<p><strong>File Upload for WooCommerce</strong> allows your customers to attach files to their orders like images, docs, and PDFs for personalized requests.</p>

Product Table Builder vs File Upload to Order