How to Add Spin to Win Optins in WordPress and WooCommerce

Adding a spin-to-win optin to your WordPress site or WooCommerce store is a fantastic way to engage visitors. This feature turns the signup process into a fun game, which can help boost user interaction and increase sales.

At WPBeginner, we use OptinMonster for our optins because it offers various formats, including popups, slide-ins, and header banners.

In this tutorial, we’ll walk you through the easy steps to set up an OptinMonster spin-to-win optin on your WordPress site or WooCommerce store.

What Is a Spin-to-Win Optin?

A spin-to-win optin is a signup form or a discount coupon wheel that adds gamification to your WordPress website.

Your users play a game to win discounts, unlock special offers, or access downloads after playing the game.

Case studies have shown that gamified optins get conversion rates as high as 30% or more. The reason for that is quite simple. These gamified optins are fun, interactive, and instantly get users’ attention.

By offering rewards and coupons on your spin the wheel website, you can also encourage users to complete the game they started by using the reward they have earned, like making a purchase using a discount code.

Similarly, you can use spin-to-win options to offer incentives like free shipping and bundle offers for your online store and boost conversions.

With that in mind, we’ll show you how to add a spin-to-win optin in WordPress and WooCommerce. Here’s a quick overlook of all the steps you’ll take:

Ready? Let’s get started!

Creating a Spin-to-Win Optin in WordPress and WooCommerce

The best way to add gamification to your website is by using OptinMonster, the best lead-generation software on the market.

With OptinMonster, you can grow your email list, get more leads, and convert website visitors into paying customers. Its drag-and-drop campaign builder makes it super easy to create a spin-to-win optin and set up powerful display rules.

For more information about this software, you can see our complete OptinMonster review.

First, you will need to visit the OptinMonster website and click the ‘Get OptinMonster Now’ button to sign up for an account.

To create a spin-to-win wheel, you’ll need their ‘Growth’ plan to access the ‘Coupon Wheel Campaigns’ feature.

Then, you can go ahead and install the free OptinMonster plugin on your WordPress website. This plugin will connect your WordPress website to the OptinMonster app. For more detailed instructions, please see our step-by-step guide on how to install a WordPress plugin.

Upon activation, you’ll see the OptinMonster welcome screen. Simply click the ‘Connect Your Existing Account’ button.

Next, a popup window where you can connect your WordPress site with the OptinMonster account will open.

Go ahead and click the ‘Connect to WordPress’ button.

Once you’ve connected OptinMonster with your site, you’ll want to connect it to your WooCommerce account.

To do this, you can go to OptinMonster » Settings from your WordPress dashboard.

Under the ‘General’ tab, let’s scroll down to the WooCommerce section and click the ‘Auto Generate Keys + Connect WooCommerce’ button.

WooCommerce will now automatically generate keys and connect to your OptinMonster account.

After connecting WordPress and WooCommerce to your OptinMonster account, you can start creating a new campaign.

First, let’s head to OptinMonster » Campaigns from your WordPress dashboard and then click the ‘Create Your First Campaign’ button.

After that, OptinMonster will ask you to select a template or choose a ready-to-use campaign from the playbook.

For this tutorial, we will use the ‘Templates’ option.

Next up, you’ll need to select a campaign type and a template for your spin-to-win optin.

For the campaign type, go ahead and select the ‘Gamification’ option.

After that, you can select a campaign template.

OptinMonster offers multiple templates to choose from. Once you’ve found the perfect one, simply hover over it and click the ‘Use Template’ button.

On the popup window that appears, you’ll be asked to provide a name for your template.

Simply enter a name and click the ‘Start Building’ button.

After that, you will see the OptinMonster campaign builder interface.

You can drag and drop different blocks from the menu on your left onto the templates, like buttons, videos, countdown timers, and more.

OptinMonster also lets you change your campaign design, text colors, fonts, spacing, and more. You can simply point and click on any item in the template to edit its appearance.

Next, go ahead and click on the wheel element in the template to see more options. For instance, you can edit the section and wheel colors.

From here, you can click on the ‘Customize Wheel Sections’ button to edit the values for each of the coupon wheel sections.

A popup window will now open with all the sections in your gamification wheel.

This popup allows you to add coupon codes and special offers to the wheel. You can also select whether each option has a chance of winning.

When you turn an option off or on, the win percentages will be automatically recalculated.

After customizing each section, you can simply close the popup window.

Setting Up When to Show the Spin to Win Optin

Next, you must select when you want your spin-to-win campaign to be displayed on your WordPress blog or online store.

OptinMonster gives you powerful targeting and display options that allow you to trigger the spinner anywhere and at any time on your website.

Simply switch to the ‘Display Rules’ tab in the OptinMonster dashboard. From here, you can select different display rulesets for your campaign.

For example, you can use the ‘Exit Intent’ ruleset to launch the spinner campaign when a user is about to leave your website.

You can also configure the sensitivity of the exit intent and change it to low, medium, or high.

Next, scroll down to combine different rulesets. For example, you can set another rule to launch the campaign only on specific pages.

For this tutorial, we will select the ‘current URL path’ from the dropdown menu and then choose the ‘is any page’ option. This way, your spin-to-win optin will appear on all the pages and posts throughout your website.

After adding display rules, you can click the ‘Done? Go to Actions’ button.

From here, you’ll be asked to select a view. Simply select the ‘Optin’ view and also choose a sound effect for your campaign.

If you don’t want to add a sound effect, then you can keep the default setting to ‘None.’

Next, let’s scroll down and set the cookie settings.

For instance, you can decide when to show the campaign again if someone hasn’t converted yet.

Go ahead and click the ‘Done? Go to Summary’ button.

On the next screen, you’ll see a summary of your display rules. You can now click on the ‘Save’ button at the top to store your changes.

Adding the Spin to Win Wheel to WordPress and WooCommerce

Now that your spin wheel campaign is almost ready, let’s add it to your website.

To initiate the process, you will need to publish your campaign.

From the OptinMonster dashboard, you’ll want to switch to the ‘Published’ tab and change the ‘Publish Status’ to the ‘Publish’ option.

Don’t forget to click the ‘Save’ button to store your changes and close the campaign builder.

You can now visit OptinMonster » Campaigns from your WordPress dashboard.

You’ll see your recently created spin-to-win wheel campaign, along with the ‘Published’ status highlighted in green.

If you don’t, you can simply click on the ‘Change Status’ option under your campaign name and then change the status to ‘Published.’

Now, if you visit your website or WooCommerce store in a new incognito browser window, you can see a live preview of your campaign.

Based on your display rules, you’ll see the spin-to-win wheel popup on the screen.

Bonus Tip: Running a Giveaway / Contest in WordPress

A spin-to-win works by having visitors spin a digital wheel to win instant rewards like discounts or freebies. So, almost everyone wins something, making it more about the quick thrill than a big prize.

If you want to create a more exclusive gamified program, then you can consider running a giveaway or contest.

A giveaway or contest has a set start and end date, with a limited number of winners. The prizes are often bigger, but not everyone wins.

By offering an incentive, you can encourage your site visitors to take specific actions that can benefit your site, such as sharing content on social media or signing up for an email newsletter.

If you decide to run a giveaway or contest, we recommend using RafflePress.

This top WordPress plugin for running giveaways and contests integrates seamlessly with major social media platforms like Facebook, Twitter, and Instagram.

Plus, it connects with popular email marketing tools, allowing you to automatically add participants to your mailing list.

For detailed step-by-step instructions about running giveaways and contests, please see our guide on how to run a giveaway / contest in WordPress with RafflePress.

We hope this article helped you add a spin-to-win optin to your WordPress website or WooCommerce store. You may also want to see our guides on how to create a coupon popup and how to create a WordPress popup based on location.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.