How to Add a Spin-to-Win Wheel to Your Website In Under 5 Minutes

Last updated on

by

spin to win

TL;DR

A spin-to-win wheel is a popup shaped like a prize wheel. A visitor enters an email address to spin, then wins a discount code, free shipping or another prize. So, one campaign entertains your visitor and grows your email list at the same time.

You can build it in under 5 minutes using the Gamified campaign type in OptinMonster (Growth plan).

Are visitors to your website leaving without ever joining your email list?

Most people scroll straight past a popup that just asks for an email address. You have to give them a reason to stop.

That’s what a spin-to-win wheel does. It turns the signup into a game, so instead of handing over an email address for nothing, your visitor enters theirs and spins for a discount code, free shipping or another prize. That makes it worth setting up whether you’re trying to reduce shopping cart abandonment, generate new leads, or increase sales.

I’ll show you how to build one on your own website, step by step, with no coding required. I built the campaign in this tutorial myself in OptinMonster, and it took me under five minutes to put together.

I’m going to cover a few topics in this guide, and you can use the links below to jump to different sections:

What Is a Spin-to-Win Wheel Popup?

A spin wheel popup is a type of optin campaign that offers site visitors a fun way to interact with your website. It gives people a chance to play and win prizes, such as a discount coupon code, free shipping, or buy-one-get-one offers when they spin the wheel. In return, you get their email address to grow your leads.

You’ve probably seen an online spin-to-win campaign before. It looks like this:

spin to win

The spin game wheel usually has several slices, and each one carries a different prize a visitor can win. When you add gameplay like this to your optin campaigns, marketers call it gamification. This serves a double function of keeping users engaged and helping you grow your email subscribers.

Omnisend’s own 2025 data covers the exact campaign type you’re here to build. Across 1.24 billion popup displays, it found that gamified popups, like Wheel of Fortune, significantly outperform traditional formats, reaching conversion rates of 3.5% or higher.

How to Add a Spin-to-Win Wheel to Your Website

There are several ways to set up this campaign on your website, including with a spin the wheel plugin for WordPress or Shopify. I recently tested the most popular options and found that OptinMonster is the best option, so that’s what I’ll show you how to use in this tutorial.

OptinMonster is a conversion optimization software, so its job is turning the traffic you already have into subscribers and customers. The gamified wheel is one of its campaign types. It captures the lead and hands it to whatever email tool you connect in Step 4.

Plus, OptinMonster has ready-to-launch gamified spin-to-win wheel templates that you can customize and publish on your website in minutes.

Here’s the spin-to-win popup I created in OptinMonster for this tutorial in under 5 minutes:

OptinMonster spin to win wheel

Step 1: Select Your Campaign Type and Template

Before you start, check your plan. The Gamified campaign type you need for a coupon wheel is part of the Growth subscription, and the Exit-Intent® trigger I use in Step 3 is available on Pro and higher.

First, you need to log in to your OptinMonster account.

Once you’re in, click on the Create New Campaign button in the upper right-hand corner:

OptinMonster create new campaign in the app

Now you’ll need to select your campaign type, and for this tutorial, we’ll go with Gamified.

That takes you to the Gamified templates, which are all ready-to-use spin-to-win wheel designs:

spin the wheel campaign

You can choose any template you like and customize it to match your brand’s style, but I’ll go with the Cyber Monday Offer template.

Next, give your campaign a name, assign it to your website, and click Start Building:

spin the wheel tutorial

Step 2: Customize Your Spin-to-Win Wheel Campaign

Now, you will see your campaign inside of the OptinMonster editor.

You can click on any part (such as the text or the wheel itself) to edit it using the settings in the panel on the left side.

OptinMonster customize spin to win campaign

Make sure your copy persuades the site visitors to interact with the campaign. For tips on writing copy that converts, read our guide on how to write a sales page.

Next, you’ll want to customize the rewards that appear on the spin game, so click on the wheel image in your editor.

From there, you can edit the colours of the different sections and the wheel itself.

To change the rewards within the sections, click on the Customize Wheel Sections button:

You’ll see a new window that allows you to change how you want the wheel campaign to work:

OptinMonster customize wheel sections

You can edit the following parts of your spin wheel campaign:

  • Win %: What percentage of the time someone clicking the wheel will land on this section.
  • Label: The name of the wheel section.
  • Coupon code: The coupon code that the user will be shown if they land on that wheel section.

Keep in mind that all of the sections need to add up to 100% probability. If you make a mistake, you can click the ‘Reset percentages’ link to start again.

Next, I’ll show you how to set up a few display rules, because they control when and where the popup appears.

Step 3: Set Your Display Rules

At the top of your editor menu, click Display Rules:

best spin to win software

You’ll now see the option to add different rules to your spin the wheel campaign.

These rules allow you to show your campaign to the right people at the right time during their customer journey.

OptinMonster display rules

OptinMonster groups those rules into rulesets. Inside a ruleset you combine conditions with AND, so every condition has to be true, or with OR, so any one of them is enough.

The conditions come from different selections:

  • Where (Targeting): which pages the campaign can appear on, set by the current URL path.
  • Who (Personalization): which visitors see it, based on things like where they are, the device they use, or the cookies in their browser.
  • When (Triggers): what a visitor has to do before the popup appears.

There are also rules designed specifically for onsite retargeting or eCommerce stores like WooCommerce, Shopify, or Easy Digital Downloads (EDD).

Rulesets work independently of each other, so your campaign shows as soon as a visitor matches any one of them.

Triggers are the rules that use your site traffic’s behavior to determine if a popup should appear, and those behaviors can include:

For today, I’ll show you how to configure an Exit-Intent® trigger. This means that your spin-to-win wheel game will appear to users if they try to leave your site, which can help prevent them from leaving. In our own case study, Crossrope used an Exit-Intent® popup to grow its email list by 900%.

Back in the campaign builder, here are the display rule options you’ll be choosing from:

Click on When and select Exit-Intent® from the options:

spin-to-win

Next, you can choose which device you want your exit-intent popup to appear on:

  • Desktop-only
  • Mobile-only
  • Both
best spin wheel software

Then you can also choose the Exit-Intent® sensitivity level as low, medium, or high:

spin to win campaign tutorial

Sensitivity means something different on each device, which is why the control sits next to the device toggle.

On desktop, Exit-Intent® watches your visitor’s cursor speed and direction as it heads for the browser bar, and sensitivity is how close it has to get. Low waits until it is 1 pixel away, Medium 50 pixels, High 150.

On mobile there is no cursor, so it watches for a quick scroll back up the page, and sensitivity is how far. Low waits for 50% of the device height, Medium 30%, and High 10%.

Medium is the default. High catches the most abandoning visitors but can fire on a cursor overshoot.

To learn more about how exit-intent popups work, read how to create mobile Exit-Intent® popups that convert.

Next, I’ll customize where the spin wheel popup appears, so I’ll leave the current URL path option as it is. But I’ll click on is any page condition and change it to contains:

spin the wheel discount

Here, you’ll need to enter the URL slug of the pages where you want the spin wheel campaign to appear.

For instance, let’s say you sell skincare and makeup, and each category sits on its own URL path:

  • www.mysite.com/skincare
  • www.mysite.com/makeup

So, for a spin-the-wheel campaign that only runs on your makeup pages, add the term ‘/makeup’ in the field next to contains:

spin to win

Once you’ve set the best display rules for your site’s campaign and goals, it’s time to integrate the popup with your email service provider.

Step 4: Integrate With Your Email Service Provider

Your wheel needs somewhere to send the email addresses it collects. So, I recommend connecting your email service provider before you publish the campaign.

To connect your campaign with your email service provider (ESP), click on the Integrations tab at the top of the menu:

spin to win wheel

OptinMonster integrates natively with 50+ email service providers (ESP), eCommerce platforms and automation tools. A native integration automates your lead generation, so new leads from your campaigns land in your ESP without you exporting anything.

Before you pick one, I’d check the integration type, because the wheel only spins on a native integration and not on a Custom HTML connection.

spin-to-win popup

Type the name of your email service provider or scroll through the page to find it manually.

Then, select your provider from the list to open its connection screen. I’m using the Constant Contact email service in my campaign:

spin to win wheel

For most providers, connecting OptinMonster to your ESP comes down to copy-pasting your email account’s API key. The exact steps do vary by which email marketing automation software you’re using. For more specific instructions, read our detailed guide on how to connect your email service provider with OptinMonster.

Pro-tip: Don’t see your ESP listed? You can get started with Monster Leads. Monster Leads is OptinMonster’s internal lead storage tool. It lets you store your lead data, export it, and send individual emails from your existing email client.

Once you’ve integrated your spin wheel campaign with your ESP, you’re ready to embed your campaign and launch!

Step 5: Save and Publish Your Campaign

Click on the Save button at the top-right of your screen to make sure you don’t lose the changes you’ve made so far:

spin to win discount wheel

Now go to the Publish tab:

spin to win discount wheel

Under the Publish Status section, click on Publish:

spin to win

To check how the campaign appears on your website, you can enter one of your connected websites under the Live Site Inspector, or click the Preview button in the Websites section:

create javascript popup

Here’s how the spin wheel campaign looks once it’s published:

OptinMonster spin to win wheel

Users will be able to play the spin game or win a prize only after they enter their email addresses.

Gamify Your Website’s UX with Spin-to-Win Popups

Ready to see if gamification can help you boost engagement and increase sales? Follow the five steps above to create your first spin the wheel popup campaign.

Games have the power to turn a boring website experience into an exciting one. If you want more ways to try this on your own website, then I recommend our guide to the best gamification marketing ideas.

And once you’re ready to build a spin the wheel campaign on your own website, sign up for an OptinMonster plan!


Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. We only recommend products that we believe will add value to our readers.

Add a Comment

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our privacy policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.

0 responses to “How to Add a Spin-to-Win Wheel to Your Website In Under 5 Minutes”