Gamified Popup: How to Create + 5 Examples

Want to add some gamification to your popups?

That's a great idea—gamified popups can improve your lead generation and sales faster than traditional ones.

Here, you'll get helpful ideas for gamification popups and learn how to create a good-looking campaign to add to your website for free.

In this post:

• What is a gamified popup?

• Are gamified popups effective?

• How to create a gamified popup [steps + video]

• Examples of gamified popups

What is a gamified popup?

A gamified popup is a popup campaign designed to engage website visitors with some kind of interactive activity, such as spinning a wheel with prizes, to receive a reward. Gamified popups are effective at driving more conversions compared to traditional popups thanks to their interactivity.

Are gamified popups effective?

When used properly, popups with gamification are an easy and affordable way for online businesses to speed up email list building and sales.

Gamified popups with a spin wheel, for example, convert almost three times more leads compared to traditional popups:

Let me also show how effective gamified popups can be with one campaign.

Faguo, a French fashion brand, gave away a pair of sneakers with this good-looking gamified campaign:

By combining gamification with an attractive prize, Faguo was able to boost lead generation by an impressive 11 times.

Specifically, they captured 48,146 new emails and customers' names:

How to create a gamified popup

See how you can easily make a gamified popup:

Follow these steps to create a gamified popup (a spin wheel):

1. Choose a gamified template

2. Customize the design

3. Define the probability of winning

4. Integrate with your email marketing software

5. Choose how to display

6. Publish

We'll use Wisepops popup builder (4.9-star rating on Shopify and Capterra), which also offers built-in Shopify targeting properties, Klaviyo segment targeting, and, of course, templates for gamified popups.

Begin by grabbing a free account:

No cc needed, 14-day free trial with all premium features

Step 1: Choose a gamified template

In the Popups tab main menu, click New Campaign.

Then, as you arrive in the template library, look for Spin to Win with Tab template that looks like this:

Step 2: Customize the design

Make your gamified popup match your website.

Just double-click on the element you want to change, and you'll see the customization options:

Next—

Customize Step 2, which is the prize reveal page. It opens when the visitor types in their email and clicks to spin the wheel.

Click Step 2 just above the campaign preview and start customizing:

Or simply click Apply this design to all steps to use the same colors as in the first window automatically:

Lastly, customize the tab—it's that small popup preview in the left bottom corner. It will keep your gamification popup (and therefore discounts) available until your visitors are ready to convert.

📘 More: how to manage tabs

📘 Also: add your custom font to a popup

Step 3: Define the probability of winning

In Step 2 (the main campaign window) click the wheel to see the winning probability for all slices. Easily add the prize, discount codes, as well as the change of landing them:

Step 4: Integrate with your email marketing software

To send your leads to your email marketing app automatically, go to Blocks > Sync and select your provider.

Next, choose the list to sync your contacts with:

📘 List of integrations: Wisepops integrations

Step 5: Choose how to display

You can display your gamified popup in various ways, thanks to deep targeting settings in Wisepops. For this campaign, let's show it 5 seconds after a visitor lands on your website.

Go to Display Rules > Trigger.

There, choose On Landing (like below). Then, choose "seconds on page" in the After Delay section and add "5" like so:

Step 6: Publish your campaign

Your gamified popup is ready.

Take a look at how it’ll look on your website by clicking Preview in the top right corner of your screen.

To show off the campaign on your website, just add the Wisepops code snippet with a few easy clicks: how to install Wisepops.

Does your gamified popup does not display? This troubleshooting guide will help.

Examples of gamified popups

• émoi émoi — The Wheel of Love

• Soi Paris — Easter Egg Hunt

• Fashion Nova — A campaign with a scratch coupon

• OddBalls — Spin wheel with two signup fields

• Only Natural Pet — "Choose your paw"

émoi émoi — The Wheel of Love

A French brand émoi émoi implemented gamification to celebrate a gift festival for moms. They made a colorful wheel named “The Wheel of Love,” which allowed all new visitors to win products, free shipping, and discounts.

In just one month (May 2024), this gamified popup captured over 8,000 new subscribers with an impressive 17% sign-up rate:

Soi Paris — Easter Egg Hunt

This gamified campaign promoted an Easter weekend sale in a creative way.

It consisted of a few popups—

The first one announced the rules of the game on the homepage: look for eggs on Soi Paris's website to get a limited-time discount:

The "eggs" were gorgeous-looking, egg-shaped popups that were added to product and collection pages to encourage shoppers to visit more pages:

So, as you can see, the “eggs” were pretty small (but definitely noticeable) and were added to the bottom left corners of the pages.

Here’s a closer look—this one was featured on a page with a product collection:

When visitors clicked on the "egg", it showed a message that congratulated them and gave the discount:

Adding the countdown in that message was definitely a great idea—it’s a tried-and-true tactic that creates a sense of urgency to buy.

The result of this gamified campaign was impressive: 223 customers redeemed the discount codes they found in the "eggs."

📘 Learn more about this project: Soi Paris case study

Fashion Nova — A campaign with a scratch coupon

This gamified popup is also about sharing discounts in a creative way.

To convert new visitors, Fashion Nova displayed this "Mystery Offer," which could be revealed by "scratching" the coupon:

I did that and won 30% off the first order.

To get that discount, of course, I had to enter my email after clicking Get My Offer:

OddBalls — Spin wheel with two signup fields

This gamified popup example has something we haven't seen yet: a phone number signup field.

OddBalls collects both emails and phone numbers in this one campaign for email and SMS marketing campaigns:

Only Natural Pet — "Choose your paw"

No boring email signup fields in this campaign in this awesome example of a gamified popup.

Here, you choose a paw to get your discount:

Here's how it works—

I chose the paw in the middle and got 20% off:

Summary

Gamified popups provide a fantastic way to engage users and convert visits into fun interactions. By incorporating elements of play and reward, you can transform a traditional popup into an exciting experience that not only captures attention but also encourages participation.

More types to explore:

• Lightbox popups

• On-click popups

• Survey popups

• Exit popups

• Sticky bars