Widgets Gamification

Widgets gamification uses gaming elements in Subscription/Request forms and Informers to increase user engagement and motivation to perform a target action.

Yespo offers eight gaming mechanics available to subscribers after providing their email addresses (or other contact information):

1. Spin the wheel

The user spins a wheel with sectors, each corresponding to a prize or bonus, such as a discount, a gift, or bonus points.

2. Gift box

The user selects one or several gifts hidden under images. The gift opens after clicking, and the user receives a prize, such as a discount, bonus points, or a special offer.

3. Scratch card

The user scratches the protective field, like lottery cards, to reveal their prize.

4. Slot machine

The user spins, after which winning combination determines the prize they won.

5. Shake Christmas Tree

User shakes the Christmas tree and receives a prize.

6. Match the cards

To get the prize, the user must select identical pairs of cards.

7. Treasure hunt

The user must find the prize hidden behind one of the icons (the attempt limit is set in the widget settings).

8. Break the egg.

The user breaks the Easter egg and receives a prize.

Creating a Gamified Widget

1. Go to the Site → Widgets tab and create a new subscription form or request form.

2. Select the type, style, and appearance of the widget.

You can use a ready-made option with gamification or add elements yourself, located on the Games tab in the editor's left panel.

More about setting up widgets >

Gaming Elements Settings 

Drag the element into the widget and click Done.

If you are editing a ready-made gamified widget, click on the element in the editor.

A settings panel will appear on the right. For some components, all parameters are placed on a single tab; for others, they are split into Style and General. There is no significant difference between the two approaches.

Style Settings

Specify the appearance parameters, for example:

• Spin the wheel: size, skin, color, text style, spacing around component, winning animation, etс.

• Gift box: wrapper's and prize's size, number of boxes, image, spacing around component, etc.

• Scratch card: layer's and prize's size, background, image, round corners, spacing around component, etc.

• Slot machine: size, color, text style, gap between reels, stroke, shadow, round corners, spacing around component.

General Settings

Set the rewards parameters for all gamified elements:

1. Click the Edit rewards button.

2. Set the parameter values:

• Chance to win – the probability of receiving a reward.
• Details – information about the reward in the interactive component.
• Promo code that the user receives at the specified email address or phone number.

3. If needed, add the number of rewards in the widget — click the Add reward button and select the reward type from the dropdown menu:

• Percentage discount – in the form of a specific percentage, such as 10%, 20%, or 50%.
• Custom – a unique gift, such as a product, certificate, bonus points, or another reward.

For the percentage discount, the description is displayed as numbers, while for a custom reward, you can add any text that will appear in the widget.

Click the trash can icon in the right field to delete the reward.

4. Click Done.

Equalize

Use equalizing to automatically set an equal probability of winning for each reward in the element.

This can be useful in cases where all prizes have equal value and equal chances of being won are required.

Saving the Widget

Save the widget after adjusting the game element settings.

Next, configure calling rules and actions after subscription.