Live Predictor Card (Basic)

Ask predictor questions and reveal the correct answers in real time. Reward players for returning and engaging.

Contents:

 

What is it?

The Predictor Card is a game that requires users to correctly predict a series of outcomes based on a real-life event such as a sports game, reality TV show, or awards night. 

There are two different kinds of the Predictor Card:

Basic: Users get predictions either right or wrong and the winner is typically drawn from those who got the most predictions correct.

Advanced: Each question has a different allocation of points based on previous responses to that prompt. The person who finishes with the most points when the competition closes is the winner.

Note: This article will focus on building the basic version of the Predictor card. To learn about the advanced version of the Predictor card, click here.

 

 

See it in action

 

Watch it come to life

Coming soon!

 

 

How do I build one?

 

Step 1: Add a Predictor card to your Hub

  • Navigate to your Engagement Hub
  • Once there click Add content, from here select Games and then Predictor. 
  • Add an internal name and select Basic as your style. Following this click Add.
  • You will then see your new card has been added to your Hub.

 

Step 2: Add a Cover image

  • Clicking on the Live Predictor will open the editing module. 
  • (1) By clicking here you can add a title to your Predictor card.
  • (2) This is where you can upload a cover image.
  • (3) Here you can edit the color and copy of the call-to-action bar.
  • (4) You can add an author tag by displaying the brand or person who's responsible for the card content.
  • (5) Add a description to the card.
  • (6) Here you can choose to toggle off the segment preview.   

 

Step 3: Set up your Data capture

Unlike other cards the Live Predictor card comes with a data capture already added, you will just be required to finish setting it up. For a guide on how to do this check out our article below.

Group 1660

Step 4: Create a Segment 

A segment simply refers to a portion of your event/events. For a sports game, a segment may be an individual quarter or if you're running a season-long competition an individual game. For a reality TV show, one segment may be one episode. How you choose to break down your Predictor card is entirely up to you. 
  • (1) Here you will need to name the segment. For instance, if you're separating the segments by quarters you would name the segment "1st Quarter".
  • (2) This eye marks whether or not this segment is visible to front-end users. Currently, it has a strike through it meaning this segment is currently hidden from users. Unmark this when you're ready to push a segment live.
  • (3) By clicking on this icon you will be able to schedule the opening and closing times of this segment.
    Note: You will first need to add a question to the segment in order to use this feature.
  • (4) This option allows you to add a communication associated with this segment. You can use this feature to notify users that a new segment has now opened.  
  • (5) By clicking on the three dots you will have the option to archive and delete segments.
  • (6) By clicking the plus icon you can then choose what question type you'd like to add to the segment.
  • (7) This option adds a multiple-choice-based question to your segment.

  • (A) Write in your question here, ie: Which player will have the most disposals in the first quarter?
  • (B) Here you can fill out your potential answers. If you'd like to you can turn this multi-choice question into a quiz question by selecting the tick icon next to the correct answer. Otherwise, you will come here following the segment finishing and nominate the correct answer.
  • (C) Clicking the plus icon will add another potential answer to the question.
  • (D) Clicking here will allow you to change the color and copy of the CTA bar.
  • (E) Here you can give your question an internal name that makes it easier to keep track of. 
  • (F) Toggling this on will allow you to add a cover image to the multi-choice question.
  • (G) Changes the answer layout.
  • (H) Toggling this on will allow you to add a sponsor tag to your question.
  • (8) This option adds a Market Research question (for bonus points) to your Predictor card, which behaves just like a multi-choice question without the correct answer option.

  • (A) Write in your question here, ie: What's your favourite thing about watching the footy?
  • (B) Here you can fill out your potential answers.
  • (C) Clicking the plus icon will add another potential answer to the question.
  • (D) Clicking here will allow you to change the color and copy of the CTA bar.
  • (E) Here you can give your question an internal name that makes it easier to keep track of. 
  • (F) Toggling this on will allow you to add a cover image to the multi-choice question.
  • (G) Changes the answer layout.
  • (H) Toggling this on will allow you to add a sponsor tag to your question.
  • (I) Deletes the question.
  • (9) This option adds a slider-based question to your segment.

  • (A) Write in your question here, ie: How many disposals will X have?
  • (B) Add a background image here, the recommended sizing is 1920px x 1080px
  • (C) Add a slider icon here, best practice is to use a .PNG file with a transparent background. The recommended size is 400px x 400px.
  • (D) Clicking here will allow you to change the color and copy of the CTA bar.
  • (E) Here you can give your question an internal name that makes it easier to keep track of. 
  • (F) Sets a minimum point in the guessing range.
  • (G) Sets a maximum point in the guessing range.
  • (H) Once you know the correct response to your question, you can set the correct answer here when revealing answers.
  • (I) For number guess questions if entrants guess within the set tolerance it will be marked as correct. 
  • (J) Toggling this on will allow you to add a sponsor tag to your question.
  • (K) Deletes the questions.
  • (10) If you're wanting to push a segment to go live manually, click on the play icon. Alternatively, you can schedule the segment to go live by selecting the calendar icon.
  • (11) Here you can view all archived segments.
  • (12) This option closes the card.

Step 5: Add another Segment (Optional)

  • (1) If you'd like to add another segment to the card, do this by selecting the plus icon at the bottom in the grey area.
  • (2) Add a name to your segment.
  • (3) Add an optional subtitle to your segment. 

Step 6: Style your card 

  • (1) Add a logo to the header of the Predictor card.
  • (2) Changing these colors will change the color of your Predictor card's title and header background.
  • (3) Changes the highlighting color of the active tab.

  • (4) Changes the colors of the body
  • (5) Toggles the ability to set a background image on your Predictor card.
  • (6) Applies a colored overlay to the background of your Predictor card.
  • (7) Add a banner image to the footer of your Predictor card. 

  • (8) Here you have the option to hide the response percentages.
  • (9) Here you can configure the color of the answer borders when a user submits their predictions.

  • (A) The border of a selected answer can be configured here, you can also alter the color of the border when a user gets the correct/incorrect or when the segment is closed.
  • (B) The color of text within the border can be configured here, you can also alter the color of the text when a user gets the correct/incorrect or when the segment is closed.

Step 7: Add your Prizes

  • Click on the Prizes tab, this will allow you to customize your Predictor card's prizing.
  • (1) Selecting the three dots will provide you with options to award and delete the prize.
  • (2) Clicking the plus icon allows you to add another prize to your Predictor card.

CleanShot 2022-09-29 at 15.11.35@2x

After clicking the plus icon, you can set up your prize.
  • (A) This option will allow you to cycle and preview the different entry status options.
  • (B) Upload an image.
  • (C) Set a name for the prize.
  • (D) Provide a description and overview of the prize and include details on how to enter.
  • (E) This is where you will set the awarding rule for the prize, for an in-depth breakdown on how to correctly configure this setting click here.
  • (F) + (G) Enter the copy associated with the prize here. If you'd like an in-depth breakdown of Email or SMS communications click here
  • (3) Use the burger menu next to the prize to rearrange the order of the prizes.
  • (4) Edit the prize status banner copy.
  • (5) Here you can alter the colors associated with an entered state.
  • (6) Alter the colors corresponding to a won state.
  • (7) Alter the colors corresponding to the state where the entrant hasn't won.
  • (8) Here you can award all the prizes at the end of your event.

 

Step 8: Add your Communications 

Tip: We see a lot of our customers use their communications to remind their users to return to the Hub to cast their predictions on new segments! 

 

 

Step 9: Entries

The information in this section will be everything you requested in the Data capture form, the number of predictions each entrant has made and the total number of questions each entrant has got correct.

  • (1) Clicking on the three dots, you can edit the entrant's details, resend any communications associated with that entrant and delete the entry.

Note: When you remove a user, it will delete all their details including current predictions. If they wish to enter the competition again, they can do so by re-entering their details, however, there will be no predictions associated with their new entry.

  • (2) Here you will be able to download a CSV file of all gameplay entries.

 

Step 10: Publish your card

Once you've completed all of these steps, played around with your card and are happy with all the aspects of your card, it's time to get your card live!

    • (1) Publish your card manually and instantly for the world to see. 
    • (2) Schedule your card to be published and unpublished at set dates and times. 
    • (3) Click on ... to Preview and interact with the card on the front end from a user's perspective before publishing it. See how to test your card here.

    Note: All competition entries will be recorded and will impact the card analytics.

     

    "Go live" checklist

    Ready to go live with your Live Predictor? We recommend reviewing the following list before launching and double-checking if you have:

    • All images uploaded are the correct dimensions. Export image files in 2x to ensure none of the images appear pixelated.
    • Added all your questions (including imagery where possible).
    • Used survey and market research questions to gain insights and user-generated social media content.
    • Created personalized communications for your market research questions.
    • Each segment is clearly labeled based on your event e.g. for an AFL match it will be "Round 1 Melbourne vs Adelaide Crows".
    • Make sure you have the eye icon marked as visible so your audience is able to see what segments you have ready or available. You can learn more about it here.
    • You have scheduled the segment to open and close, if you know the start and end date and time of your event. This is so you won't need forget or need to close the segment manually before your event is live.
    • Change the color of the question CTA bar to your brand colors.
    • 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 (Major Prize Winner, Minor Prize Winner, Everybody Else, Registration) are fully set up and ready to send. If you have communications scheduled for your segments, ensure these are ready to send at the correct date and time.
    • If you are using coupons, make sure the coupons created 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.
    • Ensure your Prizes and the awarding rules are set up correctly.
    • Edit the gameplay styling to your brand colors. Make use of the Advanced styling tab to adjust the color of each border question feedback.


    Then you're ready to go live!

     

    How do I run it?

    Check out our video below on the basics of running your Predictor card.

     

    Promotion

    Group 1635

     

    FAQ

    What's the difference between a Basic and Advanced Predictor card?

    With the basic version of the card you will simply nominate a correct answer based on the event's outcome. However, with the advanced version there is a point allocation element that may encourage users to make strategic predictions.

     

    What does a segment refer to?

    A segment simply refers to a portion of your event/events. For a sports game a segment may be an individual quarter or if you're running a season long competition an individual game. For a reality TV show, one segment may be one episode. How you choose to break down your Predictor card is entirely up to you. 

     

    Top tips

    • If you have multiple segments, it is recommended to have at least 3 questions in each segment. If you have just one segment, look at having a minimum of 5 questions for maximum engagement.
    • Include at least one survey and/or slider question. Allowing your audience to answer questions in different ways makes things interesting.

    Group 1583

    • You can create quiz types of questions in your game. In your multi-choice question, click on the Tick icon located next to the answers to select the correct answer.

    CleanShot 2023-06-07 at 11.27.13

    • Remember to close segments during your event. You can manually close segments or schedule them to close at a certain time and day. This is to prevent users from predicting questions that have already occurred.

    CleanShot 2023-06-07 at 11.29.32

    • Make use of the Live prize awarding. Reward your audience instantly throughout your event for them to use the prize in-venue/straight away!
      • Make sure to enable Live prize-awarding. You can do this by clicking the ... icon next to the prize and selecting Enable prize awarding.
    • Display your prizes with the top/first prize on top and the other prizes below. This is so users know the grand prize they could potentially win when they play.
      • Name each prize by rank e.g. 1st Prize - Tickets to the Finals, 2nd Prize - Gift Voucher etc. Include in the prize description how to win that prize e.g. Rank 1st, everyone who enters etc.

     

    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 hubs to life. 

    If you ever have any questions about an upcoming activation, how you can best utilize 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