Add custom fields and extra options to your products using WooCommerce product addons. Set up flexible field types, conditional logic, and dynamic pricing to offer personalized product customization.
Installation
↑ Back to topTo start using a product from WooCommerce.com, you can use the “Add to store” functionality on the order confirmation page or the My subscriptions section in your account.
- Navigate to My subscriptions.
- Find the Add to store button next to the product you’re planning to install.
- Follow the instructions on the screen, and the product will be automatically added to your store.
Alternative options and more information at:
Managing WooCommerce.com subscriptions.
Configuration
↑ Back to topAfter you have installed and activated the Product Addons and Extra Options Woo extension,
Go to WooCommerce > Settings > Products > Product Addons tab to configure the following settings.
Note: Please read the whole documentation as different types of fields have different options.
In the Product Addons tab, you can create and manage multiple rules. To add new rule, click on the Add New button to configure the following:
- Rule Status: Option to enable or disable the rule.
- Rule Name: Set the name of the rule.
- Sort Order (Display Order): Set rule priority according to which fields of the rule are displayed first.
- Show Options Price: Select option price displayed with product price or separately.
- Applied to: Apply this rule for specific products or for specific categories.
- Choose Products / Categories: Choose products or categories according to the above selection.
To add a field, click on a Add new Option button and configure the following.
Here we have selected a text field. After that, we will show you multiple options fields, which have different options.
- Title: Set the title of the field
- Input Type: Select field type from 19 types of fields available.
- Is Required: Make the field mandatory or optional.
- Display Order: Set the sort order of the field.
- Show Options to: Show field for specific user roles.
- Help Tip: Write text to display a tooltip in front of the field.
- Limit Total Selections(Optional): Select this option to manage the stock of product options. You can display and manage the stock for different fields, i.e., dropdown, Image radio buttons, radio buttons, checkbox, multiselect, and color button.
- Stock reminder Message: Upon enabling the limit total selection, you can display the stock quantity reminder with the help of a short code {stock}.
- Conditional Logic: Apply conditional logic for a field,d e.g., show or hide a field based on a condition.
- Price: Set the price of the field. Leave the field empty if you don’t want to charge a price.
- Price Type: Set a fixed or percentage price type.
- Max Characters: Max character limit for the field. (It is only available for text fields.)
- Hide from Cart and Checkout Page: Option to hide the field on cart and checkout pages.
- Hide From Order Detail: Checkbox option to hide the field on the order detail page.
- Enable Price per Character: Set price per character for the field.
- Multiple Price by Quantity: Select this to multiply the price of the addon based on quantity.
How to add a multiple options field?
↑ Back to topFollow the same steps as above. Click on the Add New Option button. Choose the field type as a dropdown. It will allow you to add multiple option which works as a dropdown. Here are the additional options you will get.
- Title: Set the title of the option
- Price: Choose the price of the addon.
- Price Type: Select the type of pricing for the field.
- Display Order: Set the display order of specific options. (It is sorting order between the options).
If you select the radio button, checkbox, or image radio buttons, it will show slightly different options.
By selecting the image radio button and the checkbox, you will see two additional options, i.e., radio or checkbox image and product Image.
- Radio Image: Upload the image to display radion button images swatch. You can also upload it for a checkbox.
- Product Image: Upload the same image as a radio button (recommended) to display the image as a gallery when a specific option is selected.
