Widgets Gamification

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

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

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

A settings panel will appear on the right. The reward pool parameters are at the top, followed by the element's style settings.

Reward Pool

Set the rewards parameters for all gamified elements. At the top of the settings panel, you'll see the list of rewards: the chance to win (in percent), the reward name, and the discount that the user receives at the specified email address or phone number.

• Edit the chance to win directly in the list.
• To edit the reward name and discount code, click the pencil icon next to the reward — they open in the Edit reward window. Make the changes and click Done. To delete a reward, click the trash icon.
• To distribute the chance to win evenly across all rewards, click Equalize above the list.
• To add more rewards, click the Add reward button.

The reward name is any text that will appear in the widget — for example, a discount percentage (10%), a product, a certificate, bonus points, or another reward. In some widget types, you can add an image in addition to the name — the text is then displayed as a tooltip on hover over it.

Reward Result Pages

For each reward, you can choose the widget page that opens after the win — for example, a promo code page for a discount, or a redemption terms page for a gift.

1. Add the result pages you need and place them after the page with the game component. For details on adding pages, see Setting Up Widgets for Your Site.
2. In the reward pool, click the pencil icon next to the reward, or click Add reward.

3. In the Go to page after winning field, select the page you need.

4. Repeat these settings for the other rewards and save the widget.

You can only select pages placed after the game page. Next page is selected by default: after winning, the user moves to the next page in the widget's order.

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.

Running the Game with a Button

To start the game by clicking a button, select the button in the editor and set its click action to Run the Game in the action settings. This action is available for all game components.

A form submission button isn't required in a widget with a game component. If there's no button, the form is submitted when the visitor clicks the game component, provided the required fields are filled in.

Saving the Widget

Save the widget after adjusting the game element settings.

Next, configure calling rules and actions after subscription.