Product Add-Ons

Learn how to set up a Product Add-On campaign in your store using the UpsellWP for WooCommerce plugin.

Introduction:

In WooCommerce, a Product Add-On Campaign is a powerful strategy used by online store owners to increase their average order value (AOV) by encouraging customers to add complementary or related products to the product page before completing their purchase. This is achieved by offering customers enticing deals, discounts, or suggestions for additional items that enhance their shopping experience or meet their needs.

For example, Let's say you run an online electronics store, and a customer is about to purchase a high-end digital camera from your website. To implement a Product Add-On Campaign, you can offer the customer relevant add-ons that enhance their photography experience. Here's how it might work:

Primary Product: Digital Camera
Product Add-Ons: Camera Bag (10% discount)

This user guide explains creating a Product Add-on campaign using UpsellWP

Example Scenarios:

Percentage Discount: Provide a discount on the Product Add-on offer product (e.g., On the T-shirt product page 10% off on the Cap).
Free Discount: Offer the Product Add-on product for free.
No Discount: Display the Product Add-on offer on the product page without a discount.

Before proceeding, you must have installed and activated the Upsell PRO.

Get UpsellWP PRO

Example 1: Percentage Discount: Provide a discount on the Product Add-on offer product (e.g., On the T-shirt product page 10% off on the Cap).

In this scenario, when the customer opens the product page of the t-shirt they have a discount for the Cap of 10% on the product page.

Creating an offer:

Go to WordPress dashboard -> UpsellWP -> Create New Campaign -> choose “Product Add-on”

Here is the screenshot of the offer configuration that follows,

The details of the configurations are:

Step 1: Choose the Specific Product "T-shirt" in the filter section you want to display on the product page by typing a few characters of the product name.

Step 2: Choose the Product suggestion method as "Specific Product" and choose "Cap" by typing a few characters of the product name.

Options available in product suggestion methods are:

Use Related Products: With this option, we make use of WooCommerce's Related Products feature. It figures out which products are related to the one you just bought by looking at things like the same tags or categories. So, for example, if you buy a bag, after you finish your order, you'll see other bag-related products on the Thank You Page.
Use Cross-Sell Products: When you choose this option, we'll show you products that are set as "Cross-Sell" in the "Linked Products" section on the product creation page.
Use Upsell Products: When you choose this option, we'll show you products that are set as "Upsell" in the "Linked Products" section on the product creation page.
Specific Products: With this option, we can display specific products chosen here.
Use Recommendation Engine: (Doc link)

Step 3: Choose the Cart item quantity field as "Allow customer to change quantity" This allows the customer to choose the Product Add-on product quantity manually.

Step 4: Finally, set the discount type as Percentage Discount and set the value as 10%

Now, we have successfully created a Product Add-on campaign, Let's see how it works on the Product page.

Now the offered Product Add-on product has been successfully displayed on the product page. Please make sure you select the checkbox to use the offered Add-on product.

Example 2: Free Discount: Offer the Product Add-on product for free.

In this scenario, when the customer chooses a certain product we display a Product Add-on product for free.

Creating an offer:

Go to WordPress dashboard -> UpsellWP -> Create Campaign -> choose “Product Add-on”

Here is the screenshot of the offer configuration that follows,

The details of the configurations are:

Step 1: Choose the All Product in the filter section

Step 2: Choose the Product suggestion method as "Custom Product"

Options available in product suggestion methods are:

Use Related Products: With this option, we make use of WooCommerce's Related Products feature. It figures out which products are related to the one you just bought by looking at things like the same tags or categories. So, for example, if you buy a bag, after you finish your order, you'll see other bag-related products on the Thank You Page.
Use Cross-Sell Products: When you choose this option, we'll show you products that are set as "Cross-Sell" in the "Linked Products" section on the product creation page.
Use Upsell Products: When you choose this option, we'll show you products that are set as "Upsell" in the "Linked Products" section on the product creation page.
Specific Products: With this option, we can display specific products chosen here.
Use Recommendation Engine: (Doc link)

Step 3: Choose the Cart item quantity field as "Fixed quantity" and set it as 1, this allows the customer to add only one free quantity of Add-on product.

Step 4: Finally, set the discount type as Free Discount.

Here is the screenshot of the Custom Add-on product configuration that follows,

Now, that we have successfully created a Custom Add-on product, let's see how it works on the Product page.

Now the offered Add-on product has been successfully displayed on the product page. Please make sure you select the checkbox to use the offered Add-on product.

Example 3: No Discount: Display the Product Add-on offer on the product page without a discount.

In this scenario, when the customer chooses any product on the product page we offer an Add-on product for No discount.

Creating an offer:

Go to WordPress dashboard -> UpsellWP -> Create Campaign -> choose “Product Add-on”

Here is the screenshot of the offer configuration that follows,

The details of the configurations are:

Step 1: Choose the All Product in the filter section you want to display on the product page.

Step 2: Choose the Product suggestion method as "Use Related Product".

Options available in product suggestion methods are:

Use Related Products: With this option, we make use of WooCommerce's Related Products feature. It figures out which products are related to the one you just bought by looking at things like the same tags or categories. So, for example, if you buy a bag, after you finish your order, you'll see other bag-related products on the Thank You Page.
Use Cross-Sell Products: When you choose this option, we'll show you products that are set as "Cross-Sell" in the "Linked Products" section on the product creation page.
Use Upsell Products: When you choose this option, we'll show you products that are set as "Upsell" in the "Linked Products" section on the product creation page.
Specific Products: With this option, we can display specific products chosen here.
Use Recommendation Engine: (Doc link)

Step 3: Choose the Cart item quantity field as "Sync Quantity with parent product quantity". This allows the customer to sync the Add-on product quantity with the main product.

Step 4: Finally, set the discount type as No Discount.

Now, we have successfully created a Product Add-on campaign, Let's see how it works on the product page.

Now the offered Add-on product has been successfully displayed on the product page. Please make sure you select the checkbox to use the offered Add-on product.