The Spin to Win Card turns an age-old favourite into completely customisable gamified content - the ultimate way to engage & reward your audience.
What is it?
The Spin to Win Card is a way to instantly reward users through a virtual spin-the-wheel experience.
See it in action
How do I build one?
- Step 1: Add a Spin to Win Card to your Hub
- Step 2: Add a cover image
- Step 3: Set up your gameplay screens
- Step 4: Configure prizes, limits & probabilities
- Step 5: Style your Spin to Win
- Step 6: Add a data capture form
- Step 7: Publish your Card
Step 1: Add a Spin to Win Card to your Hub
- (1) Navigate to your Engagement Hub and to the Editor tab.
- (2) Once there click to + icon at the top of your screen to Add Content.
- (3) From here select Games and then find or search for Spin to Win.
- (4) Give your Card an Internal Name and select Add to save your changes.
- You will then see your new card has been added to your Hub.
Step 2: Add a cover image
- Clicking on the Spin to Win card will open the editing module.
- (1) Navigate to the Cover tab of the editing module.
- (2) By navigating to the righthand toolbar, you can add an optional title to your Spin to Win card.
Note: We often see our customers describe their cards using copy within their cover image!
- (3) This is where you can upload a cover image by clicking on the add image icon.
Note: In order for this card to be publishable, a cover image is required.
- (4) Clicking on the call-to-action button will allow you to edit the copy and colours of this section. You can toggle this off in the righthand toolbar if you do not wish to include a call-to-action.
- (5) You can add an author tag by toggling this on in the righthand toolbar. This can be used to display the brand or individual who's responsible for the card content.
- (6) Add an optional description to the card by toggling this on in the righthand toolbar.
Step 3: Set up your gameplay screens
- (1) Navigate to the Gameplay tab of the editing modal.
- Here is where you will set up all the screens which will be seen by your users.
Note: There will be a pre-filled Fallback Result in this modal. For reference, a Fallback Result in the Spin to Win Mechanic is the 'losing' wedge.
- (2) To create a new spin wheel wedge, click on the + icon. This will open the wedge and results screen editing modal.
- (3) Using the result screen editor, title your result (in most cases, this result would be how you reveal a prize or reward to your user).
- (4) Upload an image to reflect your result and add an optional description that explains the prize or next steps.
- (5) Navigate to the righthand toolbar and give the result a name. Here you can also enable a pop of confetti on the reveal, enable users to play again and add a back to hub button.
- (6) To style your wedge, input the text that will display on the spin wheel, edit the wedge and text colour and enter the number of times you'd like to wedge to be repeated on the spin wheel.
- (7) In the next step, we'll show you how to configure your wedge colour palette so that your wedges will automatically shift through a pre-selected list of brand colours. However, you can also choose to override the wedge colour for a particular result by toggling this on in your Wedge Styling settings and configuring the wedge and text colour as you wish.
- (8) Click Save.
- Repeat this step for every Wedge you create.
Note: To edit an existing wedge, select the 3 dots next to a particular result and click Edit Wedge.
Step 4: Configure prizes, limits & probabilities
Probabilities: The chance of a user landing on a particular wedge. This can be set as _ in 10, 100, 1000, and so on.
Result Limits: The availability of the result/ prize/ reward on each wedge. Can be set as unlimited or limited to a set number. Once the limit is reached, users will land on the fallback result.
- (1) Navigate to the Gameplay editing modal where you can view all the wedges you have created.
- (2) To add a prize to a particular wedge, click on the 3 dots next to a result and select Add Prize.
- (3) Here, you can add an extra data form to a particular prize wedge.
Note: This extra data capture form is perfect for getting that extra piece of information that you don't necessarily need unless a user lands on a prize wedge, i.e. their postal address to send them their prize.
- (4) Add email communications and/or SMS communications to each prize. Here you can attach coupons, link them to an external reward or provide the next steps. If you need some guidance on setting up prizes and comms, head to this article.
- (5) To configure your wedge probabilities, click on the 3 dots next to a result and select Edit Probability.
- (6) Input the probability of the result and select the 'in' value from the dropdown menu.
- (7) Click Save.
- (8) To configure your wedge result limits, click on the 3 dots next to a result and select Edit Limit.
- (9) If the result is unlimited in nature, select Unlimited and click Save.
- (10) If the result is limited in nature, select Limited and enter a max winners limit value.
- (11) Click Save.
- Repeat this step for every Wedge you create.
Step 5: Style your Spin to Win
- (1) Navigate to the Styling tab of the Spin to Win editing modal.
- (2) To edit the Header Bar of your game, click on the header. Here you can change the header background colour, close button colour and add your logo to the top of your Spin to Win.
- (3) Click Save.
- (4) Add a title to your game by inputting text above the spin wheel.
- (5) Navigate to the righthand toolbar. Here you can edit the background of your game by changing the colour, text colours or uploading an image.
- (6) To style your wheel border, use the Border Styling section of the righthand toolbar. Here you can choose a solid-coloured border or our classic spin wheel style and configure the colour of your border.
- (7) To style your spin wheel wedges, use the Wheel Styling section of the righthand toolbar. Here you can change the border colour of the wheel, the width of the wedge borders inside the spin wheel, add an image to replace the spin button or change the colours of the spin button.
Tip: While you can upload a custom font to your Hub (read how to do this here), the Spin Button is an image and so your custom font will not pull through here. To change the text on the button, upload an image to the spin button in accordance with the design guidelines.
- (8) Here is where you can set the default colours for your wedges (please note that this is not required if you have overridden the colours of your wedges in step 3). This will mean that your wedges will be pre-filled with your branding colours and the wedges will switch between these automatically as opposed to manually selecting a colour for each wedge.
Step 6: Add a data capture form
- (1) Data capture is required for this card. This will be on by default but will require you to configure additional settings.
Tip: Within this card, you can alter the communications within the data capture and when setting up the prize screens.
Note: Don't forget to return to Step 3 if you wish to add a second data capture form to your prizes to collect an extra piece of data from your users!
Step 7: Publish your Card
Once you've completed all of these steps, tested your card and are happy with all the aspects, it's time to make your Spin to Win live!
- (1) Head back to the Overview tab of your Spin to Win card.
- (2) Go over the Go Live Checklist and ensure that you have configured all of the necessary elements of the Spin to Win.
- (3) Preview and interact with the card on the front end from a user's perspective before publishing it.
- (4) Schedule your card to be published and unpublished at set dates and times.
- (5) Or publish it straight away for the whole world to see!
Note: All competition entries will be recorded and will impact the card analytics.
"Go Live" Checklist
Ready to go live with your Spin to Win? We recommend reviewing the following list before launching and double-checking that you have:
- All images uploaded to each screen are the correct dimensions. Export image files in 2x to ensure none of the images appear pixelated.
- Hyperlinked your T&C's to the opt-in-field, which is created in the data capture section of the settings tab.
- All your communications (Prize screen/s and Fallback screen/s) fully set up and ready to send.
- Made sure the coupons you've used (if any) are set up correctly. Check the coupon limits are set, the copy for each screen is right and you have linked the appropriate coupons to your communications.
- Ensured you have set the probability for each result screen.
- Ensured you have set the limits for each result.
- Edited the Styling of the Spin to Win to your branding.
- Checked that your spin wheel is configured to your desired order of wedges by viewing it in the Styling tab.
- Ensured that if you have multiple result screens, each have an internal name to help you distinguish between the prizes in the analytics.
Then you're ready to go live!
Is there a limit to the number of wedges I can have on the spin wheel?
You can have as many wedges as you'd like. Just keep in mind that the more you add, depending on your text input, the more the spacing and sizing will be limited.
How many prizes can I have?
You can have as many prizes as you like. The only exception is that the probability of winning all prizes combined must not be greater than 100.
- Include a bit of information in your cover image. Mention what prize/s can be won. This will get users to engage more as they know the prize/s. You can add this information on the top of the card instead by using the Options button located at the bottom of the card and selecting Description.
- Set up communications for prize winners in the Result screen section. After designing the Prize Result screen, on the left, you can set up SMS or Email communications. These communications will be sent out instantly when a user has won.
- The communications tab in the Data capture section is an overview of all communications set up for the game.
- Direct users back to the Hub in the Failure screen to compete in more competitions and games. Drive more traffic and engagement to your Hub.
- Set the probability of seeing a result screen accordingly. If you have a couple of prizes to give away, set the probability lower so you don't reach your prize limit too soon and can drive more traffic to your Hub. If your game is active for a certain period of time, set the probability a bit higher to reach your prize limit.
One last note:
At Komo, we pride ourselves on not only the results our clients achieve with us but the service they receive whilst bringing their Hub's to life.
If you ever have any questions about an upcoming activation, how you can best utilise Komo to get the best possible outcome, or just a general query, please don't hesitate to reach out to your Customer Success Specialist or email us at firstname.lastname@example.org
We also love your feedback, so please let us know if this article helped you by selecting from the options below.
Head of Customer Success