Overview

WooCommerce Extra Product Options plugin enables you to add extra product fields to your product page. You can add text, checkboxes, radio buttons, password, labels, heading, and much more on the product page.

Navigate to the WooCommerce → Extra Product Option to access the plugins settings page.

This article will guide you on how to add extra fields to your product page
along with options to customize the added product fields:

• Manage sections on a product page
• Manage fields on a product page
• Display styles
• Display rules
• Price Fields
• Custom Validators
• Confirm Validators

Manage Sections in a Product Page

Sections are a collection of multiple fields assisting you to organize your product page. WooCommerce Extra Product Option comes with only one default section which can be aligned by adding fields based on your product. It also lets you add additional sections apart from the default sections on the product page.

To learn more about sections and their configuration, see Custom Sections.

Manage Fields in a Product Page

WooCommerce Extra Product Options plugin lets you easily customize your product page by adding, editing, deleting, enabling/disabling, and rearranging fields on your product page.

This plugin also provides a lot more features that help you to:

• Set additional properties to the product fields such as default value, placeholder, max. length etc.
• Set display styles by choosing title type, title color, title class, title position, etc.
• Set display rules to show or hide fields based on certain conditions.
• Set price fields to increase or decrease the product price from the product page based on user inputs.
• Set custom validations.

To learn more about sections and their configuration, see Custom Fields.

Display Styles

Display styles are the set of properties that can be applied to fields displayed on the product page. It lets you manage the title type, title color, title position, subtitle type, subtitle color, etc. Also, the property can be used for custom styling. 

To learn more about display styles, see Display Styles.

Display Rules

Display rules are a set of conditions that can be set for sections and fields to control their display on the product page. Using this option you can easily add conditions to show or hide sections and fields on the product page.

To learn more about display rules and their configuration, see Display Rules.

Price Fields

Use price fields to increase or decrease the price based on the user input on the product page. You can choose from Fixed, Custom, Percentage on product price, Dynamic, and Dynamic - exclude base price based on the user input fields.

To learn more about price fields and their configuration, see Price Fields.

Custom Validations

A custom validation feature is used to define validation rules using Regular Expressions. All these custom validators will be available in the Validations drop-down to set validations when creating or editing product fields.

To learn more about custom validators and their configuration, see Custom Validators.

Confirm Validations

Confirm field validators come in handy while there is a particular field that is to be compared with another field to ensure they match. This feature helps to validate two fields for the same value (for example text to be printed on the cup and confirm the text to be printed on the cup) while placing an order. This validation is assigned to any particular field which will be verified and validated before placing the order.

To learn more about confirming validators and their configuration, see Confirm Validators.