How to show related products in an Upsell Popup when you click the "Add to Cart" button in the shop

Learn how to display the related products in Popup when the "Add to Cart" button is clicked.

PreviousHow to provide a discount on the Cart through the Cart Add-on campaign NextHow to show Discount coupon for next order purchasable items (Next Order Coupon campaign)

Last updated 3 months ago

How to show related products in an Upsell Popup when you click the "Add to Cart" button in the shop

Learn how to display the related products in Popup when the "Add to Cart" button is clicked.

Introduction

In this scenario, when a customer adds products to their cart, the system will instantly show related products on a popup once the "add to cart" button is clicked. This could motivate customers to buy additional items, potentially boosting sales.

To create a campaign, follow the below steps

Creating a Campaign

Go to the WordPress dashboard -> UpsellWP -> click on the “Create New Campaign” button.
Choose “Upsell popups”

Here is the screenshot of the campaign that follows,

Details of the configuration,

Step 1: Give a title for the campaign, for example, Upsell popups

Step 2: Choose the triggers as “After products added to cart” as we are showing the popup once the Add to Cart button is clicked.

You can also choose the option “Proceed to checkout” as that might show the popup once the Proceed to Checkout button is clicked.

Step 3: Choose the product suggestion method as “Use related products” since we are displaying the related products based on the products that have been added to the cart.

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 5: Click on “SAVE” once we have successfully created the campaign.

Now, as soon as the customer clicks on the “Add to Cart” button, they’ll see the related products displayed in the popup screen.

Here is the screenshot of the Popup page showing the related products,

Some of the above discussed scenarios require PRO

PreviousHow to provide a discount on the Cart through the Cart Add-on campaign NextHow to show Discount coupon for next order purchasable items (Next Order Coupon campaign)

Last updated 3 months ago

Introduction

To create a campaign, follow the below steps

Creating a Campaign

Go to the WordPress dashboard -> UpsellWP -> click on the “Create New Campaign” button.
Choose “Upsell popups”

Here is the screenshot of the campaign that follows,

Details of the configuration,

Step 1: Give a title for the campaign, for example, Upsell popups

Step 2: Choose the triggers as “After products added to cart” as we are showing the popup once the Add to Cart button is clicked.

You can also choose the option “Proceed to checkout” as that might show the popup once the Proceed to Checkout button is clicked.

Step 3: Choose the product suggestion method as “Use related products” since we are displaying the related products based on the products that have been added to the cart.

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 4: You can also add for the Campaign (if required).

Step 5: Click on “SAVE” once we have successfully created the campaign.

Now, as soon as the customer clicks on the “Add to Cart” button, they’ll see the related products displayed in the popup screen.

Here is the screenshot of the Popup page showing the related products,

Some of the above discussed scenarios require PRO

If you need any assistance, please create a in our ticket system. We are always happy to assist you :)