> ## Documentation Index
> Fetch the complete documentation index at: https://knowledge.komo.tech/llms.txt
> Use this file to discover all available pages before exploring further.

# Watch to Win

> Set probabilities and instantly reward users.

## What is it?

The Watch to Win is an interactive way to reveal instant prizes using videos.

## How do I build one?

### Step 1: Add a Watch to Win to your Hub

<img src="https://mintcdn.com/komotechnologies/22OmvqhqqNidygu6/images/watch-to-win-step-1-add-a-step-1.gif?s=22ae9c01a69ee900d231863834cb3691" alt="Watch to Win: step 1 — Step 1: Add a Watch to Win to your Hub" width="2000" height="1088" data-path="images/watch-to-win-step-1-add-a-step-1.gif" />

* Navigate to your **Engagement Hub**.
* Once there click the **Plus icon**, from here select **Games** and then **Watch to Win.**
* You will then see your new card has been added to your Hub.

### Step 2: Add a Cover image

<img src="https://mintcdn.com/komotechnologies/22OmvqhqqNidygu6/images/watch-to-win-step-2-add-a-step-2.webp?fit=max&auto=format&n=22OmvqhqqNidygu6&q=85&s=b7b4b33b532313bbaeeab5e6324e056d" alt="Watch to Win: step 2 — Step 2: Add a Cover image" width="3230" height="1830" data-path="images/watch-to-win-step-2-add-a-step-2.webp" />

* Clicking on the **Watch to Win** will open the editing module.
* **(1)** Here you are able to set the **title** of your game.
* **(2)** Click here to add your **cover** image.
* **(3)** Set the **Outer card shell colours** (description and share 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)** Enable a **call-to-action** bar to the card.

### Step 3: Set up your Gameplay screens

<img src="https://mintcdn.com/komotechnologies/22OmvqhqqNidygu6/images/watch-to-win-step-3-set-up-step-3.webp?fit=max&auto=format&n=22OmvqhqqNidygu6&q=85&s=bb9da14f9f5d08c4b0539ea5ef7f1881" alt="Watch to Win: step 3 — Step 3: Set up your Gameplay screens" width="3230" height="1834" data-path="images/watch-to-win-step-3-set-up-step-3.webp" />

* Here is where you will set up all the screens which will be seen by your users.
* **(1)** Here you will set up the **screen and copy** which will be seen by all your users after completing the data capture.

  <Accordion title="Setting up the Lobby Screen">
    <img src="https://mintcdn.com/komotechnologies/22OmvqhqqNidygu6/images/watch-to-win-step-3-set-up-step-3.webp?fit=max&auto=format&n=22OmvqhqqNidygu6&q=85&s=bb9da14f9f5d08c4b0539ea5ef7f1881" alt="Watch to Win: step 3 — Step 3: Set up your Gameplay screens" width="3230" height="1834" data-path="images/watch-to-win-step-3-set-up-step-3.webp" />

    * **(A)** By clicking the placeholder image, you can upload a **video** from your device or use a video URL, or upload an **image**.
    * **(B)** Here you can give more context to your users with a **title** and a **(C)** **description**.
    * **(D)** Here you can change the color and copy of the **call-to-action**.
  </Accordion>
* **(2)** Here you can edit the **Processing screen.**

  <Accordion title="Setting up the Processing Screen">
    <img src="https://mintcdn.com/komotechnologies/22OmvqhqqNidygu6/images/watch-to-win-step-3-set-up-step-3.webp?fit=max&auto=format&n=22OmvqhqqNidygu6&q=85&s=bb9da14f9f5d08c4b0539ea5ef7f1881" alt="Watch to Win: step 3 — Step 3: Set up your Gameplay screens" width="3230" height="1834" data-path="images/watch-to-win-step-3-set-up-step-3.webp" />

    * **(A)** Here you can replace the **loading icon** with a different image or gif.
    * **(B)** Here you can alter the **copy** below the loading icon.
    * **(C)** You can **restore** the Processing screen to the default version if you made changes to the original screen.
  </Accordion>

<img src="https://mintcdn.com/komotechnologies/22OmvqhqqNidygu6/images/watch-to-win-step-3-set-up-step-3.webp?fit=max&auto=format&n=22OmvqhqqNidygu6&q=85&s=bb9da14f9f5d08c4b0539ea5ef7f1881" alt="Watch to Win: step 3 — Step 3: Set up your Gameplay screens" width="3230" height="1834" data-path="images/watch-to-win-step-3-set-up-step-3.webp" />

* **(3)** Scrolling down, here is where you will set up your **Prize screen(s)**.

  <Accordion title="Setting up Prizes">
    <img src="https://mintcdn.com/komotechnologies/22OmvqhqqNidygu6/images/watch-to-win-step-3-set-up-step-3.webp?fit=max&auto=format&n=22OmvqhqqNidygu6&q=85&s=bb9da14f9f5d08c4b0539ea5ef7f1881" alt="Watch to Win: step 3 — Step 3: Set up your Gameplay screens" width="3230" height="1834" data-path="images/watch-to-win-step-3-set-up-step-3.webp" />

    * **(A)** Here you can upload a **video** from your device or using a video URL.
    * **(B)** This **result screen** will appear after the video has been completed. Upload an image or video of the winning prize here.
    * **(C)** Here you can give more context to your users with a **title** and a **(D)** **description**.
    * **(E)** You can add a **button** to direct users to an external site.
    * **(F)** Here you can give this prize an **internal name.** This will allow you to filter your entries by prize name.
    * **(G)** Here you can **toggle off** **confetti** for your result.
    * **(H) + (I)** Here we can set up the correlating **communications**.
    * **(J)** Here you can ask for **additional information** from users when they are awarded this prize e.g. if you want to send prizes/items directly to the winner(s), you can ask for their address. The Extra data form is optional as this will depend on your prizes and how you plan on awarding them. <img src="https://mintcdn.com/komotechnologies/22OmvqhqqNidygu6/images/watch-to-win-step-3-set-up-option-c.webp?fit=max&auto=format&n=22OmvqhqqNidygu6&q=85&s=04694e5be49dd0eb4c709af543c0e567" alt="Watch to Win: option c — Step 3: Set up your Gameplay screens" width="500" height="282" data-path="images/watch-to-win-step-3-set-up-option-c.webp" />
      * **(a)** Click here to upload a header **image**.
      * **(b) + (c)** Here you can customize the **copy** within the form.
      * **(d)** You can add fields by clicking the **plus icon.** These are your **data fields** and comprise the information the user will need to supply in order to claim their prize.
      * **(e)** Ability to alter the **color and copy** of the bar.
      * **(f)** Apply additional settings to **control** when the extra data form appears based on a user's form entry.
  </Accordion>
* **(3) Continued** Once you have set up your prize and communications, you can close its modal to edit more settings regarding this prize.

  <Accordion title="Additional Prize Settings">
    <img src="https://mintcdn.com/komotechnologies/22OmvqhqqNidygu6/images/watch-to-win-step-3-set-up-option-a.webp?fit=max&auto=format&n=22OmvqhqqNidygu6&q=85&s=24a70c5ef57a968392c6f751dbd74ebc" alt="Watch to Win: option a — Step 3: Set up your Gameplay screens" width="3232" height="1832" data-path="images/watch-to-win-step-3-set-up-option-a.webp" />

    * **(A)** You can return to **edit** the prize screen and communications here.
    * **(B)** You can set the **maximum** number of times this prize can be won here. **Note:** Once the allocation for this prize has been used up all probability associated with this will be reverted to the **failure screen**.
    * **(C)** Here you will see the total **number of users** that have won this prize so far.
    * **(D)** Here you will set the **probability** that a user will see this result.
        <Note>
          This probability is shared across all the prizes you set up. e.g. you cannot have two prizes with a probability of over 50.
        </Note>
    * **(E)** Here will indicate what sort of **communications** you have set up for this particular prize e.g. SMS or Email.
    * **(F)** You can **delete** this specific prize here.
    * **(G)** Clicking the **plus icon** will allow you to add additional prizes.
  </Accordion>
* **(4)** Here you will set up the **failure screen**.

  <Accordion title="Setting up the Failure Screen">
    <img src="https://mintcdn.com/komotechnologies/22OmvqhqqNidygu6/images/watch-to-win-step-3-set-up-option-a.webp?fit=max&auto=format&n=22OmvqhqqNidygu6&q=85&s=24a70c5ef57a968392c6f751dbd74ebc" alt="Watch to Win: option a — Step 3: Set up your Gameplay screens" width="3232" height="1832" data-path="images/watch-to-win-step-3-set-up-option-a.webp" />

    * **(A)** Here you can upload a **video** from your device or using a video URL.
    * **(B)** This **result screen** will appear after the video has been completed. Upload an image or video of the winning prize here.
    * **(C)** Here you can give more context to your users with a **title** and a **(D)** **description**.
    * **(E)** You can add a **button** to direct users to an external site.
    * **(F)** Here you can give this prize an **internal name.** This will allow you to filter your entries by prize name.
    * **(G) + (H)** Here we can set up the correlating communications.
  </Accordion>

### Step 4: Set up Styling

<img src="https://mintcdn.com/komotechnologies/22OmvqhqqNidygu6/images/watch-to-win-step-3-set-up-option-a.webp?fit=max&auto=format&n=22OmvqhqqNidygu6&q=85&s=24a70c5ef57a968392c6f751dbd74ebc" alt="Watch to Win: option a — Step 3: Set up your Gameplay screens" width="3232" height="1832" data-path="images/watch-to-win-step-3-set-up-option-a.webp" />

* The styling refers to everything your user will see whilst engaging in the game.
* **(1)** Edit the **header bar** setting here.
* **(2)** Give your game a **title** or **(5)** toggle this off here.
* **(3)** Here you will see a **preview** of your pre-game content set up in the previous steps
  <Note>
    You will not be able to edit anything here from this section.
  </Note>
* **(4)** Here you can change the **color of the copy** and call to action.
* **(6)** Update the **color of the text and background**.
* **(7)** Upload a **background image** here.
* **(8)** Here you can edit the **Result screen** styling.

  <Accordion title="Setting up the Result Screen">
    <img src="https://mintcdn.com/komotechnologies/22OmvqhqqNidygu6/images/watch-to-win-step-3-set-up-option-a.webp?fit=max&auto=format&n=22OmvqhqqNidygu6&q=85&s=24a70c5ef57a968392c6f751dbd74ebc" alt="Watch to Win: option a — Step 3: Set up your Gameplay screens" width="3232" height="1832" data-path="images/watch-to-win-step-3-set-up-option-a.webp" />

    <Note>
      The styling for this screen will be the same as the Lobby screen styling. If you adjust any settings here, it will also change the styling of the Lobby screen.
    </Note>

    * **(A)** Here you can change the **color and copy** of the call-to-action. This button will direct users back to the Hub. You can remove this button using the **(C)** toggle.
    * **(B)** Here you can change the **color and copy** of the play again button. You can remove this button using the **(D)** toggle.
  </Accordion>

### Step 5: Set up your Data capture

**Data capture** is required for this card, this will be on by default but will require you to set up additional settings.

<Tip>
  Within this card, you can alter the **communications** within the data capture and when setting up the prize screens.
</Tip>

<Card title="Ready to set up your competition?" icon="sparkles" href="/getting-started/hub-setup/data-capture/index" cta="Click here" />

### Step 6: Publish your Card

<img src="https://mintcdn.com/komotechnologies/22OmvqhqqNidygu6/images/watch-to-win-step-3-set-up-option-a.webp?fit=max&auto=format&n=22OmvqhqqNidygu6&q=85&s=24a70c5ef57a968392c6f751dbd74ebc" alt="Watch to Win: option a — Step 3: Set up your Gameplay screens" width="3232" height="1832" data-path="images/watch-to-win-step-3-set-up-option-a.webp" />

**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](/getting-started/hub-setup/card-testing).

<Note>
  All competition entries will be recorded and will impact the card analytics.
</Note>

## "Go live" checklist

Ready to go live with your Watch to Win? 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.
* You have uploaded or copied and pasted the correct **video/URL** to your result screens. You can play the video in the preview section to check if it is the correct video.
* Images are uploaded on the **result screen** to bring the game to life!
* Hyperlinked your [**T\&Cs**](/getting-started/resources/terms-conditions) to the opt-in-field, which is created in the **data capture** section of the settings tab.
* All your **communications** (Prize/s screen and Failure screen) are fully set up and ready to send.
* 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 you have set the **probability** for each result screen.
* Edit the **Styling** of the game to your branding.
* If you have multiple prize screens, ensure to give each an **internal name** to help you distinguish between the prizes in the analytics.

Then you're ready to go live!

<Columns cols={2}>
  <Column>
    <Card title="Terms & Conditions Template" color="#F1E52C" icon="file-lines" href="https://docs.google.com/document/d/1E4wWX_mZIthWcfmhR9WOdEJSyZY8YgL9/copy" cta="Download Template" />
  </Column>

  <Column>
    <Card title="Card Design Guidelines" color="#F1E52C" icon="cards-blank" href="https://docs.google.com/presentation/d/1yDikV59Oztr9_s-RvQPu5eCo7Y42lRpH7vlGvmnruqE/edit?usp=sharing" cta="Learn More" />
  </Column>
</Columns>

## Promotion

<Card title="Stuck on how to promote your activation?" color="#F1E52C" icon="megaphone" href="/getting-started/promotion/promoting-your-engagement-hub/index" cta="Click here!" />

## FAQ

**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.

**Can I use videos?**

Yes, you can. We do recommend using videos as this will create a better experience than using stilled images.

## Top tips

* We recommend creating videos for this particular card with paid actors for the best experience. E.g. have an AFL athlete kicking a ball and when users click on the CTA they can either see a goal as the winning screen and a behind as the failure screen.
* 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 your Data Capture form before diving into the Gameplay screens. This is so you know what sort of communications you will need to set up for your prize screen.
* 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.
* Set the probability of seeing a result screen accordingly. If you have thousands of prizes to give away, set the probability lower so you don't reach your prize limit too soon and 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.
* In the failure result screen description, direct your users back to your Hub where they can compete in other competitions and games!
