Categories
active arrowAccount
active arrowGetting Started
active arrowCampaign Builder
active arrowAdvanced Design Customization
active arrowEmail Campaign Customization
active arrowSegment & Targeting
active arrowAnalytics
active arrowShopify
active arrowEmail Marketing and CRM Integrations
active arrowHow to Share Your Popup Form and Submission with a Link
active arrowHow to Create a Custom Popup with a Blank Popup Template?
active arrowHow to Create a Full Screen, Lightbox, and Floating Bar Popup
active arrowHow to Create Well-Designed Campaigns with Themes?
active arrowHow to Use Column & Row Structures Efficiently in a Popup?
active arrowDiscover the Customize Step of Popupsmart
active arrowHow to Adjust Popup Style
active arrowHow to Create a Multi-step Popup?
active arrowWhat is a Success Popup? How Does it Work?
active arrowWhich Elements Can I Add to My Popup?
active arrowHow to Add Fonts on Popupsmart
active arrowHow to Prefill Form Fields
active arrowHow to Add Hidden Inputs to Your Popup Campaigns?
active arrowHow to Add New Elements & Use Drag and Drop Editor
active arrowHow to Add New Form Fields to My Popup
active arrowHow to Add a Privacy Policy on Popupsmart?
active arrowHow to Add a Coupon Code to Your Popup
active arrowHow to Activate the Countdown Timer
active arrowHow to Add an Animation to a Popup?
active arrowHow to Create a Video Popup on Popupsmart
active arrowHow to Add Lottery Ball Gamification on The Popup?
active arrowHow Debug Mode Works
active arrowHow Preview Mode Works
active arrowDesktop & Mobile Views Working Method
active arrowHow to Use Smart Tags - Dynamic Text Replacement
active arrowWhat Is Teaser? How Teaser Works
active arrowHow to Set Up Autoresponder Email Notifications
active arrowHow to Set up Self-Email Notifications
active arrowHow to Use the Campaign Filing Feature to Organize Popups?
active arrowHow to Create an A/B Testing for a Popup Campaign
active arrowHow to Call JavaScript Function with a Button Using Popupsmart

How to Add Lottery Ball Gamification on The Popup?

Lottery ball gamification is one thing your visitors need to be used to seeing, in a very good way. The unique look and action of this kind of popup will boost your engagements 100%.

That’s why now, let’s add some Lottery Ball Gamification to our popups!

1. After signing into your Popupsmart account, create a campaign on your dashboard or edit the existing campaigns.

create a new campaign

You can choose a blank popup or a ready-made template to customize among different types of popups.

We’re moving forward with a ready-made template to show how to add a lottery ball smoothly.

2. Lottery ball works in your popups, just like an image. First, if you have any image or Lottie on your popup, you need to delete it.

deleting image from popup

3. Then, click “Add a new element” and choose the Lottery Ball among the components.

selecting lottery ball element

You can drag and drop it from the left-hand panel until you’re happy with its location.

dragging lottery ball element to left column

4. From the “Game Settings,” you can customize the weighting factor, label, discount code, and success actions.

game settings of a lottery ball game

5. By clicking on “Create a new step,” you can create a “Success” page for winners or a “Failure” page that unlucky visitors will see.

creating success and failure steps

6. Simply add the Lottery Ball field’s element name to the coupon code field on the Success Page. This way, your customers can instantly see the coupon code they've won!

adding coupon code to the element name field

See “How to Create a Multi-step Popup?” for further information.

✅ Important: If you choose a ready-to-use template, customization will be super fast and professional-looking for each step.

7. In the Style section, select the Lottery Ball element to customize it with beautifully created theme colors.

adjusting lottery ball element on style step

8. Don’t forget to customize the “Success” and “Failure” steps according to your taste as well. In the example below, we customized the “Success” page.

customizing other steps of lottery ball popup

See “How to Customize Popup Style” for further details.

9. You can see how your popup looks on mobile and desktop; just click on the desktop and mobile icons above.

mobile view of popup campaign

🔔 Note: Don’t forget to save the changes to your popup and publish it if you are happy with the final look.

So, that’s how you can add a Lottery Ball to your popups easily!

If you have further questions, please feel free to contact us!