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

<h2 class="wp-block-heading">The original Gravity Forms integration for WooCommerce</h2>
<p class="wp-block-paragraph">Gravity Forms Product Add-Ons has been connecting Gravity Forms to WooCommerce since 2011 — years before any alternative existed. It is the original, official integration on the WooCommerce Marketplace, maintained continuously through every major release of both Gravity Forms and WooCommerce for over 13 years.</p>
<p class="wp-block-paragraph">Some products need more than a price and an “Add to Cart” button. Custom orders, build-your-own products, service requests, donation pages, personalized items — these all require collecting structured information from the customer before checkout. This extension bridges that gap by connecting WooCommerce directly to the form builder you already know.</p>
<p class="wp-block-paragraph">Attach any Gravity Form to any WooCommerce product — simple, variable, or subscription — and the form becomes part of the product page. Customers fill out the form, pricing updates in real time, and every detail flows through the cart, checkout, order confirmation, and admin screens exactly where you need it.</p>
<figure class="wp-block-image size-large"><img class="wp-image-18734006414340" src="https://woocommerce.com/wp-content/uploads/2011/12/gfpa-product-page-multi-step-form.png" alt="Multi-step product configuration form with hardware options and real-time pricing" /><figcaption class="wp-element-caption">A multi-page product form with hardware configuration options and real-time price calculation.</figcaption></figure>
<h2 class="wp-block-heading">Real-time pricing that reflects every choice</h2>
<p class="wp-block-paragraph">When customers select options that affect cost, the product price updates dynamically on the page. Use Gravity Forms pricing fields — products, options, quantities, and shipping — and the extension calculates the total in real time. Customers see exactly what they are paying for before they add anything to the cart.</p>
<p class="wp-block-paragraph">You have full control over how pricing appears. Display the base price with a label like “Starting at $50”, hide the default WooCommerce price entirely for quote-based products, or customize the subtotal, options, and grand total labels individually. The pricing display adapts to your business model, not the other way around.</p>
<figure class="wp-block-image size-large"><img class="wp-image-18734006414341" src="https://woocommerce.com/wp-content/uploads/2011/12/gfpa-cart-with-form-data.png" alt="WooCommerce cart showing detailed form field data for a configured product" /><figcaption class="wp-element-caption">Every form selection flows into the cart as detailed line item metadata.</figcaption></figure>
<h2 class="wp-block-heading">Deep WooCommerce integration — not just a form embed</h2>
<p class="wp-block-paragraph">This is not a shortcode that drops a form on a page. Gravity Forms Product Add-Ons is engineered to integrate at every level of the WooCommerce purchase flow:</p>
<ul class="wp-block-list">
<li><strong>Smart cart handling</strong> — Each unique form configuration is tracked as a distinct cart item. Identical configurations are automatically grouped and their quantities incremented. No duplicates, no confusion.</li>
<li><strong>Complete order data</strong> — Every field the customer fills out appears as order item metadata, visible in admin order screens, customer emails, order confirmations, and the My Account order view. Nothing is lost between the form and the order.</li>
<li><strong>One-to-one entry linking</strong> — Each order line item creates a proper Gravity Forms entry, linked directly to the WooCommerce order item. Jump from the order to the entry, or from the entry back to the order. Transaction status, payment details, and order status sync automatically as the order progresses.</li>
<li><strong>Cart editing</strong> — Let customers click an item in the cart to return to the product page with their previous selections pre-filled, then update and replace the item. No need to remove and re-add.</li>
<li><strong>Reorder support</strong> — Customers can reorder previous purchases with form data pre-populated from the original order, making repeat purchases fast and accurate.</li>
<li><strong>Inventory-aware stock management</strong> — Map a form quantity field to control WooCommerce stock deductions, so inventory stays accurate even when quantities come from form input rather than the standard quantity selector.</li>
<li><strong>Entry export with WooCommerce context</strong> — Export Gravity Forms entries with associated order number, order status, product name, and other WooCommerce fields included. Filter exports by order status to work only with completed, refunded, or any other status you need.</li>
<li><strong>Notification control</strong> — Gravity Forms notifications are suppressed by default during the add-to-cart process and only fire when the actual order is placed. Enable or disable notifications per product to match your workflow.</li>
</ul>
<figure class="wp-block-image size-large"><img height="584" width="1200" class="wp-image-18734006414342" src="https://woocommerce.com/wp-content/uploads/2011/12/gfpa-admin-product-configuration.png" alt="Product editor showing Gravity Forms configuration with expandable settings panels" /><figcaption class="wp-element-caption">Setup is simple: choose a form, then fine-tune pricing display, calculations, entries, and advanced options.</figcaption></figure>
<h2 class="wp-block-heading">Use the full power of Gravity Forms</h2>
<p class="wp-block-paragraph">Build your product forms with the same tools you use everywhere else in Gravity Forms. Conditional logic, multi-page forms, file uploads, date pickers, address fields, calculations, conditional submit button logic — it all works. If you can build it in Gravity Forms, you can attach it to a WooCommerce product.</p>
<p class="wp-block-paragraph">Pricing fields (products, options, totals, quantity, shipping) integrate directly with the WooCommerce cart total. Standard and advanced fields (text, dropdowns, checkboxes, radio buttons, numbers, names, email, phone, file upload, list fields, and more) pass their data through to orders and emails seamlessly.</p>
<h2 class="wp-block-heading">Broad compatibility with the tools you already use</h2>
<p class="wp-block-paragraph">Gravity Forms Product Add-Ons works with the WooCommerce and Gravity Forms ecosystem — not against it:</p>
<ul class="wp-block-list">
<li><strong>Simple and variable products</strong> — Attach forms to any product type. For variable products, the form appears after a variation is selected.</li>
<li><strong>WooCommerce Subscriptions</strong> — Full support for subscription products, including proper entry handling on renewal orders.</li>
<li><strong>WooCommerce Bookings</strong> — Attach configuration forms to bookable products.</li>
<li><strong>WooCommerce Dynamic Pricing</strong> — When Dynamic Pricing is active, the real-time price calculation automatically factors in pricing rules alongside form option costs. Both extensions are built by Element Stark and are designed to work together.</li>
<li><strong>WooCommerce Bulk Variations</strong> — Attach a separate form specifically for the bulk order view. Also built by Element Stark.</li>
<li><strong>Gravity Perks Nested Forms</strong> — Compatible with Gravity Wiz nested form fields for complex multi-item configurations.</li>
<li><strong>Quick View Pro</strong> — Forms render and function correctly inside quick view modals.</li>
<li><strong>WooCommerce Cart and Checkout Blocks</strong> — Fully compatible with the modern block-based cart and checkout experience.</li>
<li><strong>High-Performance Order Storage (HPOS)</strong> — Built for WooCommerce’s current order storage architecture.</li>
</ul>
<h2 class="wp-block-heading">Structured data and SEO control</h2>
<p class="wp-block-paragraph">When your product’s base price is $0 because the real price comes from form options, Google’s structured data can display incorrect pricing. This extension lets you override the structured data price range so search engines show accurate information for your configurable products — no additional SEO plugin required.</p>
<h2 class="wp-block-heading">Built for developers who need to extend it</h2>
<p class="wp-block-paragraph">Dozens of filters and actions let you customize every aspect of the integration — cart item data, order meta display, pricing calculations, field visibility, notification behavior, validation messages, and more. Full support for Gravity Forms logging makes debugging straightforward. The codebase has been refined over 13 years of real-world store usage, and the hooks are stable and well-documented.</p>
<h2 class="wp-block-heading">See it in action</h2>
<p class="wp-block-paragraph">Browse the <a href="https://www.elementstark.com/woocommerce-extension-demos/product-category/gravity-forms/">live demo store</a> to see Gravity Forms Product Add-Ons working with pizza builders, donation forms, configurable book products, and more.</p>
<p class="wp-block-paragraph"><strong>Requirement:</strong> This extension requires the <a href="https://www.gravityforms.com/">Gravity Forms</a> plugin (any license level). Gravity Forms is sold separately.</p>
<p> </p>

Gravity Forms Product Add-ons

<p><strong data-start="83" data-end="141">Turn Gravity Forms into powerful WooCommerce products. </strong>Capture custom data, update pricing in real time, and carry every detail through cart, checkout, and orders. Trusted, proven, and the original Gravity Forms integration for WooCommerce.</p>

Product Table Builder vs Gravity Forms Product Add-ons