The Spin to Win game is an interactive reveal campaign based on the popular “Wheel of Fortune” concept. Users click on the wheel, triggering a spinning animation. Once the wheel stops, the revealed slice determines whether they win a prize or not. This engaging format adds excitement and gamification to the campaign.

In the Reveal Content section, select Spin to Win from the dropdown list.

Once selected, the Reveal Content step will be divided into three sections:

• Content Design - Configure the look and feel of the game.
• Winner - Customize the message for winning users.
• Loser - Configure the experience for users who do not win.

In the following Reveal Content spin 2 win example, we mark out each content with their respective messages and colors.

Content Design

From the Content Design section, set the look and feel by defining the images and assets for the Spin 2 Win game and customize it to your branding.

The steps to configure the Content Design are the following :

1. Header Image: Drag & Drop the Header image to the specified area on the screen or click the Browse Files button to select the image from the computer. This image will be displayed at the top on the content’s screen.
2. Background Color: Choose a Background Color for the game screen using the Color Picker.
3. Cover Image: Drag & Drop the Cover image to the specified area on the screen or click the Browse Files button to select the image from the computer. This image represents the spinning wheel in the game.

📘

NOTE

The wheel image must include at least 5 slices and no more than 10 slices, each being of equal size.

When assigning prizes to each slice on a wheel image, it’s important to consider the total number of slices and their positions. Determine the total number of slices on the wheel. This will influence the positioning and order of the slices. The numbering of slices starts from the top (12:00 position) and proceeds clockwise (right to left).

4. Prize Assignation: Define the number of Slices for the Spin Wheel to win the prize. You can select up to 10 slices.

5. Loser Slice: Number of Slices for the Spin Wheel that will not win the prize.

6. Footer Content: To personalize the footer content of the game, select the Footer Content toggle.

   

   To personalize the footer content, select the Add Action Link button. Once selected, the following Dialog will appear to select the desired action link.

   Enter a Content Name (e.g., "Learn More" or "Visit Store") and select the desired action link by selecting the dropdown.

   
   

   Click Add Action Link dropdown and choose one of the following options:

   • URL : Redirects users to a website. Select the URL option to add a link footer to the game.

     The player selects the name of the footer you defined. Once selected, he will be redirected to the link you entered in the URL Link* text field.

   • Email : Opens the user's email app with a predefined email address. Select the Email option to add an email footer to the game.

     The player selects the name of the footer you defined. Once selected, he will be redirected to the email you entered in the Send Email* text field.

   • Call : Allows users to call a predefined phone number. Select the Call option to add a phone number footer to the game.

     The player selects the name of the footer you defined. Once selected, he will be redirected to the phone number you entered in the Phone number* text field. That is, if the player selects the content footer, he will call the phone number you defined.

   • Navigator Address: Redirects users to a physical location on maps. Select the Navigator Address option to add an address footer to the game.

     The player selects the name of the footer you defined. Once selected, he will be redirected to the address you entered in the Search Address text field.

   Once you have selected the desired Action Link, select the Save button, and the content name will be displayed in the Footer Content Editor.

   In the Footer Content Editor, you can personalize the content by selecting the Bold and Cursive format or change the Footer Text Color by clicking on the Color Picker.

   

   To change the content footer, delete the Content Name from the Footer Content Editor. Then select the Add Action Link.

Winner

The Winner section defines what happens when a user successfully breaks the ice and wins a prize. Configure the Winner screen to be displayed if the player gets the revealed prize from any of the Reveal Content games.

In the following Reveal Content games example, we mark out each winner's side images with their respective messages and colors.

The steps to configure the Winner Screen are the following :

1. Header Image: Drag & Drop the Header Image or click Browse Files to upload. This image will be displayed at the top on the winner’s screen.

2. Background Color: Choose a Background Color to make the winner's screen visually appealing.

3. Claim Button: Toggle Claim Button ON to allow users to claim their prize. Customize the Button Text, Button Text Color, and Button Background Color.

4. User Consent: Toggle User Consent ON to require users to accept Terms & Conditions before claiming their prize.

   

   To personalize the content of the Terms & Conditions, select the Add Action Link button. Once selected, the following Dialog will appear to select the desired action link.

   

   Click Add Action Link dropdown and choose the following option:

   • URL - Choose a URL and enter the link to your Terms & Conditions page. For example, the player selects the name of the Terms & Conditions you defined. Once selected, he will be redirected to the link you entered in the URL Link* text field. The terms & conditions for claiming the price will be found in the URL.

   Once you have selected the desired Action Link, select the Save button, and the content name will be displayed in the User Consent Editor.

   In the User Consent Editor, you can personalize the content by selecting the Bold and Cursive format or change the Text Color by clicking on the Color Picker.

Loser

From the Loser section, configure the Loser screen to be displayed if the player doesn't get the revealed prize from any of the Reveal Content games.

In the following Reveal Content games example, we mark out each loser's side with their respective messages and colors.

The steps to configure the Loser Screen are the following :

1. Header Image: Drag & Drop the Header image to the specified area on the screen or click the Browse Files button to select the image from the computer. This image will be displayed at the top on the loser’s screen.

2. Loser Message (Optional): To display a custom message for non-winners, select the Loser Message checkmark.

   Set the color of the Background, Button Text, and Button with the color selectors by using the Color Picker, and type the desired message for the loser with its respective message color.

3. Loser Image (Optional): To display a loser image instead of a text message, select the Loser Image checkmark.

   Click the Browse Files button to select the image from the computer. This image will be displayed at the center on the loser’s screen.

4. Redirect: Toggle Redirect ON if you want to send non-winners to another page after the game. Once you have activated the Redirect toggle, enter the redirect delay time in seconds and the redirect URL. This feature is useful for redirecting users to a discount page or a second-chance offer.