Spin the Wheel promotion pop-up

Who doesn’t love winning, especially when the reward is guaranteed? This use case adds a playful moment of suspense to the shopping journey using a “Spin the Wheel” pop-up. It also helps you protect the perceived value of your discounts by requiring user interaction before any reward is revealed. As a result, we increase customer engagement, extend on-site interactions and make promotional experiences more memorable.

The experience starts with a bottom bar displayed on the website. Once the visitor clicks it, the spin to win pop-up appears and invites them to play. This approach ensures the campaign is user-initiated rather than interrupting the browsing session with an automatic pop-up.

Users spin the wheel to receive a discount code that can be used at checkout, allowing you to run a fully gamified experience without relying on a mobile app.

This use case is provided with a predefined template, so you can launch the campaign quickly. The layout and interaction logic are already prepared, and you only need to adjust the content, styling and provide valid discount codes.

Prerequisites

Implement SDK to a website

Create a dynamic content

Create a dynamic content campaign that will be displayed to all website visitors. We will use a predefined template for this communication, so there is no need to create a template from scratch.

1. Go to Communication > Dynamic Content > Create new.
2. Enter the name of the content.
3. Choose the Insert object type.

Define audience

1. To select the recipients of the dynamic content, on the Audience tab, click Define.
2. Select Everyone.
3. Click Apply.

Define content

In the next step, you will create the dynamic content with the help of a ready-made template.

1. In the Content section, click Define.

2. Click Create message and from the list of template folders, select Insert object templates.

3. Select the Spin the Wheel template.
   Result: You are redirected to the code editor.

4. Edit the template according to your needs. In the Config tab, you’ll find a comprehensive list with descriptions of the core components that make up your dynamic content.

   

5. After customizing your dynamic content, save the template.

6. Set an appropriate CSS selector to define the placement of the banner that releases the pop-up. The correct selector depends on your website’s structure, so make sure to reference an element that ensures the bar is displayed in the intended position.

7. Click Apply.

Define schedule and display settings

As the final part of the process, you will define the display settings of the dynamic content such as schedule, triggers, and delay.

1. In the Schedule section, click Define and set the time when the campaign will be active.
2. Click Apply.
3. In the Display Settings section, click Define. If you want the banner to be displayed to all users continuously across the website upon landing, keep the default settings.
4. Click Apply.
5. Optionally, you can define the UTM parameters and additional parameters for your dynamic content campaign.
6. Click Activate.

Check the use case set up on the Synerise Demo workspace

You can check the dynamic content configuration directly in Synerise Demo workspace.

If you’re our partner or client, you already have automatic access to the Synerise Demo workspace (1590), where you can explore all the configured elements of this use case and copy them to your workspace.

If you’re not a partner or client yet, we encourage you to fill out the contact form to schedule a meeting with our representatives. They’ll be happy to show you how our demo works and discuss how you can apply this use case in your business.

Read more

• Dynamic content
• Introduction to dynamic content
• Creating dynamic content
• CSS selector basics
• Testing dynamic content
• Dynamic content events