How to Set Up PH WooCommerce Product Addons?

WooCommerce Product Addons by PluginHive, helps you add various options to your WooCommerce products with the help of addons like text, radio buttons, dropdowns, check-boxes, and many more. With these add-ons, you can easily customize your products and provide customers 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

  1. Install & activate WooCommerce Product Addons plugin
  2. Create a WooCommerce Product Addon Group
  3. Assign the Product Addon Group to WooCommerce products
  4. Assign the Product Addon Group to WooCommerce product category
  5. Create Product Addons
  6. A quick overview of how WooCommerce Product Addon works

1. Install & activate WooCommerce Product Addons plugin


Reference:
Please Refer For More Details – How to install a PluginHive WooCommerce 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.


Note:
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.


Note:
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 assign 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 the following fields.



  1. Required
    Enabling this option will make the addon selection mandatory on the product page
  2. Display price with the options
    Enabling this option will display the price of each add-on option on the product page
  3. 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 the instructions on how to use the addon
  4. 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 for 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.
  5. 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 Type, Gender Selection, etc.

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



Colour



Users can select any color or choose from a set of colors based on their preferences. Suitable for selecting Product Colours, Packing Colour, Additional Product Component Colours, etc. 

Color field displayed on the product page



Colour Options



Users can select any color or choose from a set of colors based on their preferences. Suitable for selecting Product Colours, Packing Colour, 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 Message, Address, etc. 

TextArea field displayed on the product page



File Upload



Users can upload any file based on the requirement. 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,

  1. Size Selection. 
  2. Colour Selection.
  3. 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.

Last Updated On May 21, 2020