How to Add the Product Add-ons in WooCommerce?

Step by step free tutorial, with clear screen-shots

Before we get started, we seriously tell you that

  1. This step-by-step tutorial is very easy to understand and practical for beginners;
  2. The method we adopt based on the Booster Plus which is an all in one custom plugin for WooCommerce
  3. Click Images to zoom;
  4. We’ve prepared demo of Booster plus for you to testing, its free.

Now, let’s go!

Step 1 Enable the Product Add-on Module

Enable this module from the backend of the booster plus like the below screenshot shows;

You can enable it for each product or for all products

Just make 3 clicks like above , and then click save button, now you have finished step 1.

Step 2 Finish the content

Open any product edit page, edit the product addons like the below image shows, save and update the product.

how to use the booster plus product addon option
only set the product extra options
  • Set the “Enable” to yes to active the product addon module for the current product;
  • 4 types add-on types available
    • Checkbox
    • Radio Button like this page shows, you can custom labels, additional cost, and tooltip content, like we did in this page;
    • Select Box / Dropdown, custom labels, and additional cost supported,
    • Text
  • Addons Title editable;
  • Editable Placeholder, Default Value, and even HTML Class supported if you need it;
  • You can set the product addon option is required or not;

One More Thing

Beside the 4 types addons type listed above ,

the Input fields, Date Picker, Info block and upload docs for products page also available,  but in other modules;

They works togather seamlessly.

Step 3 Check the Product Front-end

That’s all, could not be easier, right?

Expand Contents

1. Beside on the product page, where the addons labels will shows?

The product addons label will be added to the order table automatically, means to anypage where exist order tables, like

  1. Cart page
  2. Checkout page;
  3. order-receiving page/thank you page;
  4. Admin order manages page
  5. Email
  6. PDF Invoice.
Click to Zoom
Click to Zoom

2. Skills share

You can customize the price format in the addons option interface (step 1), e.g. the “+”  before extra money, (it is not set at the addons price field);

At last

The “Product Addons” is just 1 of small part in the WooCommerce booster;

There are more than 110 models, allow you dominate almost everything of the WooCommerce shop.

It is a must-have WooCommerce plugin if you really want to sell products online.

Alternative Product addon Plugins

WooCommerce Product Add-Ons Ultimate  is also an awesome tool to personalize your product options, it

  • offers 16 add-on field types, including checkboxes, dropdowns, text fields, field image, other product as the son addons,
    Advanced features like conditional logic
  • Visual interface like WYSIWYG effect.

Suggest buying the pro version to get all features, although the price is not low.

The Swiss Army Knife for Woo-commerce Custom

Free Consultation