Tutorial: How to create a Face Off promotion – Easypromos - Online Helpdesk

Do you want to offer your users a simple yet entertaining quiz? We present the "Face Off" promotion, where participants can choose their favorite option from a series of images you will present. After making their selection, they can share it on social media, download a personalized image, and see which option is the most popular among players. Additionally, they can invite other users to participate and find out if they share the same preferences. A fun way to generate interaction and increase virality!

These are the contents of the tutorial:

1. Overview

The "Face Off" promotion is a quick and simple choice quiz in which users must select their favorite option from several proposals presented on the screen. The goal is for the user to decide which of the two alternatives presented they prefer in each round. After choosing, the user can see the most popular option among all participants, to satisfy player's curiosity and add a touch of competition.

Specifically, in this tutorial, we explain all the steps that will allow you to create the Face Off promotion.

The application has the following features:

You can upload up to 50 images as options for users to choose from. This allows you to showcase products, characters, or any other visual content you wish.
You can choose between two presentation formats for the images: square (400x400) or vertical (500x1000). This flexibility allows you to adapt the visual design to the aesthetic that suits you best.
You can configure it so that users not only see the results of their choices, but they will also have the option to share their vote on social media and download an image with their final selection.
Multiple options to reward participants: You can raffle one or more prizes among all participants, give direct prizes, etc.

2. How does the user participation flow work?

What will the user participation experience be like? The promotion consists of different pages that the user will go through while interacting with the promotion to participate, such as: the welcome homepage, the form page where the user will register with their details, the page presenting the Face Off game, etc. Together, these different pages will make up the structure of the promotion and the participation flow that the user will follow to complete the promotional mechanics.

Additionally, as an administrator, you will be able to select which participation flow you want users to follow. Specifically, there are three different participation flows available: the Identified Mode, where the user must identify themselves and register before they can play; the Visitor Mode, where the user plays first and then identifies themselves and registers; and finally the Anonymous Mode, where the user participates without identifying themselves or registering. The choice of one mode or another will determine how participation and the user experience in the promotion will be.

Learn in this article how each participation flow works, as well as the different pages that make up a promotion.

3. Create the Promotion

How do you start creating the Face Off promotion? In the following tutorial, we detail the first steps to create your promotion so you don’t miss any important points. You will learn about all the general management options available to you as an administrator to manage and edit the promotion.

Discover the first steps to create your first promotion.

4. Set up the Face Off game

Next, we explain all the steps to configure the Face Off. To do this, go to the Editor > Pages > Participation, and click the pencil icon to start configuring the game. You can now begin customizing the game from the "Face Off" tab, where you will find the following options:

Step 1. Set up the voting options

Under the “Options” tab, you will find the tools to customize the presentation and layout of the options that users will need to vote on. Specifically, you will be able to customize the following points:

Format of the options. You can choose the presentation format of the images:
- Card format:

- Full image format:

Display options randomly. By default, the options are presented in the order they were uploaded. If you check this box, they will be displayed randomly.
Flip left options. This option will automatically invert the options on the left, creating a mirror effect so that candidates face each other.
Options. In this section, you will be able to upload the images of the options that users will need to choose from. You can upload the images individually or in bulk.

Additionally, for each image, you can customize the following points:

Title: Name of the image. If you upload images in bulk, the platform will select the file name as the title.
Image. The uploaded image can be changed or viewed from this section.
Winning option image (Optional). You can upload a different image that will be shown when it is the final option chosen by the user.
Assign an automatic color. If you activate this option, the platform will automatically assign the colors for the image design, based on the predominant tones of the image itself. Example: As we can see in the following screenshot, for each option, the system assigns a different automatic color for the title and the background of the image, based on the color detected in the uploaded image itself:

Step 2. Customize the game design

From the “Design” tab, you will find all the options that will allow you to customize the layout of the game. Specifically, you will find the following options:

Introduction Message. You can add a message that will be displayed at the top of the screen.
Options. You can adjust various design elements of the image, such as showing or not the name of the candidate, adapt the background color of the image, etc.

Board. You can customize the following aspects of the background of the boardgame screen:

Progress Bar. You can enable a progress bar that will let the player knows how many options are left to complete the game. You can customize the bar color as well as the background color of the bar.

Effects. Allows you to activate a visual effect with stars that will appear when selecting an option.

Step 3. Final Screen

Under the "Final Screen" tab, you can customize the screen that will appear to users once they have completed the game. This screen can be customized with the following elements:

Select the page to edit. This option allows you to edit the page that users will see once they have completed the game. Specifically, you can customize the following pages:
- Page after selecting the favorite option. This is the page that the user will access after completing the game.
- Destination page of the shared link. If you enable the option to share the chosen option, you can edit the destination page of the shared link, which is the page that users will see when they click on the content shared by the user.

Note: To customize this page, it is necessary to have the option "Show the favorite option to share" enabled, which appears in the "Favorite option" section.

Introduction Message. Message that the user will see upon finishing the game.
Chart with Results. You can display a graph with the statistics and favorite options selected by all users. You can decide if you want the number of votes for each option to be public, and select how many options are shown.
Favorite Option. You can enable the display of the user's favorite option so that it can be shared. If this option is activated, the user will see the image of the option they voted for, along with a button to download it and share the image with their friends and contacts. Additionally, you can edit the content to share on social media, as well as include a background image that will appear behind the image of the option the user selected.

5. Customize the design of the whole promotion and complete the setup

Once you have configured the game, the next step is to complete the setup of the general promotion options, such as customizing the design template with your own colors and texts, introducing the legal texts of the promotion, configuring the viral content, etc.

Check the tutorial to complete the setup and customization of your promotion.

6. Managing and announcing the Winners

Easypromos provides a complete prize management and winners system that allows you to create the prize or prizes you want to award to users participating in the promotion, as well as configure how you want to assign the prizes and select the winners.

Specifically, with the Face Off application, you have different ways to assign the prize to the winners, depending on your choice:

1. Raffle the prize among all users who participated in the promotion. Follow the steps in this tutorial to create the prize and raffle it among all participants.

2. Conduct raffles for different prizes segmented based on the chosen options. Follow the steps in this tutorial that explains how you can create different prizes to raffle them among a group of participants depending on their preferences and the favorite option they selected.

3. Give a direct prize to all users who participated. Follow the steps in this tutorial that explains how to create prizes of the "Upon participating" type, to assign it directly to all users once they have participated in the promotion.

7. Statistics of Options Voted by Users

As the promotion administrator, you will be able to check at any time which options are the most popular among users who have participated in the promotion. There are two ways to see the statistics for you to prepare a report of the promotion and its results.

1. From the Statistics Module

In the "Statistics" section of the promotion, click on the "Face Off" option, which will allow you to see the results, expressed in percentages and absolute values, of the choices made by users:

2. From the Users List

Additionally, from the Users list of the promotion, you will be able to:

a) Filter the users who voted for each option presented in the game:

b) Check the favorite option chosen by a specific participant. To do this, from the list of users, click on the eye icon to open the individual participation of the user:

Easypromos Help

Menu