Widgets Gamification

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

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

Giveaway Spin widget with a wheel showing percentage discount sectors, an email field, and a Spin Now button
  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.

Play Now to Win a Prize widget with three wrapped gift boxes, an email field, and a Play now button
  1. Scratch card

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

Scratch and Claim widget with a gold scratch panel, an email field, and a Reveal Your Prize button
  1. Slot machine

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

Giveaway Spin widget with three slot reels each showing 5%, an email field, and a Spin Now button
  1. Shake Christmas Tree

User shakes the Christmas tree and receives a prize.

Shake and Claim widget with a Christmas tree illustration, an email field, and a Reveal Your Prize button
  1. Match the cards

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

Memory cards
  1. Treasure hunt

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

ЗнайГи скарб
  1. Break the egg.

The user breaks the Easter egg and receives a prize.

We give away prizes for subscribing widget with three colored egg icons, an email field, and a Subscribe button

Creating a Gamified Widget

  1. Go to the Site → Widgets tab and create a new subscription form or request form.
New Web Widget dropdown listing New subscription form, New informer, New request form, New launcher, and New age gate
  1. Select the type, style, and appearance of the widget.
Select appearance step showing the Giveaway Spin widget template with a Select button below

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

Widget editor with the Games components list highlighted in the left panel, showing Gift box, Scratch card, Spin the wheel, Slot Machine, Memory Cards, Shake Christmas Tree, Treasure hunt, and Break the egg options

More about setting up widgets >

Gaming Elements SettingsĀ 

Drag the element into the widget and click Done.

Widget editor with the Giveaway Spin element added to the canvas and the General settings panel open on the right

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

Widget editor with the Giveaway Spin element selected, showing its Rewards table with chance, prize, and promo code values, and the Edit rewards button

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.

Play Now to Win a Prize gift box widget editor with the Style and General tabs highlighted in the settings panel

Style Settings

Specify the appearance parameters, for example:

  • Spin the wheel: size, skin, color, text style, spacing around component, winning animation, etс.
Giveaway Spin widget Style settings showing Align inner elements, size, and background options
  • Gift box: size, number of boxes, image, spacing around component.
Play Now to Win a Prize gift box widget Style settings showing Number of boxes, Image, and Color options
šŸ“˜

Note

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

  • Scratch card: layer's and prize's size, background, image, round corners, spacing around component, etc.
Scratch and Claim widget Style settings for the scratch layer showing size and custom image upload options
  • Slot machine: size, color, text style, gap between reels, stroke, shadow, round corners, spacing around component.
Slot Machine widget Style settings showing size, color, text style, gap between reels, stroke, and shadow options

General Settings

Set the rewards parameters for all gamified elements:

  1. Click the Edit rewards button.
Scratch and Claim widget General tab with the Rewards table and the Edit rewards button highlighted
  1. Set the parameter values:
  • Chance to win – the probability of receiving a reward.
  • Prize – information about the reward in the interactive component.
  • Promo code that the user receives at the specified email address or phone number.
Rewards panel with Chance to win, Prize, and Promo code columns highlighted
  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.
Rewards panel with the Add reward button and a dropdown showing Percentage discount and Custom options highlighted

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

Rewards table Prize column highlighted showing a Gift reward with image, a Free shipping reward, and a 10% percentage discount
šŸ“˜

Note

You can enrich post-subscription events with data from the promoCode and promoCodeLabel (promocode details) parameters to use in reminder messages and segmentation by event parameters.

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.

Rewards panel with the Equalize option highlighted above the Chance to win values

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.

Widget editor for the Giveaway Spin widget with the Save button highlighted

Next, configure calling rules and actions after subscription.

šŸ“˜

Note

Notifications about winnings will help increase the number of promo codes used and grow contact engagement. Organize post-game communication using the following manuals:

You can save the prize data to the contact profile. Learn more about storing data from gamified widgets >



Did this page help you?