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

<ul class="wccom-tick-list-primary">
<li>Sell Simple and Variable gift certificates.</li>
<li>Create expiring codes.</li>
<li>Let customers choose a custom delivery date.</li>
<li>Send to multiple recipients.</li>
<li>Search and edit issued gift certificates by code, sender, or recipient.</li>
<li>Log and search transactions store-wide — by code, or by customer.</li>
<li>Generate issued, used and expired amount reports.</li>
<li>Import and export gift card codes.</li>
</ul>
<hr class="wccom-product-heading__hr" />
<h2>E-gift cards, done beautifully</h2>
There’s a reason why the most successful online stores are offering digital gift cards: E-gift cards increase customer loyalty, drive more revenue, and introduce new customers to your store. Customers love them, too: Giving and receiving digital gift cards is convenient, and paying with them is fast and secure.
Meet Gift Cards — the most intuitive, lean way to sell and accept pre-paid, multi-purpose e-gift vouchers on your WooCommerce store. Not offering gift cards yet? Now is the best time to start!
<div class="aligncenter" style="margin-bottom: 3em;font-size: 95%;font-style: italic">
<figure id="attachment_7819559" aria-describedby="caption-attachment-7819559" style="width: 980px" class="wp-caption aligncenter"><img class="size-full wp-image-7819559" style="margin-bottom: 0.5em" src="https://woocommerce.com/wp-content/uploads/2020/03/gc-single-product-1.7b.png" alt="Customers love giving and receiving gift vouchers." width="980" height="1020" /><figcaption id="caption-attachment-7819559" class="wp-caption-text">Customers love giving and receiving gift cards!</figcaption></figure>
</div>
<h3>Delightful at every step</h3>
With Gift Cards, placing orders is almost instant: instead of using their credit card, returning customers can pay with funds from gift cards stored in their accounts.
<div class="aligncenter" style="margin-bottom: 3em;font-size: 95%;font-style: italic">
<figure id="attachment_7820189" aria-describedby="caption-attachment-7820189" style="width: 980px" class="wp-caption aligncenter"><img class="size-full wp-image-7820189" style="margin-bottom: 0.5em" src="https://woocommerce.com/wp-content/uploads/2020/03/gc-checkout-gateways-vs-gcs-1.7.png" alt="Probably the fastest, most secure way to pay." width="980" height="1373" /><figcaption id="caption-attachment-7820189" class="wp-caption-text">Probably the fastest, most secure way to pay.</figcaption></figure>
</div>
This extension makes it simple for existing customers to:
<ul class="wccom-tick-list-secondary">
<li>add gift certificates to their account for later use; and</li>
<li>check their total balance.</li>
</ul>
It’s a win-win deal: Your customers enjoy the convenience and security of a digital wallet that’s integrated with your store, while you reap the benefits of increased loyalty and retention. To keep things simple for new customers, the extension preserves the ability to apply gift card codes right before placing an order — just like coupons.
<div class="aligncenter" style="margin-bottom: 3em;font-size: 95%;font-style: italic">
<figure id="attachment_5572568" aria-describedby="caption-attachment-5572568" style="width: 980px" class="wp-caption aligncenter"><img class="size-full wp-image-5572568" style="margin-bottom: 0.5em" src="https://woocommerce.com/wp-content/uploads/2020/03/gc-account.png" alt="From checkout to account management, every feature has been designed to make your customers feel right at home." width="980" height="966" /><figcaption id="caption-attachment-5572568" class="wp-caption-text">From checkout to account management, every feature has been designed to make your customers feel right at home.</figcaption></figure>
</div>
<h3>Suitable for every occasion</h3>
Make it easier for those looking for a convenient, personalized gift to shop from you! Give your most loyal customers another reason to return, and let them introduce new customers to your store.
This extension includes the features that your customers value the most. With Gift Cards, they can:
<ul class="wccom-tick-list-secondary">
<li>Choose a delivery date in the future.</li>
<li>Send a personal message to the recipient.</li>
<li>Add multiple recipients.</li>
<li>Choose a gift card variation to suit the occasion.</li>
</ul>
<div class="aligncenter" style="max-width: 600px;margin-bottom: 3em;font-size: 95%;font-style: italic">
<figure id="attachment_7820212" aria-describedby="caption-attachment-7820212" style="width: 980px" class="wp-caption aligncenter"><img class="size-full wp-image-7820212" style="margin-bottom: 0.5em" src="https://woocommerce.com/wp-content/uploads/2020/03/gc-email-shaded-1.7.png" alt="Gift vouchers encourage customers to spend more than they might otherwise." width="980" height="1545" /><figcaption id="caption-attachment-7820212" class="wp-caption-text">Did you know that digital gift vouchers encourage customers to spend more than they might otherwise?</figcaption></figure>
</div>
<h3>Just as good under the hood</h3>
The Gift Cards extension comes with management and reporting features that let you keep track of every issued code:
<ul class="wccom-tick-list-secondary">
<li>Search, view and edit gift certificates by sender, or recipient.</li>
<li>Drill down into detailed transaction logs.</li>
<li>Generate balance reports for issued, purchased, and expired codes.</li>
</ul>
<div class="aligncenter" style="margin-bottom: 3em;font-size: 95%;font-style: italic">
<figure id="attachment_8405530" aria-describedby="caption-attachment-8405530" style="width: 980px" class="wp-caption aligncenter"><img class="size-full wp-image-8405530" src="https://woocommerce.com/wp-content/uploads/2020/03/gc-analytics-used.png" alt="Drill down into detailed usage analytics, and generate issued and expired amount reports." width="980" height="479" /><figcaption id="caption-attachment-8405530" class="wp-caption-text">Drill down into detailed usage analytics, and generate issued and expired amount reports.</figcaption></figure>
</div>
<h3>Built by the book</h3>
Pre-paid gift certificates are a form of payment, and shouldn’t be treated like coupons. Start with the extension that gets them right, and your accounting team will thank you!
<div class="aligncenter" style="margin-bottom: 3em;font-size: 95%;font-style: italic">
<figure id="attachment_7819587" aria-describedby="caption-attachment-7819587" style="width: 980px" class="wp-caption aligncenter"><img class="size-full wp-image-7819587" style="margin-bottom: 0.5em" src="https://woocommerce.com/wp-content/uploads/2020/03/gc-list-table-1.7.png" alt="Keep track of every issued code." width="980" height="649" /><figcaption id="caption-attachment-7819587" class="wp-caption-text">Keep track of every issued code.</figcaption></figure>
</div>
Want to let customers enter a custom amount on purchase? The extension works flawlessly with <a href="https://woocommerce.com/products/name-your-price/">Name Your Price</a> — the most popular, robust WooCommerce extension for letting customers decide what to pay.
<div class="woo-sc-box normal">The extension has been designed and optimized for selling <a href="https://woocommerce.com/document/gift-cards/store-owners-guide/#understanding-gift-cards">pre-paid, multi-purpose gift card codes</a> that customers can digitally redeem at your store. Looking for a way to sell physical vouchers for in-store redemption? Have a look at <a href="https://woocommerce.com/products/pdf-product-vouchers/" target="_blank" rel="noopener noreferrer">PDF Product Vouchers</a>.</div>

Gift Cards

Offer prepaid digital gift cards that customers can redeem online.

Product Input Fields vs Gift Cards