<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>Set up pre-orders in your Woo store, so customers can order products before they’re available. You can automatically or manually release and fill orders when you’re ready and let the extension handle the rest!</p>
<ul class="wccom-tick-list-primary">
<li>Set an optional date/time when the product will be available</li>
<li>Automatically charge orders when the product is available</li>
<li>Change the release date for a pre-ordered product</li>
<li>Email all customers who pre-ordered a product</li>
<li>Cancel pre-orders if the product is no longer available</li>
<li>Filter your pre-orders with a custom “pre-order” order status</li>
<li>Works with simple & variable products</li>
<li>Optionally charge a fee for a pre-order</li>
<li>Customize the Add to Cart/Place Order buttons for pre-orders</li>
</ul>
<hr class="wccom-product-heading__hr" />
<h2>Sell Pre-Orders for Products and Services</h2>
<p>The pre-order experience is fully customizable and supports both pre-orders charged up front and upon release. If you’re using a supported payment gateway, pre-orders can be charged upon release without the customer returning and paying for their order.</p>
<p><img class="alignnone" title="WooCommerce Pre-Orders Checkout" src="https://woocommerce.com/wp-content/uploads/2013/04/woocommerce-pre-orders-setting-when-charged-text.png" alt="WooCommerce Pre-Orders Checkout" width="553" height="231" /></p>
<p><a href="https://woocommerce.com/wp-content/uploads/2013/04/woocommerce-pre-orders-setting-single-product-page-message.png"><img title="WooCommerce Pre-Orders Product Page" src="https://woocommerce.com/wp-content/uploads/2013/04/woocommerce-pre-orders-setting-single-product-page-message.png" alt="WooCommerce Pre-Orders Product Page" /></a></p>
<h2>Easy pre-order customization</h2>
<p>Control how pre-order products are displayed using built-in settings for button text, product messages, and more. Display the time remaining until a product is available anywhere on your site using a countdown time shortcode with support for customization via CSS.</p>
<p><img class="alignnone" title="WooCommerce Pre-Orders Settings" src="https://woocommerce.com/wp-content/uploads/2013/04/woocommerce-pre-orders-settings.png" alt="WooCommerce Pre-Orders Settings" /></p>
<h2>Easy Pre-Order Management</h2>
<p>Pre-Orders can be charged in two ways, upfront or upon release. When charging a pre-order up front, the customer pays the entire pre-order amount during the initial checkout.</p>
<p>When charging a pre-order upon release, the customer’s payment method is charged when the product is released (either by reaching the availability date, if set, or manually within the Pre-Orders admin) when using a supported gateway. If a supported gateway is not available, the customer will receive an email when the pre-order is released, prompting them to come back to the store and pay for their pre-order.</p>
<p>All pre-orders can be managed through a dedicated page. From here, the admin can delay, complete, cancel, or email selected pre-orders or use the actions section to perform the same actions for all pre-orders for a given product.</p>
<h2>Automatically Charge Pre-Orders Upon Release</h2>
<p>When you use one of the <a href="https://woocommerce.com/document/pre-orders/#supported-gateways-for-automatic-payments">supported payment gateways</a>, you can automatically charge your customer’s payment method when the pre-order is available. All gateways support manual payments for pre-orders, where the customer is sent an email asking them to come back and pay for their pre-order when it’s released.</p>
<p><a href="https://woocommerce.com/wp-content/uploads/2013/04/woocommerce-pre-orders-support-gateways.png"><img title="WooCommerce Pre-Orders Authorize.net CIM Checkout" src="https://woocommerce.com/wp-content/uploads/2013/04/woocommerce-pre-orders-support-gateways.png" alt="WooCommerce Pre-Orders Authorize.net CIM Checkout" /></a></p>

WooCommerce Pre-Orders

<p>Allow customers to order products before they are available.</p>

Product Table Builder vs WooCommerce Pre-Orders