<h2>Create custom fields for products using the extensive capabilities of WS Form PRO</h2>
<a href="https://wsform.com">WS Form PRO</a> is a powerful form development plugin for WordPress.
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!
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.
<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>
… and more! Visit the <a href="https://woocommerce.wsform.com/" target="_blank" rel="noopener noreferrer">demo website</a> to see more examples.
<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>
<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" />
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.
<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" />
Managing your product customization is easy. Simply click ‘Edit Form’ to make changes to your form.
<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" />
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.
<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" />
Use the WooCommerce field types to fully customize where product components are positioned on your product page.
<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" />
Create product customizations that dovetail seamlessly into your website.
<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" />
Create multi-step product customizations using all of the features available in WS Form PRO!
<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>

WS Form PRO Product Custom Fields Add-Ons

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

Offer the most relevant products at the perfect time in the order process.
Description
This extension allows you to display simple products as an upsell on the cart page without interruption based on conditions you select.
Upsell Conditions:
<ol>
<li>Conditions are related to products, categories, and cart totals.</li>
<li>Compare products, product categories, OR cart totals available in the customer’s cart.</li>
<li>By default, its true if there are no conditions are selected.</li>
<li>Two rule groups are provided: the “and rule group” as well as the “or rule group.”</li>
<li>The “and rule group” acts as the AND operator. With this, all conditions must be true.</li>
<li>The “or rule group” acts as the OR operator. With this, any one condition must be true.</li>
<li>The product will be visible if both rule group conditions are true.</li>
<li>You can add one or both rule groups.</li>
</ol>
You can add multiple conditions related to products, categories, and cart totals.
For example, let’s say your condition is that the cart total is greater than $40, and that the category is apparel. The product will only appear for upsell if the customer’s cart holds items from the apparel category and the total cart value is greater than $40.
Benefits
Upsell offers help you increase your average order value. Offer the most relevant products at the perfect time in the order process.
Example:
As your customers shop, Cart Upsell monitors the items in each shopping cart. When customers start the checkout process by visiting to your cart, your upsell offer appears, encouraging customers to add the item to their order.
Features:
<ol>
<li>Fully customizable. You can set the product title, image, and colors for each product.</li>
<li>Fully Ajax functionality.</li>
<li>Fully responsive on desktop and mobile devices.</li>
</ol>
Boost Conversions with Cart Upsell
Provide the best product for upsell to your customer, based on the items they have in their cart. Just add your conditions and the product will be available for upsale when the conditions true.
<img class="alignnone size-medium wp-image-5967614" src="https://woocommerce.com/wp-content/uploads/2020/06/cart-upsell_front-view.png?w=620" alt="" width="620" height="352" />
 
Fully Customizable, Easy Installation, No Coding or Special Expertise Needed
Use our auto mode to instantly generate a color scheme that works perfectly with your theme. No messing around with complicated CSS or html.
Or customize your color scheme — we know your site is unique, and you know which colors convert the best with your customers.
Cart Upsell Settings
Ccustomize the view to make the product visible with or without conditions.
<img class="alignnone size-medium wp-image-5967616" src="https://woocommerce.com/wp-content/uploads/2020/06/cart-upsell-conditions.png?w=620" alt="" width="620" height="403" />

Cart Upsell

Offer the most relevant products at the perfect time in the order process.

WS Form PRO Product Custom Fields Add-Ons vs Cart Upsell