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 to the Cart page for a Buy X, Get Y offer that your customer qualifies for (see below how cart upsells work in Merchant):

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 only show up in the admin interface (e.g. ‘Buy 3 Get 1 with 50% Off’; default value: ‘Campaign’).
• 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 have the option to exclude products.
  • 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 have the option to exclude products.
• 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.
• 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.

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: #fff).
• 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: #fff).
• 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. Configure the Cart Page Settings

The cart upsell feature is deactivated by default. You can activate and 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’).

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 cart 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 Cart Upsells Work in Merchant?

Merchant Pro offers cart upsells through three modules: Bulk Discounts, Buy X Get Y, and Frequently Bought Together. 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
3. Frequently Bought Together

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

A cart upsell for a Buy X, Get Y offer includes:

• The name of the product that your customer can purchase at a discount.
• A thumbnail image of that product.
• A call-to-action message that reminds your customer about the offer (the first part of the message is shown above the product name while the second part is shown below it).
• An add-to-cart button that automatically adds the discounted product in the specified quantity to the cart and updates the cart.

Here’s an example of a Buy X, Get Y cart upsell from our Merchant demo site:

Video Walkthrough

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