Pro Buy X, Get Y

The Buy X, Get Y module lets you create BOGO (Buy One, Get One) type offers in your WooCommerce store.

In a BOGO type offer, you offer a discount on Product Y when a customer buys Product X in a certain quantity. For example, if they buy 3 items of Product X, they get 1 item of Product Y 50% off.

With Merchant Pro, you can create both percentage-based and fixed discounts.

You can include all products, one or more product categories, or one or more individual products in the offer, meaning that:

• If you add all products, the offer will show up on all product pages.
• If you add product categories, the offer will show up only for products that belong to those categories.
• If you add it to individual products, it will only show up for those products.

Merchant Pro allows you to create as many ‘Buy X, Get Y’ offers as you want.

In the screenshot below, you can see an example of a percentage-based offer on a WooCommerce product page:

When the customer clicks the Add To Cart button, the entire bundle (in the example above, the six products) appears on the Cart page.

As you can see below, Merchant Pro applies the discount to Product Y:

You also have the option to add an upsell for a Buy X, Get Y offer to the Cart, Checkout, and Thank You pages (see below how cart upsells work in Merchant).

In the screenshot below, you can see an example of a cart upsell:

You can also create a ‘Buy One, Get One Free’ offer with the module by setting the discount value to 100%:

Below, we’ll see how you can configure and enable Merchant Pro’s Buy X, Get Y module on your WordPress site.

1. Open the Buy X, Get Y Module

First, open your Merchant dashboard by clicking the Merchant menu in the left sidebar of your WordPress admin area.

Find the Boost Revenue section, and click the Buy X, Get Y module to open its settings page:

2. Create and Configure Your First Buy X, Get Y Offer

You can create the offers one by one on the admin page of the Buy X, Get Y module.

To create a new offer, click the Add New Offer button in the Offers section:

Once the Campaign section appears on the screen, open its settings, and configure each option:

• Offer name – This is the name of your offer. It will show on your website after a shopper adds the offer to their cart, for example ‘Shirt + Sunglasses Offer has been added to your cart.’
• Trigger – This field refers to Product X. Here, you need to add the products you want to include in the offer; the available options are:
  • All products – The offer will be shown for all of your products. You can exclude specific products using the Exclude Products option and product categories using the Exclude Categories option.
  • Specific products – You can use real-time search to add one or more individual products to this offer.
  • Specific categories – You can select the product categories you want to include from a dropdown list. You can exclude products using the Exclude Products option.
• Quantity – The minimum quantity of Product X a customer needs to purchase to get the offer.
• Customer Gets – This field refers to Product Y. You can use real-time search to add the product you want to offer at a discount.
• Display the offer on all products in the bundle:
  • When this option is toggled off, Merchant Pro only shows the Buy X, Get Y module for the trigger product(s) (a.k.a. Product(s) X).
  • When it’s toggled on, the module is shown for all products in the bundle, including Product(s) X and Product Y.
• Quantity – The quantity of Product Y the customer gets at a discount if they purchase Product X in the required quantity.
• Discount Type – Here, you can choose between a Percentage Discount and a Fixed Discount. You can also define how much discount you want to give to your customers:
  • In the case of a percentage discount, you define the discount in percentage (e.g. 10%).
  • In the case of a fixed discount, you define it in the currency of your WooCommerce store (e.g. $10). You can change the currency of your store by going to WooCommerce > Settings > General > Currency options > Currency.
• User Condition – This option allows you to select the users or user groups who get access to this offer. The available options are All Users, Selected Users, and Selected Roles.
• Product Single Page – This panel includes multiple options. They allow you to configure how this offer will appear on the single product pages. We’ll detail each option of the panel below.
• Cart Page – This panel includes four options. They allow you to enable and configure a cart upsell for this offer. We’ll detail each option of the panel below.
• Checkout Page – This panel includes five options. They allow you to enable and configure a checkout upsell for this offer. We’ll detail each option of the panel below.
• Thank You Page – This panel includes five options. They allow you to enable and configure a post-purchase upsell for this offer. We’ll detail each option of the panel below.

i. Configure the Product Single Page Settings

The Product single page feature is activated by default, which means that this offer will automatically appear on the relevant WooCommerce product pages.

You can customize its appearance and behavior (or deactivate it) by opening the panel and configuring its settings:

• Status – Here, you can activate or deactivate the offer on your single product pages. The available options are Inactive and Active.
• Placement on product page – Here, you can choose whether you want to show this ‘Buy X, Get Y’ offer before or after the add to cart button on the product pages.
• Offer title – This is the title of the offer that Merchant Pro will show for your customers on the product pages (default value: ‘Buy One Get One‘).
• Buy label – This is the label that will be shown above Product X on the product pages. You can use the {quantity} variable which dynamically pulls the value of the Quantity field of this offer (default value: ‘Buy {quantity}’).
• Get label – This is the label shown above Product Y on the product pages. You can use the {quantity} and {discount} variables which dynamically pull the values of the Quantity and Discount Type fields of this offer (default value: ‘Get {quantity} with {discount} off’).
• Button text – Here, you can customize the label on the add-to-cart button that appears below the offer (default value: ‘Add to cart’).
• Font weight – Here, you can change the font weight of this offer. The available options are Light, Normal, and Bold.
• Font size – Here, you can use a range slider to change the font size of this offer (default value: 16px).
• Title text color – This is the color of the title of the offer (default value: #212121).
• Label background color – This is the background color of the buy and get labels (default value: #d61313).
• Label text color – This is the text color of the buy and get labels (default value: #ffffff).
• Arrow background color – Here, you can customize the background color of the arrow icon that’s shown between Product X and Product Y (default value: #d61313).
• Arrow text color – Here, you can customize the color of the arrow icon that’s shown between Product X and Product Y (default value: #ffffff).
• Offer border color – This is the border color of the offer (default value: #cccccc).
• Offer border radius – Here, you can use a range slider to set a border radius for this offer (default value: 5px).

ii. Customize Your Cart Upsell on the Cart Page

The cart upsell feature is activated by default. You can deactivate or customize it by opening the Cart page panel and configuring the following settings:

• Status – Here, you can activate or deactivate the cart upsell feature for this offer. The available options are Inactive and Active.
• Offer title – This is the first part of the call-to-action message. It shows up above the product thumbnail image and product name. You can use the {offer_quantity} variable, which dynamically adds the quantity of Product Y that the customer can purchase at a discount (default value: ‘You are eligible to get {offer_quantity}x’).
• Discount text – This is the second part of the call-to-action message. It shows up below the product name. You can use the {discount} variable, which automatically adds the discount value that the customer qualifies for (default value: ‘with {discount} off’).
• Button text – This is the label on the CTA button (default value: ‘Add To Cart’).

iii. Show a Checkout Upsell on the Checkout Page

You can show the Buy X, Get Y module on the Checkout page, too, which creates a checkout upsell that your customers can take leverage of before completing the checkout process. You can activate the feature and configure its settings in the Checkout Page section.

You have access to the following options:

• Status – Here, you can activate or deactivate the checkout upsell feature for this offer. The available options are Inactive and Active (it’s deactivated by default).
• Placement – This option lets you define the placement of the module on the Checkout page. The available options are Before Billing Details, After Billing Details, Before Order Details, Before Payment Gateways (this is the default option), Before Order Placement Button, and After Order Placement Button.
• Offer title – This is the call to action that appears at the top of the module on the Checkout page (default value: ‘You are eligible to get {offer_quantity}x’). You can use the {offer_quantity} variable to dynamically show the quantity of Product Y that the customer can purchase at a discount.
• Discount text – This is the text string that appears inside the checkout upsell box below the name of Product Y. You can use the {discount} variable to dynamically show the discount amount (default value: ‘with {discount} off’).
• Button text – Here, you can change the label on the button inside the checkout upsell box (default value: ‘Add To Cart’).

iv. Display a Post-Purchase Upsell on the Thank You Page

If your customer didn’t make use of your offer before completing the checkout process, you can still show them a post-purchase upsell on the Thank You page. The post-purchase upsell displays this Buy X, Get Y offer on the Thank You page together with a customized message.

You can enable and configure the post-purchase upsell in the Thank You Page section on the module’s admin page.

You can customize the following options:

• Status – Here, you can activate or deactivate the post-purchase upsell feature for this offer. The available options are Inactive and Active (it’s deactivated by default).
• Offer title – This is the call to action that appears at the top of the post-purchase upsell box. You can use the {offer_quantity} variable to dynamically show the quantity of Product Y that the customer can purchase at a discount (default value: ‘Last chance to get {offer_quantity}x’).
• Placement – This option lets you define the placement of the Buy X, Get Y module on the Thank You page. The available options are On Top, Before Order Details (this is the default value), and After Order Details.
• Discount text – This is the text string that appears inside the post-purchase upsell box. You can use the {discount} variable to dynamically show the discount amount (default value: ‘with {discount} off’).
• Button text – Here, you can change the label on the button inside the post-purchase upsell box (default value: ‘Add To Cart’).

Once you’ve configured all the settings, click the Save button in the top-right corner of the page.

3. Enable the Buy X, Get Y Module

To activate the module, click the Enable button at the top of the page:

4. Create As Many Offers As You Want

To create another Buy X, Get Y offer, click the Add New Offer button again, configure the settings of the new offer, and then click the Save button to make the changes live.

When your offer is set up, close its settings section, and you can review all of your ‘Buy X, Get Y’ offers in a list view.

You can also rearrange the order of your offers by grabbing the offer you want to move up or down and dragging it to its new location, which will also change:

• the order in which they are shown on the relevant product pages
• their priority in the upsell queue

If you want to duplicate an existing offer, click the Duplicate icon that shows up right to the offer’s name (between the ‘x’ and the down arrow icons):

5. Activate the Shortcode of the Module (for Developers)

Merchant Pro’s Buy X, Get Y module is also available as a shortcode.

Note that activating the shortcode automatically deactivates the ‘Placement on product page’ option, so if you have already added Buy X, Get Y offers to your store, they will disappear from the product pages. This is a security measure to prevent duplicate content when the shortcode is used.

The shortcode is [merchant_module_buy_x_get_y].

If you want to use it in your WooCommerce store, toggle the Use shortcode option on, and click the Save button in the top-right corner of the page:

How Do Upsells Work in Merchant?

Merchant Pro offers the upsell functionality through three modules: Bulk Discounts, Buy X Get Y, and Frequently Bought Together. You can show upsells on the Cart, Checkout, and Thank You pages.

When multiple upsell offers apply to a product in a customer’s cart, only one upsell will be displayed based on the following priority order:

1. Bulk Discounts
2. Buy X, Get Y (this module)
3. Frequently Bought Together

Within each module, you can rearrange the priority of individual offers using drag and drop.

In the screenshot below, you can see an example of a cart upsell box for a Buy X, Get Y offer on the Cart page:

Video Walkthrough

For a live demo of the Buy X, Get Y module you can watch the video below: