How to set up a free pop-up discount on Shopify? (Step-by-step guide)

Shopify pop-up discount tutorial — set up in 30 minutes; illustrated pop-up showing “–50%” offer and a “Claim” button.

Feeling frustrated that your Shopify website is busy with visitors but not turning those visits into orders? Don’t be quick to blame your advertising budget. Sometimes, the simplest solution is the best! Consider adding an automatic pop-up discount in Shopify. It’s quick, easy, and can give your conversions a nice boost.

In this article, we’ll show you how to use the free Shopify App to add a pop-up discount to your Shopify website. With just six simple steps, you’ll be able to turn your casual visitors into meaningful orders!

Ready? Let’s get started!

How a simple pop-up can grow your Shopify revenue

The reason you’re not turning your Shopify traffic into orders isn’t because your products are poor, but because you haven’t given your customers a proper “push” at the right moment, convincing them to buy! Pop-up discounts can do just that! Here’s why you should introduce pop-up discounts on your Shopify website:

  • Turn first-time visitors into “buy today” customers.

New visitors might just be browsing, but seeing exclusive offers like “10% off your first purchase” will make them think: “Maybe I should buy something now.” This is the quickest way to turn a casual visitor into a first-time buyer.

  • Keep your loyal customers engaged. 

Repeat customers are actually quite easy to win over. Just offer them something like a “returning customer discount” or “VIP only,” and they’ll feel valued, encouraging them to buy more.

  • On the verge of leaving? Offer a carrot. 

Many people who add items to their cart are just “thinking about it.” A small discount or free shipping can often persuade them from “considering” to “okay, I’ll buy it.”

  • Make customers feel: This store understands me. 

Occasional small surprises and discounts make customers feel connected to you, not just being used as clickbait. Feeling valued encourages them to become long-term fans.

How to add a pop-up discount on your Shopify store?

Step 1: Install the Odicci app from the Shopify App Store

Shopify admin: Open Apps > Add, then click “Discover more in the Shopify App Store” to install a pop-up discount app.

First, simply log in to your Shopify account and head over to the store management interface. On the left-hand side menu, you’ll see the “Apps” section. Click on “Add,” then choose “Discover more in the Shopify App Store.” Once you’re there, search for “Odicci“, the free app we’ll be using to create engaging Shopify pop-up discounts.

App listing: Shopify App Store page for “Odicci: Games and Rewards” with the Install button to create Shopify pop-up discounts.

Next, just click “Install.” Well done on completing the first step! The system will then guide you to the next step: setting up your account.

Step 2: Set up your Odicci account and sign in

Create account: Set your Odicci password using your Shopify email to activate the account before building pop-up discounts.

If you see this screen, you have successfully completed the first step. Next, you need to set a password. In the future, if you want to create other gamified designs with the Odicci App, you can log in using your Shopify email and this password to develop various gamified experiences and enhance your customer loyalty!

Accept policy: Check “I have read and accept the Acceptable Use Policy” and click Accept & Sign In to access Odicci.

Once you’ve set your password, make sure to read our terms of service and check the box for “I have read an the acceptable use policy.” Then, ta-da! You’re all set with your account. Now, you’re ready to begin creating your own Shopify pop-up discounts. Welcome to the next exciting step!

Start building: Odicci dashboard modal — choose Browse Templates or Create From Scratch to build a pop-up discount.

The first step in setting up your exciting pop-up discount is selecting your preferred game genre. If you’d like to personalise your brand’s pop-up discount from the ground up, simply click “Create From Scratch.” Alternatively, if you prefer a ready-made option, click “Browse Templates” To explore Odicci’s collection. We offer over 20 engaging gamified experiences and more than 60 free templates for you to choose from, making your setup process both fun and easy!

Step 3: Pick a pop-up game that fits your brand experience

Choose format: Odicci Template Library showing gamified styles (Shake, Scratch, Slide, Tap) for Shopify pop-up discounts.

If you choose “Create From Scratch,” you’ll be guided to Odicci’s Game Library. Here, you can pick the type of pop-up discount game that suits your style. The different gamification designs are a great way to showcase your brand’s personality. Think about what kind of fun, engaging experience you’d love your customers to enjoy!

P.S. If you’d like your customers to enjoy discount rewards swiftly, you can choose one of the five games highlighted in the above image. Just a quick click is all it takes for them to receive a discount code.

Name & locale: Experience Setup screen to name the campaign, set language and timezone, then click Next.

Once you’ve picked your game, go ahead and give your gamification experience a name. Just a quick reminder: As you create more games, using a consistent naming pattern can make it much easier to find and track your campaigns! You can also personalise the game’s language and time zone to match your customers’ preferences. When you’re ready, click “Next” to continue setting up your pop-up discount!

Step 4: Set your prizes, discount codes, and winning odds

Prize odds: Prizes tab to configure prize tiers, quantities, and winning odds for your Shopify pop-up discount.

Once you’ve successfully set up your campaign, you’ll notice a top menu with five options: Setup, Prizes, Studio, Confirm, and Report. Start by clicking on “Prizes.” This is where you can decide the odds of winning your pop-up discount and choose whether to offer a discount code or a voucher as your reward. If you’d like everyone to receive the same reward, simply leave only one prize (for example, just “Winner”). However, if you have three different discounts in mind, you can add multiple prize options. You can also change the chances of winning each prize in the Chance section!

Prize detail: Edit a prize to set number of prizes, hourly limits, and upload a branded reward image for the pop-up.

On the right, clicking the pencil icon for each prize allows you to make more detailed adjustments. If you’d like to limit the number of discounts available, you can set the “Number of Prizes.” You can also fine-tune settings, like restricting discounts to 90 per hour.

Don’t forget to upload an image for each prize. This will be what your customers see when they claim their reward. The system will automatically crop the image to a square. Once you’ve set up all the prizes, you’re ready to move on to the next step!

Step 5: Customise the pop-up design to match your Shopify branding

Design in Studio: Odicci Studio editor customizing a Halloween-themed pop-up discount; edit Slide/Form/Success screens, add components, and preview before publishing for a Shopify store.

Once you’ve set the discount and odds, head over to the “Studio” page. Here, you can really personalise your game interface to match different festivals, brands, or events. Feel free to add your brand’s message, choose the customer data you’d like to gather, and customise the CTA button design.

This is a crucial and exciting part of designing your pop-up discount! Your goal should be to create a brand experience that’s visually consistent with your website. When your brand stands out clearly, it leaves a memorable impression on your customers and boosts their engagement, making them feel like participating is worthwhile!

When designing your game, don’t forget to “Preview” how it will look on both computers and mobile devices, which you can easily do in the top right corner of the page. This way, you can ensure everything looks perfect and meets your expectations.

Step 6: Set how and when the pop-up shows, then publish it

Confirm & embed code: Odicci “Your experience is ready to publish” screen showing the Publish button and the Popup HTML with Setup and Copy options for adding the pop-up to Shopify.

Once you’ve finished all the design work, congratulations! You’re so close to launching your exciting pop-up discount! Just click the “Confirm” tab, select “Popup,” and then hit “Set up.” You can easily customise how your discount appears on your webpage. Here are the settings you can tweak in the Odicci App:

Popup Setup: Trigger: Popup Setup Trigger rules — show immediately, after a delay, on exit intent, or on element click; set page targeting and frequency capping for the Shopify pop-up discount.
  1. Type: Adjust the type of your pop-up display: Boxed, button, or banner.
  2. Style: Adjust the size of your pop-up box on your webpage.
  3. Position: Adjust the position of your pop-up box on your webpage, and you can restrict the pop-up design to only appear when viewed on a specific device.
  4. Trigger: You can set when your pop-up will appear based on the purpose of your pop-up discount:
    • Show immediately: The game appears as soon as a customer visits the webpage.
    • Show after X seconds: The game appears after a customer stays on the webpage for X seconds.
    • Show on exit intent: The game appears when a customer’s mouse moves to close the page or the system detects an exit intent.
    • Show on element click: The game appears when a customer interacts with your webpage and triggers a specific button or element.

Once you’ve set up your pop-up discount, paste the HTML into your Shopify store- it’s that simple! 🎉 Now you can start stressing about fulfilment instead, because this gamified experience is going to drive a ton of orders. Don’t say I didn’t warn you 😉

Can't wait to set up your pop-up discount on Shopify?

If you’re now dealing with the challenge of having traffic but not turning that into orders, don’t worry, Odicci is here to help! Just install the Odicci Shopify app today and set up your first pop-up campaign, giving your visitors a reason to stay and shop, rather than just browsing and leaving.

FAQ

1. Do I need any coding skills to add a pop-up discount to my Shopify store?

No, you don’t. The main idea of using an app like Odicci is that you can create the pop-up, design it, and set the trigger rules within the app. In the end, you simply paste the HTML into Shopify following the instructions, and the pop-up will display on your site.

2. Is Odicci free to use for pop-up discounts?

Odicci offers free templates and gamified experiences to try out, which is excellent for testing whether pop-up discounts suit your audience. If you require more advanced features, additional games, or more in-depth integrations, you can upgrade later.

3. Will a pop-up discount annoy my customers?

It depends on how you set it up. If you trigger it immediately on every page, yes, it can seem intrusive. However, if you show it only on exit intent, or after a few seconds, it actually feels helpful, like "hey, here’s a deal before you leave."

4. Will a pop-up slow down my Shopify store?

A single, well-designed pop-up won’t have much impact. Issues usually arise when stores install too many apps simultaneously. If you keep your pop-up design simple and use one app to manage the interaction, you should be fine.

Table of Contents

Gamification ROI Calculator

Not sure if gamification is worth the investment?

Use our free ROI calculator to see how interactive campaigns could impact conversion, retention and customer value.

See Your Potential ROI