How to Create a “Spin to Win” Optin to Easily Boost Engagement

Are you looking for a spin-to-win app to add a gamified popup to your eCommerce store?

Spin to win wheels can be an excellent way to engage your customers. Whether you’re trying to reduce shopping cart abandonment, capture new leads, or improve user experience (UX), spin to win wheels add excitement to your popups.

But how can you quickly and easily build such a dynamic popup, especially if you don’t know how to code?

Today, we’re going to show you step-by-step how to create a gamified spin to win wheel popup for your eCommerce site.

First, though, let’s get clear on what a spin to win wheel is and why it’s such a valuable tool for you as an online merchant.

What Is a Spin to Win Wheel Popup?

A spin to win wheel popup is a specific type of optin campaign that shows users a spin wheel game. When users enter their contact information (like phone number or email address), they can spin a wheel to win a prize.

You’ve likely seen these before. They look something like this:

Spinwheel welcome message example

Each section of the wheel has a different prize that users can win. Adding this type of dynamic feature to your website or optin campaigns is known as “gamification,” and it’s an excellent way to engage with customers and grow your list.

And now you might be wondering, “Great, but does gamification actually work?”

Check out some of the success stories other companies have seen by adding gamification to their marketing strategy:

You can have similar success by adding a spin to win wheel that captures your audience’s attention, rewards them with a fun prize, and captures their email address–all at the same time!

But how do you create a spin to win wheel popup for your website if you don’t have skills, knowledge, or time to build one from scratch?

That’s where OptinMonster comes into play:

OptinMonster-homepage

OptinMonster is the world’s #1 lead generation software on the market. It’s also the most efficient spin to win app you can use for eCommerce stores.

That’s because we have a gamified spin to win wheel popup campaign that can be set up in a matter of minutes. Here’s the spin to win popup we created for this tutorial:

Spin the wheel demo

This took us less than 5 minutes to configure. Plus, it can be embedded with any website.

As you’ll see, with just a few modifications, you can personalize a spin to wheel popup campaign for your online store with custom prizes without writing a single line of code.

Ready to see how? Let’s dive into the tutorial.

Create a Custom Spin Wheel Popup Today

Step 1: Select Your Campaign Type and Template

Once you’ve created your account, you’ll be in your OptinMonster dashboard. In the upper right-hand corner, click Create New Campaign:

Create a new campaign final picture

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

Choose your gamified campaign

This will automatically give you a popup with a spin to win wheel. All you’ll need to do is modify the text, add custom prizes, and set you spin wheel rules.

But first, you’ll need to select your campaign’s color. We have 3 templates you can choose from for your spin the wheel popup including blue, green, and red:

Gamified template colors

You can choose whichever template would fit best with your website. Then you’ll just need to name your campaign, assign it to your website, and click Start Building:

Name and connect your website

Now you’re ready to customize your gamified popup.

Step 2: Modify Your Spin to Win Wheel Campaign

Making changes to your spin the wheel popup is just as easy as modifying any other OptinMonster campaign.

We don’t have time to get into all the customization options in this post. Frankly, there are too many options to cover here.

But there are a few things you’ll need to know for today’s purposes. Let’s begin with changing the text.

Using our inline editor, you can click on the text you want to change and modify it directly in the OptinMonster editor:

Inline text editor for spin to win wheel

This makes it easy to personalize your campaign and communicate more effectively with your target audience.

Then you’ll want to customize the spin wheel options. For that, click on the spin wheel in your editor. You can edit your spin wheel colors in the left-hand side menu:

Spin wheel colors menu

But how do you change the prizes? That part’s just as easy. Click on Edit Wheel Sections:

Edit Wheel Sections button

A new window will popup allowing you to change the prize options and the coupon code:

Edit Wheel Sections

You’ll notice that you have several options you can modify:

  • Can Win: This lets you make options that can’t be won which is useful if you have a product that recently went out of stock and you need to replace it. You can also turn off options like “spin again” or “no luck this time” to make sure all your participants win a prize.
  • Win Chance: This shows the odds of your customer winning that specific prize based on how many options are available to win.
  • Label: This is the name of the prize that will be on your spin wheel.
  • Coupon Code: This is the coupon code that the user will receive when they win a specific prize.

With these options, you can create custom prizes for your visitors to win:

Change spin wheel options

This allows you to create the perfect gamified popup for your website or special event. Here’s the spin wheel popup we built for today’s tutorial:

Spin the wheel demo

Again, this only took us a few minutes to configure and launch.

Once you’ve created the perfect gamified popup for your site, you’ll need to set up a few display rules. That will ensure that you show this campaign to the right portion of your audience.

Step 3: Set Your Display Rules

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

Display Rules OM editor

OptinMonster has tons of display rules that you can use to show your campaign to the right people at the right time in their customer journey.

We split up the display rules into two categories:

  • Targets
  • Triggers

Targets rely on the user’s characteristics or profile to determine whether or not your campaign should appear. This could be things like where the user is searching from, what device they’re using, or what content they’re looking at.

Triggers, on the other hand, rely on the user’s behavior to determine whether or not your campaign should appear. That would be things like whether they’re trying to actively leave the page (Exit-Intent® Technology), what links they click (MonsterLinks™), or how they’ve interacted with your site in the past.

For today, we’re going to create an exit-intent trigger. This means that our spin to win wheel popup will only appear as users are trying to leave your site.

This is an incredibly effective trigger for engaging abandoning visitors. In fact, an exit-intent popup is how Crossrope grew its email list by 900%.

In your display rules menu, click on the first default rule (time on page). This will pull up your display rule options:

Display Rules in OptinMonster

Find and click Exit Intent®+ in the menu options:

Click Exit Intent

Next, you’ll need to determine which device you want your exit-intent popup to appear on. You can choose between:

  • Desktop only
  • Mobile only
  • Both

choose your device for mobile exit-intent

And after that, you’ll want to select your Exit-Intent® Sensitivity level:

Select sensitivity for exit intent campaigns

You should know that the sensitivity level you choose, however, will have a direct impact on how your campaign appears on mobile devices.

Low and Medium sensitivity create a scroll up trigger, whereas High sensitivity creates a back button trigger.

To learn more about how exit-intent popups work with mobile, check out this helpful resource: How to Create Mobile Exit-Intent Popups That Convert.

You can add, change, or remove any display rules you want. For today, we’ll leave the second default rule (campaign will appear on any page) alone. But you can customize this to make your spin wheel popup campaign appear on:

  • Any page
  • The homepage
  • Pages that are NOT the homepage
  • Specific URLs

Current URL path dropdown menu

This level of customization ensures that you’re showing your gamified popup to the right segment of your audience and at the right time of their customer journey.

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

At the top of your editor menu, click Integrations:

Integrations for OptinMonster editor

One of the most common reasons for creating a spin wheel popup is to grow your email list. That way, you can monetize your site or products through email marketing best practices.

OptinMonster integrates natively with over 30 of the most popular email service providers (ESPs) on the market. This allows you to automate your lead generation flow, so you can seamlessly add new leads from your popup to your ESP.

In the left-hand side menu, click + Add New Integration:

Add New OptinMonster Integration_

Then you can select your ESP from the drop-down list:

Email service provider list in OM

Don’t see your ESP on the list? No worries. OptinMonster can integrate with any ESP on the market. Just check out this helpful resource on how to connect OptinMonster with any email service provider.

Here’s the really cool part, though: now you can send information like the “coupon wheel” code directly to your ESP using OptinMonster’s updated webooks integration. 

In the past, our webhooks allowed you to send your new lead’s name, email address, and phone number to your ESP or other marketing apps.

But now, you can send other information to correspond with your new lead. This comes in handy as you automate your lead generation strategy with your email marketing platforms because it allows the coupon code to be automatically available for use in your emails to customers.

For more information, check out this resource on OptinMonster’s webhooks.

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

Step 5: Embed and Launch Your Campaign

At the top of your editor menu, click Publish:

Click Publish OM account

Then save your campaign and flip the toggle switch to Live to activate the campaign:

Publish options for spin the wheel popup

If you haven’t connected OptinMonster to your website yet, you’ll need to do so. The good news is that you can easily embed OptinMonster campaigns onto any website.

However, the exact steps to do so will depend on which platform you used to create your site. Here are a few helpful tutorials that explain how to connect OptinMonster with some of the most popular platforms:

And that’s it! We hope you found this article helpful. If so, you may want to check out the following posts:

Those two posts will have all the information you need to take your gamification marketing to the next level and generate more sales from your email list.

Ready to boost your conversions? Get started with OptinMonster today!

Nathan Thompson
Nathan Thompson is a father, a writer, and a lover of travel (in that order). When he’s not wrestling with his kids, you’ll likely find Nathan giving his eyes a much-needed break from screens with a good book or planning a family trip with his awesome wife.

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.