This tutorial is kindly provided by the plugin developer. You can access the full plugin's documentation on this URL: https://help.themehigh.com/hc/en-us/categories/900001300603-Extra-Product-Options-
Description
The WooCommerce Extra Product Options (WooCommerce Product Addons) plugin lets you add custom product fields(19 field types) and sections to your product page, making your WooCommerce product page more functional.
Custom product addons plugin helps you to minimize the effort to efficiently showcase the products you sell. Be it a smaller or bigger store serving niches from travel to fashion. You name it!
☞ Custom Product Fields
Add advanced fields to the product page with Extra Product Options. 19 custom product fields help you to showcase a wider variety of products and options that work for almost every kind of WooCommerce store.
1. Text
2. Hidden
3. Password
4. Number
5. Email
6. URL
7. Slider/Range
8. Telephone
9. Textarea
10. Select
11. Radio Button
12. Checkbox
13. Checkbox group
14. Date Picker
15. Color Picker
16. Heading
17. Paragraph
18. Switch
19. Separator
☞ Custom Sections
Sections are used to group similar fields in a product page so that you can handle them with ease. You can create sections and display those at 2 predefined positions. They are;
1. Before add to cart button
2. After add to cart button
☞ Display Rules
Conditionally Display Fields & Sections: ‘Display Rules’ feature lets you decide when a field or section should be displayed in your product page. This feature becomes helpful for those who wish to show/hide fields and sections for certain products, categories and product tags.
☞ Display Styles
Style the fields to match with your store: You can style input fields, labels or the container itself(we call it a wrapper) by associating a CSS class from your stylesheets. Simply add the class name to input class, label class or wrapper class to style them individually.
☞ Display Of Custom Fields Values
Easily manage the display of custom fields values in different pages: You can decide to show or hide data collected from the custom product fields at certain pages. The available pages are;
- Cart page
- Checkout Page
- Order details page
☞ Modify Add To Cart Button Text
You can individually edit the add to cart button text for simple products, products having extra options and variable products.
☞ Multiple Themes Compatibility
The plugin is compatible with the major themes like Divi, Sydney, Astra, Hestia, Avada etc.
☞ Custom Hooks
The plugin is most developer-friendly so that you can easily add more functionalities if needed with our hooks.
☞ More Features
Apart from these wonderful features, Extra Product Options for WooCommerce provides you with flawless useability. Listed some of them below;
- Arrange the display order of sections & fields easily.
- With a single click you will be able to duplicate fields and sections
- Reset all the changes made with just a click
- Edit, Remove, Enable, or disable the extra product fields easily.
- Compatible with Loco Translate plugin.
☞ WPML Compatibility
The Extra product options plugin is WPML compatible and it lets you create product pages in multiple languages.
?? Premium Features
The premium version of Extra Product Options for WooCommerce plugin offers a wide variety of advanced features that will help you to create the finest product pages. It is equipped with all demanded features for an extra product fields plugin.
You can effortlessly define products with most-sought fields and features that are inherited from world-class WooCommerce stores. Buy Now!.
You can check out the demo for a more detailed overview of the features. Live Demo
☞ Extra 7 Field Types
The pro version has 7 more fields than the free version with advanced functional properties that enhance your product pages. The available extra fields are;
1. Multiselect
2. Time Picker
3. File Upload
4. HTML
5. Color Palette
6. Image Group
7. Date & Time Range Picker
☞ Additional Display Position For Sections
In pro version. you can add sections (fields groups) at 3 predefined positions in your WooCommerce product page. Available positions are;
1. Before Add To Cart Button
2. After Add To Cart Button
3. Before Variation Price (for variable products)
☞ Advanced Display Rules
More Conditions to Define ‘Display Rules’: In the premium version, You can display the fields conditionally based on a number of new conditions to set up the ‘Display Rules’. You will be able to control the field display easily by adding different conditions based on the following;
1. Products
2. Categories
3. Tags
4. User roles
5. Other Fields values
6. Date picker and time picker
7. Product variations
8. Product quantity
☞ Price Fields
This feature allows you to set a price for your custom product fields, and this price will be added to the product total based on the field value. This is useful when you want to collect an additional fee for your additional offerings/services. The field price can be set in different ways:
Fixed: Set a fixed price for the addon(Extra Field). This fixed amount will be added to the total product price upon selecting the addon.
Custom: A price entered by the user will be added to the product price. This will help you receive donations, tips and similar things.
Dynamic: Set the price per ‘n’ number of units. Then the addon price will be calculated for the total number units selected by the customer and added to the product price.
Percentage: Set the addon price in percentage. The specified percentage amount of the product price will be added to the product price.
Character Count: Price can be added to the product based on the number of characters the customer adds.
Custom Formula: A custom formula can be set to add additional charge to the product.
☞ Custom Validators
Custom Validator allows you to validate fields by defining rules based on regular expressions.
☞ Confirm Validators
Confirm Validator allows you to validate two fields for the same value (for example Email and Confirm Email).
For the complete list of features, Please visit Extra Product Options for WooCommerce (Custom Product Addons) plugin’s official page.
Check how it works (Live Demo)