{"id":22122,"date":"2021-03-29T15:00:58","date_gmt":"2021-03-29T13:00:58","guid":{"rendered":"https:\/\/qodeinteractive.com\/magazine\/?p=22122"},"modified":"2024-03-28T16:55:46","modified_gmt":"2024-03-28T15:55:46","slug":"spin-the-wheel-wordpress","status":"publish","type":"post","link":"https:\/\/qodeinteractive.com\/magazine\/spin-the-wheel-wordpress\/","title":{"rendered":"How to Add the Spin the Wheel Feature to Your WordPress Website"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row][vc_column][vc_column_text]There is no end to the ways websites use to engage their visitors and keep them coming for more, even more so to convert a casual visitor into a paying registered user. Basically, user experience is key. If <strong>your visitors feel engaged<\/strong>, if they feel like more than simple recipients of your content \u2013 valued as it is \u2013 they will appreciate the experience more.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]<strong>Adding interactive features<\/strong> (such as <a href=\"https:\/\/qodeinteractive.com\/magazine\/interactive-images-in-wordpress\/\">interactive images<\/a>, for instance) to your website is a great way of engaging your users. Gamifying the experience is just another step in the same direction: not only is your website interactive, it\u2019s fun! But a game can have a utility for your visitors other than simply being fun. You can use a feature such as a spinning wheel of fortune to <strong>offer your visitors special deals<\/strong> in an interactive setting: if you offer a discount as a prize, for instance, it will feel like value gained, instead of value lost.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Setting up a spin the wheel feature is what this tutorial is all about. But before we get down to the brass tacks of the how to, let us discuss the spin the wheel feature in broader terms.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;22px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#what-is-a-spin-the-wheel-feature\">What Is a Spin the Wheel Feature<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#why-use-a-spin-the-wheel-feature\">Why Use a Spin the Wheel Feature<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#when-not-to-use-a-spin-the-wheel-feature\">When Not to Use a Spin the Wheel Feature<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#how-to-install-a-spin-the-wheel-feature\">How to Install a Spin the Wheel Feature Using a Plugin<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;70px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"what-is-a-spin-the-wheel-feature\"><\/a>What Is a Spin the Wheel Feature<\/h2>\n<p>[\/vc_column_text][vc_column_text]A spin the wheel, or wheel of fortune, is a simulated game of chance. A website\u2019s visitor can click it and win a prize. What separates this particular feature from a random number generator, which you could also use for the same effect, is the <a href=\"https:\/\/qodeinteractive.com\/magazine\/best-gamification-plugins-for-wordpress\/\">gamification of random generated results<\/a>: the visitors get a feeling of interactivity with the animated wheel, instead of just looking at a number popping up on their screen.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]This also lends more credibility to your game of chance \u2013 your visitors will perceive an animated wheel as something less likely to be \u201crigged\u201d than just a randomly generated number (such as a lottery ticket) even though, mathematically, they are the same. If it looks like a physical wheel, it will also feel more natural to the users.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"why-use-a-spin-the-wheel-feature\"><\/a>Why Use a Spin the Wheel Feature<\/h2>\n<p>[\/vc_column_text][vc_column_text]Simply put, a spin the wheel feature can improve the impression your visitors have of your website \u2013 your website&#8217;s UX. How does it do that?[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Firstly, it is <strong>a fun, interactive feature<\/strong>. It gives your visitors something to do on your website, rather than simply browsing or reading. This leads to more engagement and more time spent on your website overall.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Secondly, they offer you <strong>a chance to gain more paying users<\/strong> by offering them special deals or discounts. Typically, an unpaying user will need some persuasion before deciding to spend any money on your products or your content, however deserving they may be. You can use a wheel of fortune feature to <strong>offer free samples of a new product, free issues of a magazine<\/strong>, a <strong>free period of subscription<\/strong> to a service, or a <strong>discount<\/strong>, or indeed any other prize which comes to mind.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Importantly, <strong>you control the odds<\/strong>: though all slices of an animated wheel may appear equally wide, the actual likelihood of any outcome is up to you. Use this feature wisely, though: if \u201cno prize\u201d or \u201cbetter luck next time\u201d results appear more often than could be reasonably expected, you risk angering and alienating your visitors with what is supposed to be a fun feature designed to bring more traffic and more paying customers your way.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Thirdly, they are <strong>a great way of gathering data<\/strong> about your users. In order to avoid scamming, such as people spinning multiple times until they get the prize they like, you will need your visitors to register by filling out a form. This way, you can learn a great deal about where your users are from, what sort of content or products they are interested in, what kinds of deals they are most likely to accept, and so on. You can also get your hands on their email addresses, which you can use \u2013 with their prior consent, we feel it shouldn\u2019t really be said \u2013 for direct <a href=\"https:\/\/qodeinteractive.com\/magazine\/email-marketing\/\">email marketing<\/a>.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"when-not-to-use-a-spin-the-wheel-feature\"><\/a>When Not to Use a Spin the Wheel Feature<\/h2>\n<p>[\/vc_column_text][vc_column_text]Useful though they might be, wheels of fortune are perhaps not suitable for all imaginable websites. In some cases, spinning wheels <strong>might send entirely the wrong message<\/strong>. We have a hard time seeing them as a big hit with bank or loan company websites, or those of law firms and medical practices, or indeed any business which depend on projecting an image of solidity and soundness \u2013 no room for leaving things to chance there.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Conversely, this feature is <strong>workable for virtually any store<\/strong> willing to offer a discount or a special deal to a number of website visitors, and the same goes for subscription services, periodicals, and similar.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]So, if you feel your website may benefit from a spin the wheel feature, read on. We will explain how to install one step by step.[\/vc_column_text][vc_empty_space height=&#8221;80px&#8221;][vc_widget_sidebar sidebar_id=&#8221;new-top-picks-banner&#8221;][vc_empty_space height=&#8221;81px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"how-to-install-a-spin-the-wheel-feature\"><\/a>How to Install a Spin the Wheel Feature Using a Plugin<\/h2>\n<p>[\/vc_column_text][vc_column_text]We will be using a plugin, <a href=\"https:\/\/wordpress.org\/plugins\/wp-optin-wheel\/\" target=\"_blank\" rel=\"noopener\">WP Optin Wheel<\/a>, to add our spin the wheel feature. In order to use this plugin, you will need a Mailchimp account and an API key, which is free, and simple to obtain, as you will shortly see.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Once you have installed and activated the plugin, you will need to configure it. Navigate to <strong>Installed Plugins<\/strong> on your WordPress dashboard, find the WP Optin Wheel plugin on the list, and click on <strong>Settings<\/strong>.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/1-Install-a-Spin-the-Wheel-Feature-Using-a-Plugin.jpg\" class=\"attachment-full size-full\" alt=\"Install a Spin the Wheel Feature Using a Plugin\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/1-Install-a-Spin-the-Wheel-Feature-Using-a-Plugin.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/1-Install-a-Spin-the-Wheel-Feature-Using-a-Plugin-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/1-Install-a-Spin-the-Wheel-Feature-Using-a-Plugin-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/1-Install-a-Spin-the-Wheel-Feature-Using-a-Plugin-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]In the <strong>General Settings<\/strong> tab, check <strong>Use log file<\/strong> to log all users and the results of their spins. You can also see that the plugin supports WooCommerce coupon integration, but not in the free version we are using.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/2-Use-log-file.jpg\" class=\"attachment-full size-full\" alt=\"Use log file\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/2-Use-log-file.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/2-Use-log-file-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/2-Use-log-file-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/2-Use-log-file-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]In the <strong>Email Integration<\/strong> tab, you can integrate your wheels with Mailchimp in the free version, and other email and messaging services and your own WordPress database with the premium version. You need a Mailchimp API Key in order to use the plugin.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]You can get one for free by signing up to <a href=\"https:\/\/login.mailchimp.com\/signup\/\" target=\"_blank\" rel=\"noopener\">Mailchimp<\/a>. Once you have submitted a valid email address, selected a user name and a password, and clicked <strong>Sign Up<\/strong>, a confirmation email will be sent to the submitted address.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/3-Mailchimp.jpg\" class=\"attachment-full size-full\" alt=\"Mailchimp\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/3-Mailchimp.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/3-Mailchimp-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/3-Mailchimp-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/3-Mailchimp-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]You will then need to activate your account by following the link from the email. Simply click <strong>I\u2019m Not A Robot<\/strong>.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/4-Mailchimp-I-am-Not-A-Robot.jpg\" class=\"attachment-full size-full\" alt=\"Mailchimp I am Not A Robot\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/4-Mailchimp-I-am-Not-A-Robot.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/4-Mailchimp-I-am-Not-A-Robot-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/4-Mailchimp-I-am-Not-A-Robot-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/4-Mailchimp-I-am-Not-A-Robot-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Next, you need to choose your pricing plan. We will create a <strong>Free<\/strong> plan for this demonstration.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/5-Mailchimp-Free-plan-for-this-demonstration.jpg\" class=\"attachment-full size-full\" alt=\"Mailchimp Free plan for this demonstration\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/5-Mailchimp-Free-plan-for-this-demonstration.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/5-Mailchimp-Free-plan-for-this-demonstration-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/5-Mailchimp-Free-plan-for-this-demonstration-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/5-Mailchimp-Free-plan-for-this-demonstration-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]You will need to fully configure your profile. Simply fill out all the forms with your current and valid data.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/6-Mailchimp-configure-your-profile.jpg\" class=\"attachment-full size-full\" alt=\"Mailchimp configure your profile\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/6-Mailchimp-configure-your-profile.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/6-Mailchimp-configure-your-profile-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/6-Mailchimp-configure-your-profile-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/6-Mailchimp-configure-your-profile-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Next, while logged on, go to your <a href=\"https:\/\/us7.admin.mailchimp.com\/account\/api\/\" target=\"_blank\" rel=\"noopener\">API Keys screen<\/a>. There you will need to click the <strong>Create A Key<\/strong> button.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/7-API-Keys-screen.jpg\" class=\"attachment-full size-full\" alt=\"API Keys screen\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/7-API-Keys-screen.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/7-API-Keys-screen-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/7-API-Keys-screen-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/7-API-Keys-screen-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]You will have then generated a key. Simply copy it.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/8-generated-a-key.jpg\" class=\"attachment-full size-full\" alt=\"Generated a key\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/8-generated-a-key.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/8-generated-a-key-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/8-generated-a-key-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/8-generated-a-key-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Going back to your plugin configuration screen, paste the API key into the field in the <strong>Email Integration<\/strong> tab.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/9-Email-Integration-tab.jpg\" class=\"attachment-full size-full\" alt=\"Email Integration tab\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/9-Email-Integration-tab.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/9-Email-Integration-tab-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/9-Email-Integration-tab-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/9-Email-Integration-tab-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]To create a wheel, you, unsurprisingly, need the <strong>Add Wheel<\/strong> tab. There, you will need to select a theme first.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/10-Add-Wheel-tab.jpg\" class=\"attachment-full size-full\" alt=\"Add Wheel tab\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/10-Add-Wheel-tab.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/10-Add-Wheel-tab-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/10-Add-Wheel-tab-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/10-Add-Wheel-tab-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Next, there is the win percentage. You can set it up as high or as low as you like, or leave it at the default value of 70%.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/11-Win-percentage.jpg\" class=\"attachment-full size-full\" alt=\"Win percentage\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/11-Win-percentage.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/11-Win-percentage-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/11-Win-percentage-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/11-Win-percentage-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Your wheel will have 12 slices, each of which can be a <em>No Prize<\/em>, <em>Coupon Code<\/em>, or <em>Link slice<\/em>. If you have anything less than 100% in your <strong>Winning chance<\/strong> field on the previous screen, that will be the likelihood a winning result (<em>Coupon Code<\/em> or <em>Link<\/em>) will be granted. The difference up to 100% will mean the wheel will stop on a <em>No Prize<\/em> field.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]You can also customize the exact <strong>Text<\/strong> of each slice, and the <strong>Value<\/strong> and <strong>Chance<\/strong> of each winning slice, making sure the win chance totals 100%. As you can see, while the slices appear to the user to have the same width, the actual likelihood of your dishing out too many discounts or more coupons than it pays to redeem is negligible: you control the odds.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/12-Customize-the-exact-Text-of-each-slice.jpg\" class=\"attachment-full size-full\" alt=\"Customize the exact Text of each slice\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/12-Customize-the-exact-Text-of-each-slice.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/12-Customize-the-exact-Text-of-each-slice-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/12-Customize-the-exact-Text-of-each-slice-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/12-Customize-the-exact-Text-of-each-slice-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Next up is the form. This form serves two purposes: to make sure nobody spins the wheel more than once, and to gather your visitor data in the log. This can be as simple as an email field, or as complex as you like it. Just bear in mind that visitors tend to be put off by forms which take a long time to fill out.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/13-Wheel-form.jpg\" class=\"attachment-full size-full\" alt=\"Wheel form\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/13-Wheel-form.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/13-Wheel-form-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/13-Wheel-form-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/13-Wheel-form-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Finally, you will arrive at the settings screen. This is subdivided into several sections.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/14-Wheel-settings-screen.jpg\" class=\"attachment-full size-full\" alt=\"Wheel settings screen\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/14-Wheel-settings-screen.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/14-Wheel-settings-screen-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/14-Wheel-settings-screen-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/14-Wheel-settings-screen-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]In the <strong>Content settings<\/strong> section, you can configure the text which your visitors see, apart from the text on the slices: title, disclaimers, button text, winning text, and so on.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/15-Wheel-content-settings.jpg\" class=\"attachment-full size-full\" alt=\"Wheel content settings\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/15-Wheel-content-settings.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/15-Wheel-content-settings-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/15-Wheel-content-settings-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/15-Wheel-content-settings-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]In the <strong>Design settings<\/strong> you can select the <strong>Background pattern<\/strong> for your wheel, with most options reserved for the premium version of the plugin, while the <strong>Behavior settings<\/strong> section governs when the wheel appears and reappears once a user has spun it.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/16-Wheel-behavior-settings.jpg\" class=\"attachment-full size-full\" alt=\"Wheel behavior settings\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/16-Wheel-behavior-settings.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/16-Wheel-behavior-settings-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/16-Wheel-behavior-settings-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/16-Wheel-behavior-settings-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]The <strong>List settings<\/strong> are used to subscribe the users who choose to submit their addresses to a mailing list, while <strong>GDPR settings<\/strong> govern checkbox rules, if there are any. You then need to <strong>SAVE<\/strong> your wheel.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]If you take a look at the <strong>Wheels<\/strong> tab, you will find that the wheel we have generated is active. We can edit it, delete it, or duplicate it.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/17-Wheels-tab.jpg\" class=\"attachment-full size-full\" alt=\"Wheels tab\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/17-Wheels-tab.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/17-Wheels-tab-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/17-Wheels-tab-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/17-Wheels-tab-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]The wheel will now appear as soon as a visitor reaches your website, just as you have configured it. They will then need to submit their email address, and click the <strong>Try Your Luck<\/strong> button. They can remove the pop-up by clicking the <strong>I don\u2018t feel lucky<\/strong> link below.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/18-Try-Your-Luck-button.jpg\" class=\"attachment-full size-full\" alt=\"Try Your Luck button\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/18-Try-Your-Luck-button.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/18-Try-Your-Luck-button-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/18-Try-Your-Luck-button-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/18-Try-Your-Luck-button-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]With some luck, they will win a prize. They can follow the link you supplied, or claim a coupon code you have configured. If they don\u2018t, well, there\u2018s always next time.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/19-Claim-a-coupon-code.jpg\" class=\"attachment-full size-full\" alt=\"Claim a coupon code\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/19-Claim-a-coupon-code.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/19-Claim-a-coupon-code-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/19-Claim-a-coupon-code-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/03\/19-Claim-a-coupon-code-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Once they click the <strong>I\u2018m Done Playing<\/strong> button, the pop-up will be removed and they will be free to browse your website.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\">In Conclusion<\/h2>\n<p>[\/vc_column_text][vc_column_text]As we have shown, it is very easy to install a spinning wheel feature on your WordPress website, and it is a powerful conversion and data gathering tool when used properly. So, if you feel your website can benefit from this interactive feature, go on and install it. It takes next to no time at all and needn\u2019t cost you anything \u2013 apart from what you are willing to spend on the prizes. [\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Want to engage your visitors, make special offers, and get them to subscribe to your mailing list? Try a spinning wheel: we will show you how.<\/p>\n","protected":false},"author":16990,"featured_media":22166,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[88,15,4,13],"class_list":["post-22122","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","tag-games","tag-plugins","tag-tips","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/22122","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/users\/16990"}],"replies":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/comments?post=22122"}],"version-history":[{"count":0,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/22122\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media\/22166"}],"wp:attachment":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media?parent=22122"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/categories?post=22122"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/tags?post=22122"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}