Engagement Tools

Add an interactive element, like Spin the Wheel or Plinko, to your popup's Teaser step so visitors play before they opt in.

Engagement tools are interactive elements you add to a popup to make signing up feel like a game. Visitors click your button, watch the animation, and land on your offer, which makes them more likely to finish signing up.

Some engagement tools you can add yourself in the popup editor. Others are set up for you by the Recart team on request.

Available engagement tools

Tool	What the visitor sees	How to get it
Spin the Wheel	A prize wheel that spins and stops on your winning slice	Add it yourself in the popup editor
Plinko	A ball that drops through pegs and lands in your winning slot	Add it yourself in the popup editor
Mystery Box	A row of boxes. The visitor picks one to reveal your offer	On request
Scratch Card	A card the visitor scratches to reveal your offer	On request
Slot Machine	Reels that spin and line up on your offer	On request

More engagement tools will be added over time, and tools that are on request today will move into the editor. This page will be updated as they're released.

How it works

The game sits on the Teaser step of your popup:

1. The visitor clicks the button on the Teaser step
2. The game animation plays
3. The popup moves on to the next step, where the visitor opts in as usual

Every game comes with a mobile and a desktop design.

The result is always the same. You choose the winning prize, and the game always lands on it. There's no randomness or probability, so every visitor wins the prize you picked.

Prize labels don't create discount codes. The prizes shown in the game are text only. Set up the real discount on the steps that follow, the same way you would for any popup. See Update Your Discount.

Spin the Wheel

A prize wheel with your offers on its slices. The visitor clicks the button, the wheel spins, and it stops on the winning slice you picked.

Select the wheel on the Teaser step to open its settings in the side panel. You can:

• Edit each slice's label and color
• Add, remove and reorder slices
• Set Repeat slices, which sets how many times your set of slices repeats around the wheel
• Choose the Winner, which is the slice the wheel always stops on
• Style the slice labels: font, size and line height

To add it to a popup, see Add Spin the Wheel or Plinko to a popup.

Plinko

A board of pegs with prize slots along the bottom. The visitor clicks the button, a ball drops through the pegs, and it lands in the winning slot you picked.

Select the Plinko board on the Teaser step to open its settings in the side panel. You can:

• Edit each slot's label and color
• Choose the Winner, which is the slot the ball always lands in
• Style the slot labels

To add it to a popup, see Add Spin the Wheel or Plinko to a popup.

For both Spin the Wheel and Plinko, the text color of the labels applies to all slices or slots at once. You can't set it per slice or slot. The game's mechanics and animation are fixed and can't be edited.

Mystery Box

A row of closed boxes. The visitor picks a box, and it opens to reveal your offer.

Available on request. Mystery Box isn't in the popup editor yet. The Recart team sets it up on your popup for you, including the design and the offer. To request it, contact the Recart Support team or your Customer Success Manager.

Scratch Card

A card with a scratch-off layer. The visitor scratches the card to uncover your offer.

Available on request. Scratch Card isn't in the popup editor yet. The Recart team sets it up on your popup for you, including the design and the offer. To request it, contact the Recart Support team or your Customer Success Manager.

Slot Machine

A set of slot machine reels. The visitor clicks the button, the reels spin, and they line up on your offer.

Available on request. Slot Machine isn't in the popup editor yet. The Recart team sets it up on your popup for you, including the design and the offer. To request it, contact the Recart Support team or your Customer Success Manager.

For any on-request tool, let us know which popup you'd like it on and the offer you want visitors to win. Changes later on, like a new offer or new colors, also go through the Recart team until the tool is added to the editor.

Add Spin the Wheel or Plinko to a popup

When you create a new popup

1. Go to Opt-in Tools and click Create New
2. In the setup wizard, open the Template / Engagement type dropdown and choose Spin the wheel or Plinko
3. The editor opens with a fully built popup, with the game already working. Edit the labels, colors and winner to match your offer

On an existing popup

1. Open the popup in the editor and go to the Teaser step
2. Click Add in the layer list
3. Under Engagement tools, choose Spin the wheel or Plinko

You can add, swap or remove the game on the Teaser step at any time.

On a duplicated popup

When you duplicate a popup, for example to run an A/B test, the copy keeps the game, its colors, prizes and winner. The template dropdown doesn't appear in the wizard for duplicates, but you can still change or add a game in the editor.

If you switch to a different game template on a duplicated popup, the Teaser heading is kept and everything else resets to the new game's defaults.

Rules and limits

• One game per popup. A popup can only have one engagement tool. If you try to add a second, you'll see "Game already added"
• Teaser step only. Games can only be placed on the Teaser step
• A button is required. The Teaser step needs a primary CTA button, since it starts the game and moves the visitor to the next step. Without one, the popup can't be saved
• A winner is required. Pick a winning slice or slot, or the popup can't be saved
• The game and the button are separate elements, so you can reorder them on the Teaser step

Frequently asked questions

Can visitors win different prizes?

No. Every visitor lands on the winner you selected. If you want to test different offers, run an A/B test with a different winner on each popup.

Does the prize in the game create a discount code?

No. Prize labels are text only. Add the discount on the following steps as usual.

Can I add more than one game to a popup?

No, each popup can have one game, on the Teaser step.

Can I A/B test one game against another?

Yes. Duplicate your popup, swap the game on the copy, and run an A/B test between them. This works for on-request games too. Ask the Recart team to set up the variant.

Can I preview the game before going live?

Yes. Preview supports gamified popups, so you can see the animation exactly as visitors will.

If you have any questions, do not hesitate to contact the Recart Support team. We'd be happy to help!