Skip to main content

Game - how to set up 'Drop game'

A guide on how to select and set up the "Drop" game format.

Steffanie Buggild avatar
Written by Steffanie Buggild
Updated this week

Our take on the classic drop game: Slide your basket side-to-side and catch the falling items. You can customize the game to align with your business goals, such as Lead Generation, Rewards & Loyalty, and Increasing Sales. Here's how to set it up:

1. Add Game Format

Start by entering 'Create' and selecting 'Drop game.'
.


You can also add it as an extra page in your campaign flow. Once you're on the game page, simply drag and drop the "Drop" game format onto the page.

2. Layout

Choose from previously created layouts for your game:


3. Prizes

Make sure to set up your Prizes before customizing the rest of the game flow. You need to create the prizes first in order to finalize your game layout.

4. Content

Begin by setting up the background image for the Drop game and adjusting its size, position, attachment, width, and height.


Next, customize the basket with your chosen image, width, and height.


Then, decide how many items will drop by adding as many as you'd like. For each item, set the points you’ll earn when it’s caught, and add an image for the item.


To deduct points when an item is caught, place a minus sign before the point value. You can design each item separately.


Finally, set up Time / Points: Choose a time limit and set a points goal. You can also decide whether the game ends when the points goal is reached. The countdown setup option allows you to display a countdown, and you can choose the text shown before the game starts. Preview the countdown to adjust the background, colors, and fonts.


5. Style

While editing the style, you can adjust the layout’s margins and padding, as well as item settings such as speed, variation, drop interval, width, and rotation. You can also set up a Points collection splash with options for fade, background, padding, border, font, color, and shadows (by enabling the shadow effect).


You can always preview your setup before finalizing.

6. Effects

Add extra styling to your game with various effects. Choose from different animations and customize the transition, initial delay, and other settings.


7. Advanced

In the advanced settings, you can add custom CSS and create event listeners to further personalize the game.

8. Ready for the Next Step

Great job! Your game format is now ready. You can edit the game page and continue to build the rest of the game flow on the other pages.

Did this answer your question?