<p class="wp-block-paragraph">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>The <strong>Invoice Payment Option</strong> extension for WooCommerce enables you to add a new invoice payment method to let customers place orders without making any payment. Display the new payment option based on user roles, product in cart, order amount, quantity and other conditions.</p>
<p>You can rename the payment method to Pay Later, Pay by Invoice or give it any other name that suits your business requirements. Once the order is placed, the customer will receive the standard WooCommerce order email. If needed, you can also attach invoice PDF with the order emails.</p>
<p>After the order and payment confirmation, you can send a direct payment link using the default WooCommerce feature to let customers pay using the default WooCommerce checkout process. Alternatively, you can choose to receive payment via other channels such as banking checks, cash on delivery, etc.</p>
<h2>Use Cases:</h2>
<p>The following are use cases where this extension can be extremely helpful but not limited to!</p>
<p><strong>B2B Orders:</strong></p>
<p>When working with a company, they usually require an invoice before making the payment. Using this extension, you can allow your customers to place an order without payment. The admin can later on send the payment link to merchants to receive payment via WooCommerce default checkout.</p>
<p><strong>Bulk Orders:</strong></p>
<p>When placing bulk orders, the customers are sometimes reluctant to pay upfront and need assurance before paying. The extension allows them to place orders and once confirmed, they can proceed with the payment.</p>
<h2><strong>Features of Invoice Payment Method</strong></h2>
<ul>
<li>Automatically creates new payment method “Pay by Invoice”</li>
<li>Customize title, description and default order status</li>
<li>Create multiple rules to show invoice payment method based on
<ul>
<li>Customers and user roles</li>
<li>Specific products, categories or tags</li>
<li>Minimum & maximum order quantity and amount</li>
<li>Country, state, city and zip codes</li>
<li>Shipping method</li>
</ul>
</li>
<li>Generate and attach PDF invoice with orders emails<strong> (New)</strong></li>
<li>Separate email notification for customer and admin when order is placed using invoice payment option <strong> (New)</strong></li>
</ul>
<h2>Customize payment method label:</h2>
<p>Once the extension is installed, you can configure the newly created invoice payment method from WooCommerce > Settings > Payments. You can customize the label and other details of the payment method. You can also configure the default order status for orders placed using this payment option.</p>
<p><img class="alignnone size-full wp-image-8520897" src="https://woocommerce.com/wp-content/uploads/2021/09/invoice-payment-option.png" alt="" width="980" height="553" /></p>
<p>The invoice payment method appears along with other payment methods on the front-end.</p>
<p><img class="alignnone size-full wp-image-8520912" src="https://woocommerce.com/wp-content/uploads/2021/09/Invoice-payment-option-frontend.png" alt="" width="980" height="538" /></p>
<h2>Trigger Invoice Payment based on various condition:</h2>
<p>You can create multiple rules to trigger the invoice payment option based on variations conditions like product in cart, order amount, user roles, country and more.</p>
<p><img class="alignnone size-full wp-image-8520902" src="https://woocommerce.com/wp-content/uploads/2021/09/Create-restrictions-rules.jpg" alt="" width="980" height="439" /></p>
<p>While creating a new rule, you can configure the following options:</p>
<ul>
<li>Add rule title</li>
<li>Select shipping method (enable invoice payment option for selected shipping method)</li>
<li>Enable invoice payment for virtual products</li>
<li>Enable for selected customers and user roles</li>
<li>Enable for specific cart quantity and amount range</li>
<li>Enable for specific product, product category and tags</li>
<li>Show to selected countries, states, cities or zip codes</li>
</ul>
<p><img class="alignnone size-full wp-image-8520901" src="https://woocommerce.com/wp-content/uploads/2021/09/Creating-new-rule-for-invoice-payment-method.jpg" alt="" width="980" height="2263" /></p>
<h2>Invoice PDF</h2>
<p>You can attach a customizable PDF invoice with the orders placed using this “Invoice Payment Method”. The extension offers 3 different PDF templates to choose from. You can customize the PDF content and color scheme to match your business needs.</p>
<p>Using the extension settings, you can trigger separate email notifications for both customer and merchants when an order is placed using the invoice payment option.</p>
<p><img class="alignnone size-full wp-image-18734003700000" src="https://woocommerce.com/wp-content/uploads/2021/09/PDF-Invoice-1.png" alt="" width="980" height="912" /></p>
<h3>Requirements</h3>
<p>Minimum PHP version: 7.2</p>

Invoice Payment Option

<p>Order Now and Pay Later! Allow your customers to select invoice payment option during checkout to place orders. Add conditions to show invoice payment options for specific products, categories, countries, cart total, user roles and more.</p>

Product Table Builder vs Invoice Payment Option