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

  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.


product addon group

product addon group

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.


Assign-the-Product

  • 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.


Assign-the-Product

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.

Assign the Product Addon Group to the WooCommerce 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


Create Product Addons for your WooCommerce  products

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.


Create Product Addons for your WooCommerce  products

  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 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 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.
  5. Description
    This field is used to set a custom description for the addon

Checkbox field displayed on the product page


Checkbox field displayed on the product page

Radio Button


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


Radio Button field displayed on the product page

Text


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


Text field displayed on the product page

Color


Colour

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 field displayed on the product page
Color field displayed on the product page

Color Options


Colour 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


Color Options field displayed on the product page

Date


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


Date field displayed on the product page

Telephone Number


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


Telephone Number field displayed on the product page

Dropdowns


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


Drop-Down field displayed on the product page

Multi-Select Box


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


Multi-Select field displayed on the product page

Textarea


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


TextArea field displayed on the product page

File Upload


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


File Upload field displayed on the product page

Heading


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


Heading field displayed on the product page

Hidden


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


Hidden field displayed on the product page

Time


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


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. Color 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.


How to create using WooCommerce Product Addons?

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 : 


Drop-down addon

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 : 


Color Options addon

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.


Drop-Down addon

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 : 


Input Box addon
Input Box addon

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. 


File Upload addon
File Upload addon

After setting up all the controls as demonstrated above your product will look as follows : 


How-WooCommerce-Product-Addon-works

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.