> For the complete documentation index, see [llms.txt](https://foxecom.gitbook.io/megamog-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://foxecom.gitbook.io/megamog-theme/sales-boosting/lucky-wheel.md).

# Lucky wheel

{% embed url="<https://youtu.be/wLZEzMcz2-U?si=8n7J2GEqOMIfy-KP>" %}

The **Lucky wheel** feature delivers discount codes to visitors with a gamified discount pop-up.&#x20;

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.

![](https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FdOKsg0UF24MErl6PIhIo%2FScreen%20Shot%202021-10-30%20at%2016.41.46.png?alt=media\&token=0d9ece12-8aab-46f8-8359-b370d6ad976b)

{% hint style="success" %}
Steps:

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

2\. Make necessary changes.

3\. **Save.**
{% endhint %}

<figure><img src="/files/FWbzBePW6CWTNRAQqEf2" alt=""><figcaption><p><a href="https://apps.shopify.com/xflow?utm_source=foxecom&#x26;utm_medium=help_center_foxkit_lucky_wheel&#x26;utm_campaign=anchor-text&#x26;utm_term=install_xflow_back_in_stock_automation_free">Install XFlow Back In Stock Automation FREE</a></p></figcaption></figure>

## General

### Status & Limitation

* **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.

<figure><img src="/files/zRbaIl8erwVzQKiOw58N" alt=""><figcaption></figcaption></figure>

* **Configuration**
  * **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.

  * **Auto apply coupon on checkout page:**
    * If unchecked, users will need to manually enter the coupon code on the checkout page.&#x20;
    * If checked, the coupon code is automatically applied at checkout page.

<figure><img src="/files/mzmek4J3VE2XyYRTgtqZ" alt=""><figcaption></figcaption></figure>

* **Fields:** The **Fields** section in the FoxKit Lucky Wheel feature allows you to customize the information you collect from users before they spin the wheel.

<figure><img src="/files/7eLjpZluPbB0qj7v2KKv" alt=""><figcaption></figcaption></figure>

#### **Default fields**

* **Email (required):** This field is mandatory and ensures you collect valid email addresses for sending rewards or marketing campaigns.

#### **Adding new fields**

You can add more fields to the form by clicking **+ Add more field**. Here's how:

1. Click the **+ Add more field** button.&#x20;
2. 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.

<figure><img src="/files/J3iqOTwN2FBe9fP2X9UL" alt=""><figcaption></figcaption></figure>

3. Enter the **Field label** to customize the label users see

<figure><img src="/files/GhPWRfAgizw8BjtbQNeJ" alt=""><figcaption></figcaption></figure>

4. Check the **Required field** box if the field is mandatory.
5. Click **Add Field** to save the new field.

*For example:*

<div><figure><img src="/files/uQezts2AiiK8IStL5Iem" alt=""><figcaption></figcaption></figure> <figure><img src="/files/XyGEq8ZCVwBieoRMbmcF" alt="" width="563"><figcaption></figcaption></figure></div>

{% hint style="info" %}
You can change the order of these fields by using a simple **drag-and-drop** feature.
{% endhint %}

### Data collection

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.

<figure><img src="/files/9axDLham9ObmfofavQQD" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/5wRRlIOsQHsEAK7xzVTk" alt=""><figcaption></figcaption></figure>

## Content

### Main content

<div><figure><img src="/files/LlFrdpcqjghiLDF1hA1a" alt=""><figcaption></figcaption></figure> <figure><img src="/files/QguuFPK598yeUnnUq1Dd" alt="" width="562"><figcaption></figcaption></figure></div>

* **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"*

### 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.

<figure><img src="/files/M99oE8OHNvqaknXbhno4" alt=""><figcaption></figcaption></figure>

* **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]"*.

<figure><img src="/files/mXi7f4DVOKX6LvnVhMMK" alt=""><figcaption></figcaption></figure>

* **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."*

<figure><img src="/files/f8LcajmgedsQDQekcLOI" alt=""><figcaption></figcaption></figure>

## Prizes

This setting is to create prizes, including names, background colors, discount codes, and the chance to win them.

{% hint style="warning" %}
Make sure that discount codes are correctly set up in Shopify. Once they are created, paste the codes in the "Discount code" fields.&#x20;

[Learn how to create discount codes with Shopify.](https://help.shopify.com/en/manual/discounts/create-discount-codes)
{% endhint %}

{% hint style="info" %}
Each prize will be displayed 2 times.
{% endhint %}

<figure><img src="/files/C9NbdvhsFlwryZIGdMK3" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Easily search and select from a list of available [Shopify Discount](https://help.shopify.com/en/manual/discounts) codes using the module ***discount codes picker.***
{% endhint %}

<figure><img src="/files/5HsHhPTS8ZGN2xip8Aor" alt=""><figcaption></figcaption></figure>

## Design

Pick the desired color for text, button, popup background, etc.

<figure><img src="/files/Dgyi4BrLSleQCZjF6Vje" alt=""><figcaption></figcaption></figure>

## 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.

<figure><img src="/files/3K4j5tt65Zj2nyW2mbJ5" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
This automatic pop-up will not show to customers who have already converted.
{% endhint %}

### Display conditions&#x20;

Determine where the pop-up appears:&#x20;

* 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.&#x20;

    * 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.

<figure><img src="/files/LAumY7qc8D3QR89aECjm" alt=""><figcaption></figcaption></figure>

### Display Frequency

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

<figure><img src="/files/N8NDrqJ60WQ9CqegJs3G" alt=""><figcaption></figcaption></figure>

### Teaser button settings

The teaser button appears when the pop-up is not displayed to encourage the users to subscribe later.&#x20;

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.

<figure><img src="/files/Ht5Hbk8v3iN1TxhJS73d" alt=""><figcaption></figcaption></figure>

<div data-full-width="false"><figure><img src="/files/jkhSO8a1h10VtA30rWGx" alt=""><figcaption><p><a href="https://foxecom.com/pages/affiliate?utm_source=foxecom&#x26;utm_medium=help_center_foxkit_lucky_wheel&#x26;utm_campaign=anchor_text&#x26;utm_term=explore_foxecom_affiliate_program_perks_now">Explore FoxEcom Affiliate Program perks now</a> <span data-gb-custom-inline data-tag="emoji" data-code="2728">✨</span></p></figcaption></figure></div>