<h2>Create custom fields for products using the extensive capabilities of WS Form PRO</h2>
<p><a href="https://wsform.com">WS Form PRO</a> is a powerful form development plugin for WordPress.</p>
<p>This extension allows you to create customizable products using <a href="https://wsform.com/knowledgebase_category/field-types/" target="_blank" rel="noopener noreferrer">60+ field types</a>, <a href="https://wsform.com/knowledgebase/conditional-logic/" target="_blank" rel="noopener noreferrer">conditional logic</a>, <a href="https://wsform.com/knowledgebase/repeatable-sections/" target="_blank" rel="noopener noreferrer">repeaters</a>, <a href="https://wsform.com/knowledgebase/tabs/" target="_blank" rel="noopener noreferrer">multiple steps</a> and more!</p>
<p>You can use this extension to request additional information about a product before it is added to the cart. Furthermore, it works with popular WooCommerce extensions such as QuickView, Wishlist and Dynamic Pricing.</p>
<div class="woo-sc-box normal">This extension requires you to own the <a title="WS Form PRO" href="https://wsform.com/" target="_blank" rel="noopener noreferrer">WS Form PRO</a> plugin.</div>
<h2>Example Use Cases</h2>
<ul>
<li><a href="https://woocommerce.wsform.com/product/t-shirt/" target="_blank" rel="noopener noreferrer">Interactive product configurators</a></li>
<li><a href="https://woocommerce.wsform.com/product/make-a-donation/" target="_blank" rel="noopener noreferrer">Donation or ‘name your price’ products</a></li>
<li><a href="https://woocommerce.wsform.com/product/repeatable-sections/" target="_blank" rel="noopener noreferrer">Repeatable sections of fields</a></li>
<li><a href="https://woocommerce.wsform.com/product/woocommerce-field-types/" target="_blank" rel="noopener noreferrer">Placing ‘Add to Cart’ in a desired location</a></li>
<li><a href="https://woocommerce.wsform.com/product/multi-tab/" target="_blank" rel="noopener noreferrer">Multi-step product configurators</a></li>
<li><a href="https://woocommerce.wsform.com/product/calculations/" target="_blank" rel="noopener noreferrer">Complex price calculations</a></li>
<li><a href="https://woocommerce.wsform.com/product/file-upload/" target="_blank" rel="noopener noreferrer">File uploads</a></li>
<li><a href="https://woocommerce.wsform.com/product/google-map/" target="_blank" rel="noopener noreferrer">Google maps</a></li>
<li><a href="https://woocommerce.wsform.com/product/color-swatches/" target="_blank" rel="noopener noreferrer">Color swatch selectors</a></li>
</ul>
<p>… and more! Visit the <a href="https://woocommerce.wsform.com/" target="_blank" rel="noopener noreferrer">demo website</a> to see more examples.</p>
<h2>Key Features</h2>
<ul>
<li>A fully integrated solution that fits seamlessly into your product pages</li>
<li>Assign forms to individual products, all products, product categories and tags</li>
<li>Use any <a href="https://wsform.com/knowledgebase_category/field-types/" target="_blank" rel="noopener noreferrer">WS Form PRO field type</a></li>
<li>Create dynamic product pricing by using the <a href="https://wsform.com/knowledgebase_category/field-types-ecommerce/" target="_blank" rel="noopener noreferrer">WS Form e-commerce field types</a> with real-time price updates</li>
<li>Customize the position of ‘Add to Cart’, ‘Quantity’ and other WooCommerce product page elements in your form</li>
<li>Customize the WooCommerce ‘Add to Cart’ button and price format</li>
<li><a href="https://wsform.com/knowledgebase/calculated-fields/" target="_blank" rel="noopener noreferrer">Calculated fields</a></li>
<li><a href="https://wsform.com/knowledgebase/conditional-logic/" target="_blank" rel="noopener noreferrer">Conditional logic</a></li>
<li><a href="https://wsform.com/knowledgebase/tabs/" target="_blank" rel="noopener noreferrer">Multi-step forms</a></li>
<li>Run <a href="https://wsform.com/knowledgebase/introduction-actions/" target="_blank" rel="noopener noreferrer">WS Form actions</a> when an order is paid (e.g. Send a product customization to a <a href="https://wsform.com/knowledgebase/slack/" target="_blank" rel="noopener noreferrer">Slack</a> channel, or <a href="https://wsform.com/knowledgebase/run-wordpress-hook/" target="_blank" rel="noopener noreferrer">run a WordPress hook</a>)</li>
</ul>
<h2>How it Works</h2>
<p><img class="size-full wp-image-5281625 aligncenter" src="https://woocommerce.com/wp-content/uploads/2019/10/ws_form_pro_product_add_ons_woocommerce_add_form.jpg" alt="Adding a form to a product" width="980" height="559" /></p>
<p>Adding a form to a WooCommerce product is easy! Simply click on the WS Form tab under ‘Product data’ and choose a template or choose an existing form. You can also start with a blank template and create a fully customized form for your product.</p>
<p><img class="size-full wp-image-5281627 aligncenter" src="https://woocommerce.com/wp-content/uploads/2019/10/ws_form_pro_product_add_ons_woocommerce_form_assigned.jpg" alt="Assigned form" width="980" height="385" /></p>
<p>Managing your product customization is easy. Simply click ‘Edit Form’ to make changes to your form.</p>
<p><img class="size-full wp-image-5281634 aligncenter" src="https://woocommerce.com/wp-content/uploads/2019/10/ws_form_pro_product_add_ons_woocommerce_layout_editor.jpg" alt="Layout Editor" width="980" height="615" /></p>
<p>Use the powerful features of the WS Form PRO <a href="https://wsform.com/knowledgebase/the-layout-editor/" target="_blank" rel="noopener noreferrer">layout editor</a> to edit your product customization.</p>
<p><img class=" wp-image-5281628 aligncenter" src="https://woocommerce.com/wp-content/uploads/2019/10/ws_form_pro_product_add_ons_woocommerce_fields.gif" alt="WooCommerce Fields" width="421" height="212" /></p>
<p>Use the WooCommerce field types to fully customize where product components are positioned on your product page.</p>
<p><img class="size-full wp-image-4796928 aligncenter" src="https://woocommerce.com/wp-content/uploads/2019/09/5.-T-Shirt-customization.jpg" alt="T-Shirt Customization" width="980" height="559" /></p>
<p>Create product customizations that dovetail seamlessly into your website.</p>
<p><img class="size-full wp-image-4796926 aligncenter" src="https://woocommerce.com/wp-content/uploads/2019/09/3.-Your-product-is-customized-with-the-form.jpg" alt="Multi-Tab Forms" width="980" height="559" /></p>
<p>Create multi-step product customizations using all of the features available in WS Form PRO!</p>
<p><a class="woo-sc-button custom" href="https://woocommerce.wsform.com" target="_blank" rel="noopener noreferrer">View a demo of the WS Form Product Add-Ons extension</a></p>

WS Form PRO Product Custom Fields Add-Ons

<p>Create custom fields for products with 60+ customization field types. Customize product pages with tabs, conditional logic, repeaters, calculations, multi-step and more!</p>

<p>Boost your WooCommerce store’s performance with our <strong>All-in-One Popup</strong> plugin, designed to enhance your marketing efforts and drive sales through versatile and customizable popups. Whether you’re promoting discounts, offering upsells, or capturing visitor subscriptions, our plugin provides the tools you need to create impactful popups with ease.</p>
<h3 class="wp-block-heading"><strong>Key Features</strong></h3>
<ul class="wccom-tick-list-primary">
<li><strong>Highly Customizable:</strong> Utilize blocks to design popups that integrate seamlessly with both classic and block themes, allowing for a tailored appearance and functionality.</li>
<li><strong>Advanced Display Conditions:</strong> Set specific conditions to control when and where your popups appear, targeting your audience with precision.</li>
<li><strong>Ready-to-Use Templates:</strong> Access a range of pre-designed templates via block patterns to quickly create attractive and effective popups.</li>
<li><strong>Block Theme Compatibility:</strong> Seamlessly integrates with block themes, offering additional options to enhance popup visibility and effectiveness.</li>
</ul>
<h3><a href="https://woocommerce.com/wp-content/uploads/2024/08/aio-popup-hero-2.png"><img class="alignnone wp-image-18734004077523 size-medium" src="https://woocommerce.com/wp-content/uploads/2024/08/aio-popup-hero-2.png?w=896" alt="" width="896" height="470" /></a></h3>
<h3><span style="font-family: var(--wccom-font-family-header);font-size: var(--wp--preset--font-size--paragraph-medium,18px);font-weight: 600;letter-spacing: -0.02em;color: var(--wp--preset--color--woo-text-gray,#101517)">Use Cases</span></h3>
<ul class="wccom-tick-list-secondary">
<li><strong>Showcase Promotions:</strong> Easily display marketing offers, discounts, and special deals to attract attention and drive sales.</li>
<li><strong>Upsell Opportunities:</strong> Encourage additional purchases by offering upsells when products are added to the cart.</li>
<li><strong>Visitor Engagement:</strong> Capture visitor information with subscription popups compatible with popular form plugins.</li>
<li><strong>Floating Menus:</strong> Enhance site navigation and user experience with customizable floating menus.</li>
</ul>
<h3>Advanced Options</h3>
<ul class="wccom-tick-list-secondary">
<li>Display popup on specific pages</li>
<li>Show popup exclusively to logged-in or logged-out users</li>
<li>Target users based on their geographic location</li>
<li>Schedule popups within a specific date/time range</li>
<li>Trigger popup immediately upon page load</li>
<li>Display popup when scrolling to a defined position</li>
<li>Show popup after a product is added to the cart</li>
<li>Trigger popup when the cart value reaches a specified range</li>
<li>Control display frequency to reduce the chance of repeated appearances</li>
<li>Set a delay before the popup is shown</li>
<li>Dismissible popup with customizable dismiss duration</li>
<li>Customize the dismiss button’s color and dimensions</li>
<li>Adjust popup placement and offset</li>
</ul>
<p><a href="https://woocommerce.com/wp-content/uploads/2024/08/aio-popup-hero-3.png"><img class="alignnone wp-image-18734004077527 size-medium" src="https://woocommerce.com/wp-content/uploads/2024/08/aio-popup-hero-3.png?w=896" alt="" width="896" height="470" /></a></p>
<h3 style="font-size: 1.5em;font-weight: 500">Exclusive Integration with Our Premium Themes</h3>
<p>Unlock seamless functionality and enhanced performance with our plugin, perfectly tailored for these select themes.</p>
<div class="twocol-one">
<h4><a href="https://woocommerce.com/products/cusio/" target="_blank" rel="noopener">Cusio — Fashion Store WordPress Theme for WooCommerce</a></h4>
<p><a href="https://woocommerce.com/products/cusio/" target="_blank" rel="noopener"><img class="alignnone wp-image-18734004294057 size-medium" style="border-radius: 8px" title="Accelerate Content Creation with Cusio - Extensive Library of Patterns for Engaging WooCommerce Pages" src="https://woocommerce.com/wp-content/uploads/2024/08/cusio-exclusive-thumbnail.webp?w=896" alt="Boost your online store with our powerful WooCommerce-ready WordPress theme. 100% Full-Site Gutenberg Editor integration, 70+ patterns, and easy setup – no coding required!" width="896" height="470" /></a></div>
<div class="twocol-one last">
<h4><a href="https://woocommerce.com/products/gravia/" target="_blank" rel="noopener">Gravia — Electronics Store WordPress Theme for WooCommerce</a></h4>
<p><a href="https://woocommerce.com/products/gravia/" target="_blank" rel="noopener"><img class="alignnone wp-image-18734004294056 size-medium" style="border-radius: 8px" title="Accelerate Content Creation with Cusio - Extensive Library of Patterns for Engaging WooCommerce Pages" src="https://woocommerce.com/wp-content/uploads/2024/08/gravia-exclusive-thumbnail-1.webp?w=896" alt="Sleek & Lightweight WooCommerce-ready WordPress theme for Electronics and Gadgets. 100% Full-Site Gutenberg Editor integration, 70+ patterns, and easy setup – no coding required!" width="896" height="470" /></a></div>
<h3>Simple Setup and Usage</h3>
<ol>
<li><strong>Install and Activate:</strong> Download the plugin from your WooCommerce dashboard and activate it.</li>
<li><strong>Create a Popup:</strong> Go to the “Popups” menu and click “Add New” to create a new popup.</li>
<li><strong>Customize Content:</strong> Edit the popup content using the block editor. For popup options, access the block options panel on the right side of the screen.</li>
<li><strong>Set Display Conditions:</strong> Add items such as “Product by category,” “Product by tag,” and “Single product” into the block option “Enable popup on these pages” to show additional conditions.</li>
<li><strong>Adjust Style and Placement:</strong> Customize the popup’s style, placement, and dismiss button under the “Style” tab in the block options panel.</li>
<li><strong>Publish and Test:</strong> Click “Publish” and visit your product page or any relevant page to see the popup in action.</li>
</ol>
<h3>Support</h3>
<p>If you have any questions or need assistance, our dedicated support team is here to help. We are committed to ensuring you get the most out of the plugin and enhancing your WooCommerce store’s performance. Don’t hesitate to reach out—we’re here to support you every step of the way.</p>

All-in-One Popup

<p>Boost sales with highly customizable popups featuring advanced display conditions for your WooCommerce store.</p>

WS Form PRO Product Custom Fields Add-Ons vs All-in-One Popup