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.

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.


1. Go to FoxKit > FoxKit power > Choose Lucky wheel.

2. Make necessary changes.

3. Save.


Visibility & form settings

Check the box to set the wheel Active and show it on mobile if needed. Add a title and/or a sub-title for the wheel in the blank space.

Merchants can determine whether to display the agreement checkbox and other fields or not.

Win screen & coupon card

Add the needed text/phrase for the title and button of the win screen and coupon card when customers win a prize.

Limitation & Data collection

Decide whether or not to allow play multiple times with the same email along with where the data will be stored:

  • Shopify customers list

  • FoxHome subscribers list


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.

Learn how to create discount codes with Shopify.

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.

Display settings

Trigger conditions

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.

Display conditions

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.

Display Frequency

You can set the display frequency of the pop-up.

Teaser button settings

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.

Last updated