Product Addons for Woocommerce – Product Options with Custom Fields

July 23, 2024

Product Addons for Woocommerce – Product Options with Custom Fields Plugin

WooCommerce Product Addons Add custom fields to your WooCommerce product page. With an easy-to-use Custom Form Builder.

A lightweight WooCommerce product addon plugin that makes adding custom fields to your WooCommerce product page simpler. With an easy-to-use custom form builder, now you can add extra product options quickly.

You can easily personalize the WooCommerce product ordering page (with custom product options or custom fields) and this extra form data submitted by customers will be shown in website backend and also will be enclosed along with the order details.

How is it useful?

For instance, if you need to collect more information from users (or customer want personalized products ) on your WooCommerce product pages like customer notes, collect numbers, dates, color themes, engrave texts for design services from your WooCommerce product page etc, all you need is this free plugin! (You can enable a lot more features like pricing options, upload field, conditional logic, image selector & color group, add logo, images etc – but these are available only in the premium version now.)

Check out our video demo on how this works:

BASIC FEATURES

πŸ‘‰ WooCommerce extra product options plugin comes with a drag and drop form builder and supports the following form elements:

πŸ”Ή Text field – A normal text input field to collect text data.

πŸ”Ή Number field – An HTML5 number input field to accept numbers.

πŸ”Ή Radio field – For selecting one option from multiple choices.

πŸ”Ή Checkbox field – For selecting more than one option.

πŸ”Ή Select field – A drop-down to choose from the available list.

πŸ”Ή Textarea field – For input details longer than a single line.

πŸ”Ή Date field – Custom Date Picker and HTML5 default date picker.

πŸ”Ή Color field (depends on the browser) – HTML5 default color picker.

πŸ”Ή Hidden field – A hidden input field for admin.

πŸ”Ή Password field – A password input text field to collect passwords.

πŸ”Ή Email field – HTML5 email field to validate correct email ID format.

πŸ”Ή Grid Layout – Two column Grid layout for fields.

πŸ”Ή Conditional Fields – Show or Hide fields based on values of other fields.

And apart from above, following HTML tags are also supported

πŸ”ΉParagraph (p) tag – To set instruction in product page using HTML paragraph tag which will accept basic HTML tags like anchor, bold, image etc.

πŸ”ΉHeader (h) tag – To set HTML header tags (h1, h2 & h3) in product the page.

DEMO – CHECK THIS OUT IN REAL

Check how woocommerce product custom options are created!

πŸ”— Front end Demo (See how it looks in the front-end website)
πŸ”— Back end Demo (Feel free to play around and see how this works in back-end)

PREMIUM FEATURES

Woocommerce custom product addons premium version is supercharged with a bunch of cool features and offered at a nominal one-time cost.

➑ GET PREMIUM VERSION NOW!

πŸ‘‰ Custom Price Fields – Woocommerce product price fields can be set for all the fields available with the plugin. The price can be a fixed value, percentage value of the product base price or based on a custom formula.

πŸ‘‰ Custom Price Formula – To calculate price using a mathematical formula based on user input value, product quantity and product base price.

πŸ‘‰ Upload Field – To collect file from users which can be images, Videos, Documents and anything that is supported by WordPress.

πŸ‘‰ Drag and Drop Upload – Create drag and drop upload field for easier upload.

πŸ‘‰ AWS S3 file upload – Upload files to aws s3.

πŸ‘‰ Multi-select Field – This allows users to make multiple selections from different choices.

πŸ‘‰ Image Selection – helps to set custom images to choose from. Admin can add as many images in the backend in any size and it can be configured to select multiple as well as a single image.

πŸ‘‰ Color Group – works the similar way the checkbox and radio groups works, it can set custom color box or circle instead of the default checkbox fields and the selected item will marked with a check mark.

πŸ‘‰ Custom Date picker – (supports for all browsers) – Date field, date and time field are available with this plugin. Users can choose the date from the custom designed calendar also can enter the value directly.

πŸ‘‰ Time Picker (supports for all browsers)- Shows a list of time slots from which user can select one.

πŸ‘‰ Custom Color picker (supports for all browser) – The user can select the color form the custom designed color picker. The value of this field will be hex color code which admin can view along with the order.

πŸ‘‰ Conditional Logic – To show or hide some fields based on the value selected for other fields. 18 type of conditions are available in this plugin.

πŸ‘‰ Google Map Place Selector – Location selector using Google Places API for suggesting the location as user types. Also user can select a location in the map provided.

πŸ‘‰ Grid/Column alignment – Now you can easily align fields inline as grid/columns.

πŸ‘‰ Tool Tip and Help Text – Help text for each field can be set, which can be shown as either tool tip or as a text alongside the label.

πŸ‘‰ Products Field – Set products as custom form fields, and customers can select the product as an addon.

And many more features…

Why WooCommerce Custom Product Addons Plugin?

βœ… 20+ Field Types
βœ… Highly Configurable
βœ… Drag & Drop form builder
βœ… UX oriented design
βœ… Award-winning Developers
βœ… Dedicated Support Team

➑ SEE ALL PREMIUM FEATURES

Why Acowebs?

At Acowebs, we own a team of expert WordPress & Shopify developers with rich experience in adopting a holistic approach towards delivering stunning UX, Woocommerce plugins ,and features with a competitive edge. We build feature-packed WordPress plugins, WooCommerce plugins and Shopify Apps with in-depth expertise in WordPress domain and high-end UX skills.

Being an award-winning software company,
We have a dedicated team of developers who focus on supercharging your E-commerce stores. Our endeavours are backed by the support and trust of 50,000+ happy customers spread over 130 countries.

Check out our other WordPress plugins here.

What our customer says:

“Had an amazing experience using this stunning plugin. They gave the most creative and optional features for product add-ons.”

“Reliable and fast support from the team is worth mentioning. The plugin is handy and greatly impressive with the support provided.”

OTHER USEFUL LINKS

πŸ”Ή Find all PRO features
πŸ”Ή Documentation
πŸ”Ή Find Our Other Plugins
πŸ”Ή Support Ticket
πŸ”Ή Facebook
πŸ”Ή Twitter
πŸ”Ή YouTube

Installation

Installing “WooCommerce Product Addons” can be done either by searching for “WooCommerce Product Addons ( Custom fields to add extra product options )” via the “Plugins > Add New” screen in your WordPress dashboard, or by using the following steps:

  1. Download the plugin via WordPress.org
  2. Upload the ZIP file through the ‘Plugins > Add New > Upload’ screen in your WordPress dashboard
  3. Activate the plugin through the ‘Plugins’ menu in WordPress

Screenshots

  1. Product addon fields preview

    Product addon fields preview

  2. Product addon fields preview gif

    Product addon fields preview gif

  3. Forms listing - Backend

    Forms listing - Backend

  4. Forms Edit view - Drag & Drop - Backend

    Forms Edit view - Drag & Drop - Backend

  5. Available fields types

    Available fields types

FAQ

Fields are showing twice in product page?

This can be due to older version of WooCommerce. Please try updating to latest version of WooCommerce.
If your WooCommerce is already up to date, the issue can be due to old WooCommerce template file included in your theme.

You can try replacing the file manually as described below or ask support from your theme vendor.

Please replace file

wp-content\themes\<your-theme>\<woocommerce template folder>\single-product\add-to-cart\variable.php 

with the one

wp-content\plugins\woocommerce\templates\single-product\add-to-cart\variable.php 

Fields are not showing in product page

Ensure you have added the forms and have assigned it correctly to the product.
If still the issues happen, Please ensure you have provide the price for the product.
Inorder to show the Woocommerce product options plugin fields, it is mandatory to have the product purchasable.
That means, it must have price set and must be in stock

Changelog

3.0.9

  • Woocommerce 9.1 Support
  • WordPress 6.6 Support
  • WCFM Marketplace Support

3.0.8

  • Woocommerce 8.8 Support
  • Bug fixes

3.0.7

  • Woocommerce 8.6 Support
  • Bug fixes

3.0.6

  • Woocommerce 8.5 Support
  • Bug fixes

3.0.5

  • Breaking Changes Ahead – for those updating from version below 3.0.0 Read more
  • Woocommerce 8.3 Support
  • Bug fixes

3.0.4

  • Breaking Changes Ahead – for those updating from version below 3.0.0 Read more
  • Woocommerce 8.2 Support
  • Bug fixes

3.0.3

  • Breaking Changes Ahead – for those updating from version below 3.0.0 Read more
  • Woocommerce 8.0 Support
  • WordPress 6.3 Support
  • Bug fixes

3.0.2

  • Breaking Changes Ahead – for those updating from version below 3.0.0 Read more
  • Option to change line item meta value format for select/radio/checkbox fields
  • Bug fixes

3.0.0

  • Breaking Changes Ahead – Plugin restructured entirely, All your custom css and custom js codes wont be working after this update – Read more
  • Updated UI for form creation
  • ReactJS based form rendering
  • New Features added
  • Conditional logic for form fields
  • 2 Column grid structure
  • Advanced Datepicker

2.7.3/4/5

  • Woocommerce custom order tables compatibility.
  • Bug Fix: Translation warning

2.7.2

  • Woocommerce 7.3.x Support

2.7.1

  • New Plugin Images
  • Woocommerce 7.1.x Support

2.7.0

  • WordPress 6.1.x Support
  • Woocommerce 7.0.x Support

2.6.9

  • Minor Bug Fix
  • Woocommerce 6.9.x Support

2.6.8

  • Minor Bug Fix

2.6.7

  • WooCommerce 6.8.x Support

2.6.6

  • WooCommerce 6.7.x Support

2.6.5

  • WooCommerce 6.6.x Support

2.6.4

  • WordPress 6.0.x Support
  • WooCommerce 6.5.x Support

2.6.3

  • Bug Fix: New filter error in order meta data

2.6.2

  • Woocommerce 6.4.x Support

2.6.1

  • Woocommerce 6.3.x Support

2.6.0

  • Bug Fix- Major Bug fix for initilal data not loading issue
  • Woocommerce 6.2.x Support

2.5.9

  • WordPress 5.9.x Support

2.5.8

  • Woocommerce 6.1.x Support

2.5.7

  • Woocommerce 6.0.x Support

2.5.6

  • Woocommerce 5.8.x Support
  • Bug Fix – ‘undefined’ constant

2.5.5

  • Woocommerce 5.7.x Support

2.5.4

  • Bug fixes – Radio field has multiple value property

2.5.3

  • WooCommerce 5.5.x Support
  • WordPress 5.8.x Support

2.5.2

  • Bug fixes – Issues on updating form with unicode contents

2.5.1

  • WooCommerce 5.4.x Support

2.4.15

  • WooCommerce 5.3.x Support

2.4.14

  • WooCommerce 5.1.x Support

2.4.13

  • WooCommerce 5.0.x Support

2.4.12

  • WooCommerce 4.9.x Support

2.4.11

  • WooCommerce 4.8.x Support
  • WordPress 5.6.x Support

2.4.10

WooCommerce 4.7.x Support
Bug fixes

2.4.9

WooCommerce 4.6.x Support
added filter for changing form render position

2.4.8

WooCommerce 4.5.x Support

2.4.7

  • Bug fix: css conflict with businessx theme

2.4.6

  • WordPress 5.5.x Support
  • WooCommerce 4.4.x Support
  • Bug fixes

2.4.5

  • WooCommerce 4.3.0 Support

2.4.4

  • WooCommerce 4.2.0 Support
  • Bug fixes

2.4.3

  • WooCommerce 4.1.0 Support

2.4.2

  • WooCommerce 4.0.1 Support

2.4.0 / 2.4.1

  • WooCommerce 4.0.0 Support
  • Performance improvement for sites which have large number of products
  • Bug fixes

2.3.10

  • WooCommerce 3.9.1 Support

2.3.9

  • WooCommerce 3.9.0 Support

2.3.8

  • Added Option to hide empty data from cart, checkout and order

2.3.6

  • Woocommerce 3.7.0 support

2.3.5

  • Woocommerce 3.6.5 support

2.3.4

  • WordPress Multi Site support

2.3.3

  • Checkbox bug iphone fixed
  • Woocommerce 3.6.2 support

2.3.1

2.3.2

  • Woocommerce 3.6.1 support
  • Bug fixes

2.3.1

  • Woocommerce 3.6 support
  • Woocommerce Subscription plugin related bug fix

2.3.0

  • WP 5.1 Support
  • Updated UI

2.2.7

  • WP 5.0.3 Support
  • Typo corrected

2.2.6

  • WP 5.0.1 Support

2.2.5

  • WP 5.0 Support

2.2.4

  • Bug fixes

2.2.3

  • PolyLang Support
  • Bug fixes

2.2.2

  • Bug Fix in duplicate form feature. While duplicating a form, field names were not unique

2.2.1

  • Bug fixes
  • Added configuration for to override global forms for product
  • Added configuration for loading forms in recency order if multiple forms are assigned to a product

2.2.0

  • WPML support
  • Form duplicate option
  • Bug fixes

2.1.3

  • added WPML support partially

2.1.2

  • Changes to language text domain
  • Language text domain has changed to woo-custom-product-addons, please ensure you haven’t lost your translations after update
  • woocommerce order again option fix
  • Required field validation message changed
  • Bug fixes

2.0.7

  • Checkbox and radio field bug fixes

2.0.6

  • changed css class for checkbox and radio
  • check box and radio styling changes
  • Bug fixes

2.0.5

  • Bug fixes

2.0.4

  • PHP 5.4.x support

2.0.3

  • Bug fixes

2.0.2

  • Fixed few bugs
  • Added Portuguese Language

2.0.1

  • Fixed few bugs

2.0.0

  • Major version change,
  • Changed post type name
  • Changed order meta keys
  • Changed form builder design
  • Added new field color
  • Fixed many bugs
  • If you have old version running, keep a database backup before upgrading to ensure old data persists

1.3.1

  • Fixed Typo

1.3.0

  • Textarea new line issue fixed

1.2.2

  • CSS fixes

1.2.1

  • Bug fixes
  • Woocomerce latest version support

1.2

  • Updated front end styles

1.0

  • 2018-01-25
  • Initial release (beta)

Details

  • Version: 3.0.9
  • Active installations: 30,000
  • WordPress Version: 4.0
  • Tested up to: 6.6.1
  • PHP Version: 7.2

Ratings


5 Stars
4 Stars
3 Stars
2 Stars
1 Stars