Set Up PH WooCommerce Product Addons
WooCommerce Product Addons by PluginHive, helps you add various options to your WooCommerce products with the help of add-ons like text, radio buttons, dropdowns, checkboxes, and many more. With these add-ons, you can easily customize your products and provide customers with a huge variety without creating multiple products.
Now let us take you through a step-by-step setup of WooCommerce Product Addons on your WooCommerce store.
Content
- Install & activate WooCommerce Product Addons plugin
- Create a WooCommerce Product Addon Group
- Assign the Product Addon Group to WooCommerce products
- Assign the Product Addon Group to WooCommerce product category
- Create Product Addons
- A quick overview of how WooCommerce Product Addon works
1. Install & activate WooCommerce Product Addons plugin
2. Create a WooCommerce Product Addon Group
WooCommerce Product Addons plugin creates a single addon group that can be used to customize multiple products in one go. This way an addon group provides a convenient way to create multiple addons and assign all of them together to a product or product category.
After installation, visit,
WooCommerce Product Addons > Settings > and click on Add New
to create a product addon group, as shown below.
3. Assign the Product Addon Group to WooCommerce products
You can assign the addon groups to single or multiple products by selecting one of the options shown below.
- Applies To
This option will allow you to select all the WooCommerce products for which this group will be applicable
- Does Not Apply To
This option will allow you to select all the WooCommerce products for which this group will not be applicable. If this option is selected, by default, the group all the remaining products
On selecting the options above, the plugin will attach the group as well as all the addons created within the group to that particular set of products.
The Product Addon Group(s) apply to all WooCommerce products, by default, if it is not assigned to any product.
On the next tab, select the WooCommerce products from the drop-down.
4. Assign the Product Addon Group to the WooCommerce product category
Similar to WooCommerce products, you can also assign the product addon group to different WooCommerce product categories by selecting the dedicated WooCommerce product category from the drop-down as shown below.
The Product Addon Group(s) apply to all WooCommerce product categories, by default, if it is not assigned to any product category.
5. Create Product Addons for your WooCommerce products
Once you have created the product addon groups and assigned these groups to the respective products, you can select from the following product addon types.
Type of Addons
Checkbox
Users can choose single or multiple options based on their preferences. Suitable for additional items or services like Gift Wrapping, Insurance, etc.
To add Checkboxes to your WooCommerce products, fill in the following fields.
- Required
Enabling this option will make the addon selection mandatory on the product page - Display price with the options
Enabling this option will display the price of each add-on option on the product page - Label
It contains the text displayed on the product page. You can use this field to either explain the addon that you have added to the product or to provide instructions on how to use the addon - Conditional Logic
It is used to define a condition based on which the addon will be displayed on the product page.
For Example – In this case, only when a customer chooses the gift wrapping option from the drop-down list, the checkbox options containing various wrapping papers should be displayed on the product page. If the customer does not select a gift-wrapping option from the drop-down, the options will not be displayed. - Description
This field is used to set a custom description for the addon
Checkbox field displayed on the product page
Radio Button
Users can choose a single option from multiple options based on their preferences. Suitable for providing choices based on Different Product Types, Gender selections, etc.
The radio button field displayed on the product page
Text
Users can input Text, Numbers, Email IDs, and Passwords using this field. Suitable for getting customer’s details like First Name, Last Name, Email ID, Age, etc.
Text field displayed on the product page
Color
Users can select any color or choose from a set of colors based on their preferences. Suitable for selecting Product Colours, Packing colours, Additional Product Component Colours, etc.
The color field displayed on the product page
Color Options
Users can select any color or choose from a set of colors based on their preferences. Suitable for selecting Product Colours, Packing colours, Additional Product Component Colours, etc.
Color Options field displayed on the product page
Date
Users can select the date from a built-in calendar on the product page. Suitable for providing Date of Birth, Event Date, etc.
Date field displayed on the product page
Telephone Number
Users can enter their telephone numbers to get additional details about their orders. Suitable for getting customers’ telephone numbers.
Telephone Number field displayed on the product page
Dropdowns
Users can select any one option from a list of options. Suitable for providing Product Size, Quantity, etc.
Drop-Down field displayed on the product page
Multi-Select Box
Users can select multiple options from a list of options based on their preferences. Suitable for providing additional services like Dining Options for Breakfast, Lunch, and Dinner.
Multi-Select field displayed on the product page
Textarea
Users can enter a custom greeting to be added to the product. Suitable for getting Greeting messages, addresses, etc.
Textarea field displayed on the product page
File Upload
Users can upload any file based on their requirements. Suitable for Images, PDF files, Text Files, Music & Media files, etc.
File Upload field displayed on the product page
Heading
Users can get more information about the product or the seller. Suitable for adding Important Product Information, Component Information, etc.
Heading field displayed on the product page
Hidden
Users do not have any control over this field. Suitable for providing Mandatory Services with an additional cost attached to them.
Hidden field displayed on the product page
Time
Users can select from a built-in time picker based on their preferences. Suitable for getting Appointment Time, Delivery & Pickup Time, etc.
Time field displayed on the product page
A quick overview of how WooCommerce Product Addon works
Business requirement – Creating a customizable t-shirt
Joe sells customizable T-Shirts. He allows his customers to choose from the options in order to create their own T-Shirt. The various options he provides are as follows,
- Size Selection.
- Color Selection.
- Custom Text(Front, Back)/ Custom Image(Front, Back).
How to create using WooCommerce Product Addons?
Create a group “T-Shirt Addon” and assign that group to the product for which you want the customers to select the extra options.
Create a Drop-down addon in order to provide the customer with the option to choose the size of the T-Shirt. Set the various size options in the options menu as shown below :
Create a Color Options addon in order to provide the customer with the option to choose the color of the T-Shirt. Set the various color options in the color options menu as shown below :
Create a Drop-Down addon to provide the customer with the option to choose the type(Custom Text/ Custom Image) of customization on the T-Shirt.
Create an Input Box addon to allow the customer to Input the Text he wants to print on the front side and backside of the T-Shirt. This Input Box will be triggered using the Conditional logic option. When the customer selects the option “Custom Text” the Input boxes will be shown as below :
Create a File Upload addon to allow the customer to provide the image they want to print on the front side and backside of the T-Shirt. This File Upload option will be triggered using the Conditional logic option. When the customer selects the option “Custom Image” the File Upload options will be shown as below.
After setting up all the controls as demonstrated above your product will look as follows :
We hope this article would have helped you set up the WooCommerce Product Addons plugin on your WooCommerce website. If you have trouble using it or need help setting it up then feel free to Contact PluginHive Customers Support. Our team should be able to help you out.