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

<ul class="wccom-tick-list-primary">
<li>Accept order tips, using percentage-based fees</li>
<li>Offer upsell or free services like shipping insurance, company stickers / swag, or rush handling</li>
<li>Add gift options, such as messages, gift wrap options, and gift receipts</li>
</ul>
<h2>Offer free or paid add-ons and service at checkout</h2>
<p>The WooCommerce core checkout process covers all the basics needed to place an order, but what if you want to accept tips, offer gift-wrapping, or let customers add a gift message to their order? That’s where <strong>WooCommerce Checkout Add-Ons</strong> comes in! With Checkout Add-Ons, you can <strong>add free or paid options to your checkout page</strong>. You can add several different types of fields based on your add-on type – text fields, radio buttons, file uploads, and more!</p>
<figure id="attachment_5950222" aria-describedby="caption-attachment-5950222" style="width: 620px" class="wp-caption aligncenter"><a href="https://woocommerce.com/wp-content/uploads/2014/07/woocommerce-checkout-add-ons-admin.png"><img class="size-medium wp-image-5950222" src="https://woocommerce.com/wp-content/uploads/2014/07/woocommerce-checkout-add-ons-admin.png?w=620" alt="Checkout Add-Ons admin view" width="620" height="326" /></a><figcaption id="caption-attachment-5950222" class="wp-caption-text"><em>Configuring Checkout Add-Ons</em></figcaption></figure>
<figure id="attachment_5950225" aria-describedby="caption-attachment-5950225" style="width: 620px" class="wp-caption aligncenter"><a href="https://woocommerce.com/wp-content/uploads/2014/07/woocommerce-checkout-add-ons-checkout-view.png"><img class="size-medium wp-image-5950225" src="https://woocommerce.com/wp-content/uploads/2014/07/woocommerce-checkout-add-ons-checkout-view.png?w=620" alt="Checkout Add-Ons displayed at checkout" width="620" height="533" /></a><figcaption id="caption-attachment-5950225" class="wp-caption-text"><em>Add-ons displayed at checkout</em></figcaption></figure>
<p> </p>
<h3>What can I do with Checkout Add-Ons?</h3>
<p>Checkout Add-Ons offers lots of features to let you customize your checkout experience:</p>
<ul class="wccom-tick-list-secondary">
<li>Create <strong>many custom field types</strong> to cover many different uses – text, text area, drop-downs (i.e. select fields), multi-selects, radio buttons, checkbox, multi-checkbox lists, and file uploads</li>
<li>Add option fields for <strong>add-on services and upsells</strong> (does not support inventory management)</li>
<li>Optionally <strong>add fixed-amount or percentage-based costs</strong> based on how customers interact with the field</li>
<li>Create <strong>conditional add-ons</strong> that appear or change based on factors like cart subtotal, products in the cart, or the value of another add-on</li>
<li><strong>Dynamically update order details and total</strong> at checkout as options are selected or modified</li>
<li>Supports <strong>WooCommerce Subscriptions</strong> by adding add-ons to the initial purchase and, optionally, to renewal orders</li>
<li>Compatible with <a href="https://woocommerce.com/products/woocommerce-one-page-checkout/" target="_blank" rel="noopener noreferrer">One Page Checkout</a></li>
<li>Customers can <strong>view selected add-ons</strong> from order detail pages and emails</li>
<li>Admins can <strong>sort and filter</strong> the WooCommerce > Orders page based on add-ons and their values</li>
<li><strong>Saves selected options and uploads</strong>, even if customers browse away from checkout</li>
</ul>
<h3>How to Get Started</h3>
<ol>
<li>Buy this extension 🙂</li>
<li>Download and install into your WooCommerce store</li>
<li>Create some order fields under <strong>WooCommerce > Checkout Add-ons</strong></li>
<li>That’s it! Sit back and enjoy using your shiny new checkout fields!</li>
</ol>
<div class="woo-sc-box info  info ">If you need to only add fees or add-ons when a particular product is purchased, we recommend the <a href="https://woocommerce.com/products/product-add-ons/">Product Add-ons</a> extension.</div>
<p><em>Need any more reason to buy? When you purchase a SkyVerge-developed extension, you’re getting the highest quality extensions for your WooCommerce store. Gain peace of mind by knowing that when you purchase our products, your store’s performance is as important to us as it is to you.</em></p>

Checkout Add-Ons

<p><span style="font-weight: 400">Highlight relevant products, offers like free shipping and other up-sells during checkout. </span></p>

WS Form PRO Product Custom Fields Add-Ons vs Checkout Add-Ons