Lucky wheel
In this article, you'll learn how to increase engagement by showing the visitors a gamified pop-up wheel where they can play to win discounts.
Last updated
In this article, you'll learn how to increase engagement by showing the visitors a gamified pop-up wheel where they can play to win discounts.
Last updated
The Lucky wheel feature delivers discount codes to visitors with a gamified discount pop-up.
To receive a discount, all shoppers need to do is spin the wheel! This simple game has been proven to dramatically increase visitor engagement and customer loyalty.
Steps:
1. Go to FoxKit > FoxKit power > Choose Lucky wheel.
2. Make necessary changes.
3. Save.
Status
Active: Check this box to activate the Lucky Wheel.
Show on Mobile: Ensure this option is checked to make the Lucky Wheel accessible for mobile users.
Limitation
Allow play multiple times with the same email?:
If unchecked, users can spin the wheel only once using the same email, preventing repeated participation.
If checked, users can play multiple times with the same email, allowing repeated engagement.
Title: The main headline that appears above the wheel.
Example: "Spin to get a prize!"
Subtitle: The supporting text that provides instructions or additional information.
Example: "Enter your email to spin the wheel for a chance to win a coupon."
Button: The text displayed on the action button.
Example: "Try your luck"
The Fields section in the FoxKit Lucky Wheel feature allows you to customize the information you collect from users before they spin the wheel.
Email (required): This field is mandatory and ensures you collect valid email addresses for sending rewards or marketing campaigns.
You can add more fields to the form by clicking + Add more field. Here's how:
Click the + Add more field button.
Choose a field type from the dropdown menu:
First name: Collect users’ first names.
Last name: Capture last names for better personalization.
Phone: Gather phone numbers for SMS marketing or notifications.
Birthday: Collect birthdates for personalized offers (e.g., birthday discounts).
Agree to terms checkbox: Add a checkbox for users to agree to specific terms or policies.
Enter the Field label to customize the label users see
Check the Required field box if the field is mandatory.
Click Add Field to save the new field.
For example:
You can change the order of these fields by using a simple drag-and-drop feature.
Add the needed text/phrase for the title and button of the win screen and coupon card when customers win a prize.
Win screen
Title: The main message users see when they win.
Example: "Hurray!"
Subtitle: Additional information about the reward.
Example: "You win a [Reward Name]".
Auto apply coupon on checkout page: If enabled, the system will automatically apply the coupon to the user’s checkout, making the redemption process seamless.
Coupon card
Discount code label: The text displayed when a discount code is generated.
Example: "Your discount code is"
Lose label: The message shown if no prize or discount is awarded.
Example: "Oops, there is no discount code for this!"
Continue button: The text on the button users click to proceed after seeing the result.
Example: "Continue & Use Discount"
Note: A reminder or additional instruction about using the discount code.
Example: "Remember to use your discount code when you checkout."
Decide where the data will be collected:
Shopify customers list
FoxKit subscribers list
Additional integrations like Klaviyo, Mailchimp, Omnisend, or SendGrid can be added through the integration menu.
This setting is to create prizes, including names, background colors, discount codes, and the chance to win them.
Make sure that discount codes are correctly set up in Shopify. Once they are created, paste the codes in the "Discount code" fields.
Each prize will be displayed 2 times.
Easily search and select from a list of available Shopify Discount codes using the module discount codes picker.
Pick the desired color for text, button, popup background, etc.
Determine when the pop-up is displayed, it can be either:
After the page is loaded;
After a specific time (seconds);
After the visitor scrolls down the page;
When the visitor is about to leave the website (desktop view only);
Not open the pop-up automatically.
This automatic pop-up will not show to customers who have already converted.
Determine where the pop-up appears:
on all pages: Show the pop-up on every page.
only on certain pages of your website
Home page only: Show the pop-up on the home page only.
Conditions: Show the pop-up on the specific pages that meet all the rules or any rules you set.
The condition can be set based on the page type or page URL. For page URL, don't forget the protocol "http://", "https://".
Is equal to: Add the page type or page URL you want the pop-up to appear on.
For example: 'Page type is equal to Product pages' to display the popup on all product pages of your website.
Is not equal to Add the page type or page URL you do not want the pop-up to appear on.
Contains: Add the page type or page path segment value to display the pop-up on URLs that contain that value.
For example: 'Page URL contains all' to display the pop-up on page URLs that have the word 'all'.
Does not contain: Add the page type or page path segment to exclude the pop-up on certain a page type or URLs that contain that value.
You can set the display frequency of the pop-up.
The teaser button appears when the pop-up is not displayed to encourage the users to subscribe later.
You can set it to always show the teaser button or only after the popup has opened and the customer clicks the 'X' close button.
The position of the button can be set to Left or Right.
