Games
      Back to home
      1. The Komo Knowledge Base
      2. Engagement Hub
      3. Games

      Spin to Win Card

      The Spin to Win Card turns an age-old favourite into completely customisable gamified content - the ultimate way to engage & reward your audience.

      Contents 

       

      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 


      • Navigate to your Engagement Hub and click the + icon at the top of your screen to Add Content.
      • From here select Games and then find or search for Spin to Win. 
      • 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: Review the Overview Tab

      • The Overview Tab provides you with all the necessary resources to successfully build out your own Spin to Win Card! 
      • (1) + (2) From here, you can schedule or publish your Card. 
      • (3) The Setup guide will show you which steps are required before your Card is ready to go live. This corresponds to the caution icons you will see on the Tabs in the left-hand menu. 
      • (4) Here, you have links to helpful resources, like this Help Article and Design Guidelines for the Spin to Win Card.

       

       

      Step 3: 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) Add an optional title to your Spin to Win card, (7) or toggle this off here. 

      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, (8) or 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 4: 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.

       

        • (A) 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). 
        • (B) Upload an image to reflect your result.
        • (C) Add an optional description that explains the prize or next steps. 
        • (D) Here you can add a call-to-action button to your result screen with an external URL. 
        • (E) Navigate to the righthand toolbar and give the result a name.
        • (F) Here you can also enable a pop of confetti on the reveal, (G) enable users to play again and (H) add a back to hub button. 
        • (I) 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. 
        • (J) 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. 
        • (K) Input the number of times you want this particular wedge to repeat on the spin wheel. You can leave this as 1. 
        • (L) 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 5: 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) To add a prize to a particular wedge, click on the 3 dots next to a result and select Add Prize. 

        • (A) 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. If you need guidance on setting up a Data Capture form, check out this article. 

        • (B) 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 guidance on setting up prizes and comms, head to this article. 

      • (2) To configure your wedge probabilities, click on the 3 dots next to a result and select Edit Probability. 

        • (A) Input the probability of the result and select the 'in' value from the dropdown menu. 
        • (B) Click Save.

       

      CleanShot 2023-05-17 at 14.29.39

      • (3) To configure your wedge result limits, click on the 3 dots next to a result and select Edit Limit. 

        • (A) If the result is unlimited in nature, select Unlimited and click Save.
        • (B) If the result is limited in nature, select Limited and enter a max winners limit value.
        • (C) Click Save.
        • Repeat this step for every Wedge you create. 

       

      Step 6: 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) Add a title to your game by inputting text above the spin wheel. 
      • (4) Add an optional description to your game by inputting text here. 
      • (5) Navigate to the righthand toolbar to the Background dropdown menu. 
        • (A) Here you can edit the text colour of your header and description, (B) or alternatively, upload a background image. 
      • (6) Navigate to the Border dropdown menu. 

        • (A) Here you can choose a solid-coloured border or our classic spin wheel style.
        • (B) Here you can configure the colour of your border. 
      • (7) Navigate to the Wheel dropdown menu. 

        • (A) Here you can change the border colour of the wheel, (B) the width of the wedge borders inside the spin wheel, (C) add an image to replace the spin button or (D) change the colours of the spin button. 
        • (E) 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 4). 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. 

        • (a) By clicking on Default wedge colours, you can change the text colour of your wedges. 
        • (b) Here you can also edit the background colour of your wedge. 
        • (c) Clicking here will delete your selected wedge colour. 
        • (d) Clicking here will add a new wedge colour. 
        • (e) Click update. 

        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) By clicking on the Spin button, you can see how the mechanic functions!

        Step 7: Add a data capture form 

        CleanShot 2023-05-17 at 14.56.27
        • (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.

        Group 1660

        Note: Don't forget to return to Step 5 if you wish to add a second data capture form to your prizes to collect an extra piece of data from your users! 

         

        Step 8: 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) Publish your Card immediately by clicking here. 
        • (4) Alternatively, you can schedule your Card here. 
        • (5) Preview and interact with the card on the front end from a user's perspective before publishing it.

        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!

         

        Promotion

        Group 1327-png

         

        FAQ

        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. 

         

        Top Tips

        • 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 support@komo.tech

         

        We also love your feedback, so please let us know if this article helped you by selecting from the options below. 

         

        Louis Docherty 

        Head of Customer Success