How to promote a BOGO sale on Shopify

Nina De la Cruz Nina De la Cruz 5 min read

So you have decided to run a BOGO sale on Shopify.

Great idea. That’s one of the most efficient promo types, and Shopify makes it easy to create custom BOGO discount codes.

But how do you promote the offer in your store?

One proven way to do that is by using promo popups and slide-ins. For example, this is how you can notify customers of the offer and encourage them to choose additional products:


The first button will apply the discount code to the shopping cart, and the second button will take customers to the collection so they can select more products.

Sounds like something you’ve been looking for?

With the Getsitecontrol app, you can add a BOGO promo popup to your Shopify store within 25 minutes and zero technical skills.

In this tutorial, we’ll show you how to do it, step-by-step.

How to create a BOGO sale promo on Shopify

Before getting started, make sure you do two things:

  1. Create a BOGO discount in your Shopify merchant dashboard (here is how)
  2. Install the Getsitecontrol app to your website (here is the link to the App Store)

Getsitecontrol comes with a basic free plan, and besides BOGO promos, you can use it to create newsletter popups for Shopify, coupon boxes, order bumps, and surveys.

Now that we got that out of the way, let’s see how to create an effective pop-up BOGO offer for Shopify.

Log into Getsitecontrol using your Shopify account and use the Create widget button to get started. Then continue to the Premade widgets gallery and select a sale announcement widget with two buttons, such as this one 👇

The selected template will be automatically opened in the editing mode – from there, you can adjust the copy, replace the image, and most importantly, assign your BOGO discount code to the button click.

Step 2. Change the text and image on the popup

For starters, type your title and offer description. Click on the text containers – either on the template or in the right-side menu – and start editing the default copy.

Changing the BOGO sale offer on the popup

When you’re done working with the offer description, consider changing the default image as well. You can leave it if you want, however, it’s always better to use a creative that aligns with your branding or shows the products you’re promoting.

To change the image, click on it right on the template and proceed to Change image. From there, you can fetch photos from your website, select a stock image, or upload an image from your computer:

Replacing an image on the popup in Getsitecontrol

If you want to shift the popup to the top, middle, or opposite side of the screen, use the Position menu. To change the font, style, or color theme, use the Theme menu:

Theme settings in Getsitecontrol

Now that you’ve finished working on the design of the popup, let’s move on to the action buttons.

Step 3. Assign the discount code to the button-click

Since you’re promoting a BOGO sale on Shopify, it makes sense to have one button to apply the discount code to the cart and another one – to take customers to the collection of products participating in the promo. Here is how to do that.

First, select the SHOP COLLECTION button. By default, it already contains the Open URL action, so all you need to do is paste the URL of the page where you want to take your shoppers:

Button-click settings in Getsitecontrol

Next, select the second button, change its text to something like “APPLY PROMO,” and select a new action: Apply discount. Then paste your BOGO discount code in the corresponding field:

This way, when your customers click the APPLY PROMO button, the discount will be automatically applied to their shopping carts – so there’s no need for them to manually copy and paste the promo code.

💡 To change the order of the buttons on the popup, go to the main editing menu and drag the buttons by the left-side handle.

Step 4. Specify when and where the offer should pop up

The last step before publishing the BOGO promo on your Shopify store is to specify when and where it should pop up. To do that, you’ll need to use the Targeting controls.

It’s a good practice to display BOGO offers on the pages of the products or collections participating in the promo.

Keep in mind that widgets from the premade gallery already have default targeting settings. These settings may or may not work for your specific case, so make sure to check them carefully:

Popup targeting settings in Getsitecontrol

The three highlighted controls define where and when the promo will appear. For example, by default, the offer will be displayed on every page of your website. However, if you want to display it on a specific page only, paste the URL of that page in the first field. Feel free to toggle other targeting controls to define how soon the promo should pop up, and whether it should be available to everyone.

💡 Pro tip: you may want to display the offer only if a customer adds a participating product to the cart. To do that, select Start displaying widgetProduct added to cart. Then indicate the products that should trigger the popup.

Step 5. Check the mobile mode preview

By default, Getsitecontrol popups are mobile-friendly. This means that they automatically adapt to smaller screens to provide the best UX for your website visitors. However, it’s always a good practice to check the mobile view: you might find that the text is too long or the image is excessive. In the latter case, you can easily remove the image from the mobile version and reduce the size of the container:

Activate the popup on your website

At this point, your BOGO sale promo is ready. Go to the top right corner and click the Next → button a couple of times to skip the last two tabs and save the widget you’ve created. Then activate it in the dashboard:

How to activate a widget in Getsitecontrol

Later, you’ll be able to see how many views and clicks the popup has received since going live. On top of that, using the Sales report on the left-side menu, you can also view the sales that happened after customers used your BOGO offer.

Good luck running your BOGO sale on Shopify

BOGO is a broad term describing promos that suggest purchasing something in order to get a deal on something else. Here are just some of the most popular BOGO variations:

  • Buy one, get one for free
  • Buy one, get one at 50% off
  • Buy 2, get the 3rd one for free
  • Buy 3, get the 4th one for free
  • and so on

Regardless of the wording, BOGO tends to be one of the most popular bundle offers for Shopify, and it’s a great strategy to drive customers’ interest in certain products or collections.

Want to get even more value out of your sale? Consider offering a BOGO discount code in exchange for an email address – and boost sales while also growing your email list. Here is a detailed guide to doing that.

Nina De la Cruz is a content strategist at Getsitecontrol. She is passionate about helping small and medium ecommerce brands achieve sustainable growth through email marketing.

You’re reading Getsitecontrol usecase collection where we talk about the best practices for using website popups. This usecase is a part of Grow on Shopify section.

Get the print version

Download a PDF version of our use case for easier offline reading and sharing with coworkers.

Download PDF