<h2>Key Features</h2>
<ul class="wccom-tick-list-secondary">
<li style="font-weight: 400">Allow customers to share images or documents for personalized orders. 
Example: Upload a photo for a custom coffee mug design.</li>
<li style="font-weight: 400">Help shoppers pick options easily using a clean dropdown menu. 
Example: Select “Gift Wrap,” “No Gift Wrap,” or “Premium Wrap” for a gift item.</li>
<li style="font-weight: 400">Offer multiple options and let customers choose one or more. 
Example: Tick “Add Gift Packaging” or “Include Thank You Note” for a personalized gift.</li>
<li>Show or hide input fields dynamically based on values selected in other input fields like dropdowns, checkboxes, or dates, as well as product variations or categories. Works for both global and product-level input fields. 
Example: Show a text field for engraving only when the “Gift Wrap” checkbox is selected, or display a date picker for products in the “Rentals” category or a specific variation.</li>
<li style="font-weight: 400">Simplify decision-making by displaying one-click choices. 
Example: Select “Standard Size” or “Large Size” for a printed photo frame.</li>
<li style="font-weight: 400">Let customers include notes or special requests for their orders. 
Example: Add a personalized message for a birthday cake.</li>
<li style="font-weight: 400">Enable customers to visually select their preferred product color. 
Example: Pick the color for a custom phone case or t-shirt.</li>
<li style="font-weight: 400">Let customers select a range for bulk purchases. 
Example: Order between 10 and 50 personalized pens for a corporate event.</li>
<li style="font-weight: 400">Adjust options or add charges based on customer location. 
Example: Select “US Plug” or “UK Plug” for a custom electronic device.</li>
<li style="font-weight: 400">Offer date, month, or week selectors for better scheduling. 
Example: Choose a pick-up date for a custom cake order.</li>
<li style="font-weight: 400">Show the cost of each customization directly on the product page. 
Example: Add $10 for engraving a name on a bracelet.</li>
<li style="font-weight: 400">Set dynamic pricing for customizations based on selections. 
Example: Charge an extra $3 for adding a custom message to a greeting card.</li>
<li style="font-weight: 400">Show or hide input fields based on product quantity or type. 
Example: Display a bulk discount input field for orders of 20+ custom tote bags.</li>
<li style="font-weight: 400">Show customers how their customizations will look. 
Example: Display a preview of a coffee mug with the customer’s uploaded photo.</li>
<li style="font-weight: 400">Apply the same input field to multiple products or categories at once. 
Example: Add “Upload Logo” to all promotional items in a corporate gift store.</li>
<li style="font-weight: 400">Decide where input fields appear for better usability. 
Example: Place “Enter Special Instructions” at the checkout for catering services.</li>
<li style="font-weight: 400">Ensure customers know exactly what to input with descriptive field labels. 
Example: Label the input field as “Enter Your Name” for engraving.</li>
<li style="font-weight: 400">Guide customers on how to fill input fields with placeholder text. 
Example: Show “Enter text for engraving” in the text field as a placeholder.</li>
<li style="font-weight: 400">Define character limits as per the customization that can be done on the product. 
Example: Limit engraving messages to 20 characters for smaller items like rings.</li>
<li style="font-weight: 400">Control when and how fields appear based on your business requirement. 
Example: Show the “Upload Logo” field only for bulk orders of 10 or more items.</li>
<li>Add unlimited product input fields globally or per product to collect exactly the information you need.</li>
<li>Pre-fill product fields by adding details directly in the product link—perfect for sharing ready-to-order personalized products.Example: Share a link where the name and color are already filled in for a custom mug, so customers just review and buy.</li>
</ul>
<h2>Get the product customization information how you want and where you want</h2>
Product input fields for WooCommerce plugin offers 19 different field types for your product page. Each field has its own unique features, values, restrictions, and customization options to give you the flexibility in getting clear information from the users. You can choose where to place the custom fields on the page and how to style them, and you can also set additional charges for your custom input field values.
Collect Customization Details with File Upload Fields
<img class="aligncenter size-full wp-image-18734004682114" src="https://woocommerce.com/wp-content/uploads/2024/12/pif1.png" alt="" width="980" height="595" />
 
Streamline Choices with Dropdown Fields
<img class="aligncenter size-full wp-image-18734004682133" src="https://woocommerce.com/wp-content/uploads/2024/12/dropdown.png" alt="" width="980" height="634" />
 
Enable Simple Selection with Checkboxes
<img class="aligncenter size-full wp-image-18734004682119" src="https://woocommerce.com/wp-content/uploads/2024/12/checkbox.png" alt="" width="980" height="650" />
 
Provide Clear Options with Radio Buttons
<img class="aligncenter size-full wp-image-18734004682120" src="https://woocommerce.com/wp-content/uploads/2024/12/radio-button.png" alt="" width="980" height="543" />
 
Add Personal Touches with Text Fields
<img class="aligncenter size-full wp-image-18734004682128" src="https://woocommerce.com/wp-content/uploads/2024/12/text-field.png" alt="" width="980" height="499" />
 
Choose Colors with a Color Picker Field
<img class="aligncenter size-full wp-image-18734004682118" src="https://woocommerce.com/wp-content/uploads/2024/12/colorpicker.png" alt="" width="980" height="476" />
Conditional Logic to Show or Hide Input Fields Dynamically
<a href="https://woocommerce.com/wp-content/uploads/2024/12/Set-Input-Fields-for-Multiple-Products.png"><img class="aligncenter wp-image-18734006483099 size-full" src="https://woocommerce.com/wp-content/uploads/2024/12/Set-Input-Fields-for-Multiple-Products.png" alt="" width="1920" height="1080" /></a>
 
Simplify Bulk Orders with Range Fields
<img class="aligncenter size-full wp-image-18734004682136" src="https://woocommerce.com/wp-content/uploads/2024/12/flat-fee-range.png" alt="" width="885" height="464" />
Customize Regionally with a Country Selector Field
<img class="aligncenter size-full wp-image-18734004682140" src="https://woocommerce.com/wp-content/uploads/2024/12/choose-location1.png" alt="" width="952" height="868" />
Let Customers Plan Ahead with a Date Picker
<img class="aligncenter size-full wp-image-18734004682142" src="https://woocommerce.com/wp-content/uploads/2024/12/datepicker.png" alt="" width="980" height="599" />
Add Pricing Details to Input Fields
<img class="aligncenter size-full wp-image-18734004682147" src="https://woocommerce.com/wp-content/uploads/2024/12/pricing-fields-after-entering-text.png" alt="" width="980" height="694" />
Use Conditional Pricing Rules
 
<a href="https://woocommerce.com/wp-content/uploads/2024/12/Use-Conditional-Pricing-Rules.png"><img class="aligncenter wp-image-18734006483102 size-full" src="https://woocommerce.com/wp-content/uploads/2024/12/Use-Conditional-Pricing-Rules.png" alt="" width="1920" height="1080" /></a>
Use Conditional Fields for Clarity
<img class="aligncenter size-full wp-image-18734004682186" src="https://woocommerce.com/wp-content/uploads/2024/12/quantity-based-input-fields-visibility.png" alt="" width="980" height="603" />
Preview Customizations with Images
<img class="aligncenter size-full wp-image-18734004682190" src="https://woocommerce.com/wp-content/uploads/2024/12/preview-images.png" alt="" width="980" height="781" />
Set Input Fields for Multiple Products
<a href="https://woocommerce.com/wp-content/uploads/2024/12/Set-Input-Fields-for-Multiple-Products-1.png"><img class="aligncenter wp-image-18734006483103 size-full" src="https://woocommerce.com/wp-content/uploads/2024/12/Set-Input-Fields-for-Multiple-Products-1.png" alt="" width="1920" height="1080" /></a>
Choose Field Placement on Product Pages
<a href="https://woocommerce.com/wp-content/uploads/2024/12/Choose-Field-Placement-on-Product-Pages.png"><img class="aligncenter wp-image-18734006483104 size-full" src="https://woocommerce.com/wp-content/uploads/2024/12/Choose-Field-Placement-on-Product-Pages.png" alt="" width="1920" height="1080" /></a>
 Add Clear Field Labels for Better Customer Understanding
<a href="https://woocommerce.com/wp-content/uploads/2024/12/Add-Clear-Field-Labels-for-Better-Customer-Understanding.png"><img class="aligncenter wp-image-18734006483108 size-full" src="https://woocommerce.com/wp-content/uploads/2024/12/Add-Clear-Field-Labels-for-Better-Customer-Understanding.png" alt="" width="1920" height="1080" /></a>
Use Placeholders to Prompt Action
<img class="aligncenter size-full wp-image-18734004682201" src="https://woocommerce.com/wp-content/uploads/2024/12/placeholder_c61e62.png" alt="" width="980" height="513" />
Set Max Length for Custom Input Fields
<a href="https://woocommerce.com/wp-content/uploads/2024/12/Set-Max-Length-for-Custom-Input-Fields.png"><img class="aligncenter wp-image-18734006483109 size-full" src="https://woocommerce.com/wp-content/uploads/2024/12/Set-Max-Length-for-Custom-Input-Fields.png" alt="" width="1920" height="1080" /></a>
Apply Conditions and Restrictions to Input Fields
<a href="https://woocommerce.com/wp-content/uploads/2024/12/Apply-conditions-and-restrictions-2.png"><img class="aligncenter wp-image-18734006483112 size-full" src="https://woocommerce.com/wp-content/uploads/2024/12/Apply-conditions-and-restrictions-2.png" alt="" width="1920" height="1080" /></a>
Add an Unlimited Number of Global or Local Input Fields
<a href="https://woocommerce.com/wp-content/uploads/2024/12/Add-an-Unlimited-Number-of-Global-or-Local-Input-Fields-1.png"><img class="aligncenter wp-image-18734006483113 size-full" src="https://woocommerce.com/wp-content/uploads/2024/12/Add-an-Unlimited-Number-of-Global-or-Local-Input-Fields-1.png" alt="" width="1920" height="1080" /></a>
 
<h2>Product Input Fields Free Vs Premium – Full Feature Comparison</h2>
<img class="aligncenter size-full wp-image-18734004898040" src="https://woocommerce.com/wp-content/uploads/2024/12/1pif.jpeg" alt="" width="980" height="1538" />

Product Input Fields

Add 19 different custom fields to the WooCommerce product page and let your shoppers customize products by uploading images, texts, files, colors, and many more.

<h2>For a shopping experience as unique as your customers</h2>
From adding a personal engraving, to upgrading to premium fabric, customizing products can keep your customers coming back. With Product Add-Ons, you can offer special options to your customers in a snap.
Product Add-Ons allow your customers to personalize products while they’re shopping on your online store. No more follow-up email requests—customers get what they want, before they’re done checking out.
<img class="alignleft wp-image-18734005148655 size-full" src="https://woocommerce.com/wp-content/uploads/2013/05/woocommerce_product-addons_single-product-addon-example.png" alt="" width="1822" height="886" />
 
Add options via text boxes, dropdowns, text areas, checkboxes, custom price inputs, even sample images. Add-ons can be added globally or per-product from the edit product page.
<h2>Give your customers the options they want</h2>
Product Add-Ons is one of the most popular extensions available for WooCommerce. It gives you and your customers even more options, including (but definitely not limited to):
<h3>Image-based selections</h3>
<img class="alignnone size-large wp-image-18734005148756" src="https://woocommerce.com/wp-content/uploads/2013/05/woocommerce_product-addons_single-product-images.png?w=980" alt="WooCommerce Product Add-ons, image-based product add-on selection." width="980" height="741" />
A picture is worth a thousand words, so why describe a customer’s personalization options when you can show them? With image-based selections, customers can see what they’re getting before they buy.
<h3>Flat fees</h3>
<img class="aligncenter size-large wp-image-18734005148960" src="https://woocommerce.com/wp-content/uploads/2013/05/woocommerce-product-addons_example-gift-options-configured-1.png?w=980" alt="" width="980" height="536" />
Charge customers a flat fee regardless of how many products they ordered. Perfect for a one-time set-up charge or a rush fee.
<h3>Percentage fees</h3>
Charge a fee for the add-on based on a percent of the total price—this is especially useful for service-based add-ons that can be tougher to boil down to a flat fee.
<h3>Text input</h3>
Let your customers enter custom text to create a custom t-shirt, add a monogram or personalize a card.
<h3>Dropdown</h3>
Customer can choose between a few pre-defined options with a drop-down field for your add-on.
Checkboxes
<img class="aligncenter size-large wp-image-18734005148765" src="https://woocommerce.com/wp-content/uploads/2013/05/woocommerce_product-addons_single-product-gift-options.png?w=980" alt="An example of checkbox-based options for Product Add-ons." width="980" height="749" />
Make customization as simple and satisfying as checking a checkbox. Great for add-on services, like gift wrapping or express shipping.
<h3>Custom price</h3>
Let your customers name their price, perfect for tips, donations, and gratuities!
Add-ons can be named, described, reordered, and (optionally) given prices.
The extension also works with:
<ul class="wccom-tick-list">
<li><a href="https://woocommerce.com/products/woocommerce-subscriptions/">WooCommerce Subscriptions</a> – add additional options to subscription products.</li>
<li><a href="https://woocommerce.com/products/woocommerce-bookings/">WooCommerce Bookings</a> – offer upgrades like an oil treatment for a massage, priority seats for their tour or a rush fee for their rental.</li>
</ul>
Once set up, add-ons appear on product pages just above the add to cart button.
Ready to increase your store’s flexibility? Start using Product Add-Ons today.

Product Add-Ons

Offer add-ons like gift wrapping, special messages or other special options for your products.

Product Input Fields vs Product Add-Ons