Widgets Gamification

Widgets gamification uses gaming elements in Subscription and Request forms to increase user engagement and motivation. 

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

Spin the wheel
  1. 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.

Gift box
  1. Scratch card

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

Scratch card

Creating a Gamified Widget

  1. Go to the Site → Widgets tab and create a new subscription form or request form.
Create a new subscription form or request form
  1. Select the type, style, and appearance of the widget.
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.

Games tab

More about setting up widgets >

Gaming Elements Settings 

Drag the element into the widget and click Done.

Drag the element into the widget

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

Click on the element

A settings panel with the Styles and General tabs will appear on the right.

Styles and General tabs

Style Tab

Specify the appearance parameters on this tab:

  • Spin the wheel: size, color, text style, spacing around component.
Spin the wheel parameters
  • Gift box: size, number of boxes, image, spacing around component.
Gift box parameters

📘

Note

Upload images in PNG, JPEG, SVG, GIF, WebP, AVIF formats, up to 3 MB.

  • Scratch card: size, image, color, round corners, spacing around component.
Scratch card parameters

General Tab

Set the rewards parameters for all gamified elements on this tab:

  1. Click the Edit rewards button.
Edit rewards
  1. Set the parameter values:
  • Reward type – percentage discount.
  • 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.
Set the parameter values
  1. 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.
Add 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.

Custom reward

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

  1. Click Done.

Equalize

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

Equalize

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.

Saving the widget