Buy X Get Y

What is Buy X Get Y?

Let’s be honest. You’ve gone online to buy just one thing. You’re on a mission, you have a budget, and you’re sticking to it.

But then you see it. That magical little offer: "Buy 1, Get 3 FREE."

Suddenly, your budget plan has to be reconsidered and you leave the site with three items instead of one. You spent more than you planned, but you don't feel bad about it. You don't feel like you overspent.

So, what’s going on here? It's the power of the "Buy X, Get Y" deal. It’s one of the oldest and simplest tricks in the marketing playbook. It cleverly designed to shift our mindset from "How much am I spending?" to "How much value am I getting?

That's why we create a new features shown in your product page to increase Average Order Value (AOV) that encourage your customers to add more items to their cart to qualify for the deal.

Click here to see the demo link ->

How To Install Buy X Get Y?

Step 1: In Shopify Admin, going to Smind Section app and find Buy X Get Y 1-1 in Product Block tab of Library. Click Install and Customize it.

Step 2: Going to Shopify Editor sidebar, choose any product page template and click Add Section -> Product Buy X Get Y

Step 3: Copy the block ID. For example: smi-block-buy-x-get-y-1

Step 4: On the Product Detail sections, click Add Block and add Smind Block to the section.

Step 5: And insert the block ID of Buy X Get Y to the Section ID. You can change the block name if you want.

Step 6: Now you have to change the content for this feature

• Block ID: This is a unique identifier for this specific block.

• Content max-width: This setting limits the maximum width of the content inside the block.

How To Create Buy X Get Y Discount in Shopify?

• From your Shopify Admin, going to the Discounts section from the left-hand menu. Click Create Discount. From the "Select discount type" menu, choose Buy X get Y.

• Choose the Automatic Discount for your campaign. This means the discount will apply automatically in the cart and at checkout once the conditions are met. Customers do not need to enter a code.

• The Title "Buy X get Y" is for your reference in the Shopify admin.

Customer buys

This section defines the trigger for the discount—what the customer must add to their cart to qualify.

• Condition: The customer must purchase a Minimum quantity of items.

• Quantity: The required quantity is 1.

• Any items from: This is set to Specific products.

• Product selected: The customer must add the products to their cart.

For example: The customer must buy one MH40 Wireless headphone.

Customer gets

This section defines the reward what the customer receives once they meet the condition.

• Quantity: The customer gets a total of 3 items.

• Any items from: This is also set to Specific products.

• Products selected: The customer can choose from:

  • Beosound 2 Elegant home

  • MW08 Bugatti

  • MW09 Military

• Important Note: The customer must add these items to their cart themselves for the discount to apply.

For example: The customer gets three products from the specified list.

At a discounted value

This setting determines how much of a discount is applied to the "gets" items.

• Discount: You can choose three options of discount

  • Percentage: This applies a percentage-based discount to the items the customer gets.

  • Amount off each: This option would subtract a specific monetary value from the price of each eligible "Y" item

  • Free: This option makes the "Y" items completely free by applying a 100% discount.

• Set a maximum number of uses per order: This is a checkbox that, when enabled, limits the number of times a customer can receive the discount in one transaction. This is useful for preventing abuse of the promotion on very large orders. Set the limit to 1.

Eligibility

This controls who can receive this discount.

• Availability: It's set to All customers. There are no restrictions based on customer segments or tags.

Combinations

This section defines if this discount can be stacked with other offers.

• Settings: All combination options (Product discounts, Order discounts, Shipping discounts) are unchecked.

Active dates

This controls the promotion's timeline.

• Start date: The discount is scheduled to become active on the specific date.

• Set end date: This is unchecked, meaning the discount will run indefinitely until it is manually deactivated.

Step 7: Continue to customize this product block after saving this discount campaign.

Offer type

This is a setting that determines how the customer adds the discounted items to their cart.

• Option: You can choose Main or Separate.

  • Main: Add the "Y" item (the free product) to the main product's "Add to Cart" button. When the customer adds the "X" product, the "Y" product is automatically added with it.

  • Separate: This means the "Y" item has its own, separate "Add to Cart" button within this block, as confirmed by the "Button" section settings.

Product settings

This area determines which "Y" product is displayed in this block and how its discount is presented.

• Products: This is where you Select the specific "Y" product that this block will display and offer. You must ensure the product selected here is one of the eligible "Y" products from your discount campaign.

• With total discount value: This setting displays the discount being applied. It's set to Percentage.

• Discount value: This displays the discount amount, set to 100 to reflect the 100% discount (making it free).

• Free price text: This is custom text that replaces the product's price, set to "Free".

• Image width: Controls the width of the product image, set to 80px.

• Media ratio: Sets the aspect ratio for the product image.

• Use image corner radius from theme settings: This is disabled, meaning you can set a custom corner radius in this section rather than inheriting it from the main theme.

Heading

These options control the title of the section.

• Heading: The title text for the offer, set to "Buy X get Y Free".

• Heading size: Controls the font size of the heading.

• Heading alignment: Aligns the heading text to the Center.

Container

These settings customize the appearance of the box that contains the offer.

• Thickness: The thickness of the container's border.

• Thickness opacity: The transparency of the border.

• Corner radius: The roundness of the container's corners.

• Content padding: The space between the container's border and the content inside.

• Item gap on desktop: The space between items within the container on desktop.

• Item gap on mobile: The space between items on mobile.

• Shadow: Adds a shadow effect to the container.

• Shadow opacity: Controls the transparency of the shadow.

Button

This section customizes the button that adds the "Y" product to the cart.

• Button label: The text displayed on the button, "Grab this deal!". This button only appears in a Separate Option if it was chosen as the offer type.

• Button animation: Adds a visual effect to the button.

Color

This section allows for detailed color customization of the block.

• Color Scheme: Applies a predefined set of colors from your theme's settings.

• Custom color: If enabled, it would let you override the theme's color scheme with manual color choices.

Block spacing

These settings control the space around the entire block.

• Top margin: This adds a certain of pixel of empty space above the block, separating it from the content above.

• Bottom margin: This adds a certain of pixel of empty space below the block, separating it from the content below.