3.2. Set up your Wheel of Fortune.
3.4. Wheel with a Personality Test.
3.5. Wheel with a Quiz based on points.
3.6. Wheel with code validation.
3.7. How to publish the Wheel.
1. Introduction.
With Cool Tabs, you can create gamified campaigns using a Wheel of Fortune to distribute instant prizes. Here’s how it works:
- Users access the campaign.
- They fill out a form.
- They immediately find out if they’ve won.
Some key features of the Prize Wheel mechanic include:
- Customize the wheel: images, colors, and text.
- Set up prizes: quantity, distribution date and time, and number of attempts per user.
- Queue system: If a prize isn’t assigned immediately, it’s queued for future participants.
- Collect custom data: name, email, phone number, etc.
The wheel helps generate virality, capture leads, build customer loyalty, and incentivize purchases.
2. Ideas and Examples.
The Wheel can be adapted to different mechanics. Here are some examples:
- Instant Win Prizes: random prize distribution, like in this DEMO.
- Consolation Prize Wheel: non-winners receive a discount on the final screen.
- Wheel + Personality Test: outcomes depend on user responses.
- Wheel + Points Quiz: assign sections based on the score obtained.
- Wheel + Code Validation: users must enter a code to participate. Check out the DEMO for a Code Validation Wheel.
- Embedded Wheel in a Website/E-commerce: distribute discounts or promotions, such as free shipping or buy-one-get-one offers.
3. Step by Step.
3.1. Create the campaign.
First, you must create your campaign and configure the basic setting.
Is it your first time creating a campaign with Cool Tabs? In the following tutorial, we will show you how to configure the basic sections of a campaign, as well as other recommended settings, to ensure its proper functioning and maximize results.
How to get started on creating a campaign: basic settings.
If you have any questions, contact us at help@cool-tabs.com.
3.2. Set up the Wheel.
Go to the "Gamifications" section, select the wheel, and click "Configure."
3.2.1. Wheel sections.
Add the sections (segments), which are the fields the wheel pointer can land on.
For each section, fill out the following details:
- Public Name: the name displayed on the wheel section.
- Internal Name: a name for internal reference.
- Occurrences: the number of times this section will appear on the wheel.
- Text and Background Color.
- Image (optional): you can add an image to represent the section. Ensure the images are designed to fit the specific section size for proper alignment and visibility.
Section Images
If you choose to include images for each section, create them to scale based on the total number of sections.
The wheel circumference is generated with a 368px radius (736px diameter). Make sure the design doesn’t exceed 736px in width and height. Export each section individually, ensuring the top vertex points upward.
Example:
3.2.2. Other configurations.
Default Section
Define the default section to be shown to users. For Instant Win mechanics, this should usually be the "non-winner" or "try again" section.
Guaranteed Prize
To ensure all participants win a prize, set the default section as a low-value prize (e.g., a 5% discount).
3.2.3. Design.
When to Display the Wheel:
a) Before the data form.
Show the wheel in the background before and during form completion. Users will see their results on the thank-you screen.
Note:
- By default, the roulette wheel is shown in motion.
- However, you have the option to display a button that activates the wheel and starts it spinning. When the participant clicks on the button, the form will be displayed. The wheel will start spinning while the user is filling in his/her data. To activate this button, check the checkbox '
In addition, this configuration allows you to include content (text and/or images), as a landing of the roulette. To include content in this screen, you only have to fill in the Description field.
Below, you can see how the 'TRY YOUR LUCK' button and a description will be displayed on the screen.
b) On the final screen.
Display the wheel only on the final screen after form completion. The wheel will only be displayed on the final thank-you screen, where the participant sees the result. This way, while the user is filling out the form, they will not be able to see the wheel. Once the form is completed, the result of the wheel will be shown.
Imagen for the center of the wheel
Add a logo or icon to the center of the wheel for branding or theme enhancement. The image can rotate with the wheel or remain static.
For best results:
- Use a transparent, square PNG.
- Choose a small size (50-100px) to avoid interfering with the segments and ensure optimal visibility.
- If you enable the rotation option, keep in mind that the central circle will not be displayed. Therefore, it is advisable that the background of the image is not completely transparent.
Wheel frame and arrow colors
You can configure other aspects.
- Fortune wheel's exterior border, arrow and decoration color
- Fortune wheel's border background color
Wheel section font size
You can adjust the font size in the wheel's sections to improve visibility and fit your campaign's design.
Please note that if the font size is increased significantly, text may slightly overlap the section area.
Seconds until the wheel stops
The stopping time can also be customized, allowing the wheel to spin for more or fewer seconds as desired, enhancing the user experience.
Wheel design
Finally, select the type of style:
- Classic
- Minimalist
When you have the wheel configuration ready, return to the campaign editor.
Depending on the type of wheel you want to create (linked to instant prize distribution, a personality quiz, or a knowledge quiz), you will proceed with one configuration or another.
3.3. Wheel with Instant Win.
The most common option is to configure a wheel combined with the instant distribution of prizes.
To set up the individual Instant Wins or winning moments (prizes you will distribute), you need to have already defined the sections of the wheel to assign each winning moment. That’s why you must first configure the wheel. If you haven’t done so yet, review the previous step in the tutorial.
1. Go to the 'Instant Wins' section.
2. Activate the option 'Automatic winner selection'.
3. Click on the 'Manage individual Instant Wins' button and assign prizes to specific sections.
In the settings for each Instant Win, you can assign them a section of your wheel.
To configure the Instant Wins, check the following tutorial: How to create an Instant Win campaign.
Once the Instant Wins have been defined and associated with the corresponding section of the wheel, all you have to do is save this section and set up the final screen.
3.4. Wheel with a Personality Test.
You also have the option to configure a personality quiz, showing the result through a Prize Wheel. After setting up the wheel, you’ll need to configure the quiz.
1. Create the quiz from the 'Quiz' section. Assign categories based on the answers. Depending on the user’s responses, they will be assigned a category and a final result.
You can refer to the tutorial How to create a Personality Test.
2. Go to 'Final Screen' > 'Manage individual final screens'.
3. In the 'Manage individual final screens' section, configure each final screen and assign a category to each. Don’t forget to define the associated section of the wheel. This way, if a user answers the quiz questions and gets a specific category, it will be displayed on the final screen with the wheel.
You can refer to the tutorial: How to configure thank-you or results screens.
4. Save the changes.
3.5. Wheel with a quiz based on points.
Another option is to create a points or accuracy-based quiz, showing the result through a Wheel of Fortune. After setting up the wheel, you’ll need to configure the points-based quiz.
1. Configure the quiz in the 'Quiz' section by assigning points to each answer.
You can refer to the tutorial: How to create a trivia or knowledge quiz.
2. Go to 'Final Screen' > 'Manage individual final screens'.
3. Configure the final screens and, in each, define the points and link them to sections of the wheel.
You can refer to the tutorial: How to configure thank-you or results screens.
4. Save the changes.
3.6. Wheel with code validation.
A final option is to link the wheel to an Instant Win campaign with code validation, where codes have been distributed to your customers beforehand. These codes can either be the same for all customers or personalized.
Only users who complete the data form and enter a code for validation will be able to participate in the wheel.
To configure code validation:
1. Activate validation in the 'Validation' section and upload the codes (up to 15,000).
2. Add the codes that the application should validate when users enter them during participation. You can upload up to 15,000 codes for free in an Excel or CSV file.
If you’ve distributed repeated codes, activate 'Code reuse', so the same code can be used by multiple participants.
In this case, the wheel is linked to Instant Wins (winning moments) you must configure beforehand, as indicated in section 5.3 of this tutorial. However, not all codes need to be winners. You can set up a campaign where users must enter a code to participate, and the code may or may not be tied to a prize.
3. Go to the 'Final Screen' section to customize the default message shown to users who enter a non-winning code.
4. Configure the screens winners will see in 'Final Screen' > 'Manage individual final screens'. You’ll need to create as many screens as there are types of prizes to distribute and indicate which codes participants need to enter to see a specific screen, linking it to a wheel section.
5. Save all changes.
3.7. How to publish the Wheel.
Next, we'll show you all the options available to you when publishing a campaign with Cool Tabs. You can use whichever options you'd like.
3.7.1. On a microsite.
Each campaign has a unique URL you can share on social media, blogs, etc.
Through this link, users can access the campaign and participate directly from the microsite. It’s also mobile-compatible.
Refer to the guide: How to access the URL of your campaign to publish it.
3.7.2. Embedded in a website.
We offer a content widget to embed any campaign on a webpage, blog, or microsite. There are two ways to embed a campaign:
- Embedded in the body text of a website. You only have to copy the content widget, with the HTML code, to display it.
- Through a pop-up. You can show the wheel through a pop-up window, which will appear in the area of the screen you want. It can be displayed automatically or displayed when the user clicks on a button.
Once you’ve created and saved your campaign, you can publish it. To do this, go to the main page, where your list of campaigns appears.
To access the campaign URL, go to the main campaign page. Click on the settings icon, then select 'Publish'.
There you’ll find the campaign URL, which you can share on your social media, blog, newsletter, etc.
4. Other Specifications.
You can create a Spin & Win campaign using:
- Cool Promo (Gold Plan).
- Cool Promo White Label (Diamond Plan).
Not a Cool Tabs user yet? Try the 7-day Free Trial, which allows you to test any of our plans.
For any questions, email us at help@cool-tabs.com.
5. Content Related.
How to access the URL of your campaign to publish it.
How to create a Scratch and Win campaign to give out instant win prizes.
How to create a Personality Test.
Comments
0 comments
Please sign in to leave a comment.