Delight your customers with a spin of excitement that could unlock exclusive rewards, while growing your email list!

Welcome to the Tapita Lucky Wheel Section, a dynamic and creative tool designed to show your appreciation to customers in a fun, engaging way. This fully customizable feature allows you to craft: 

1. A unique experience with mini icons, a variety of wheel items, 
2. An integrated form for visitors to enter their emails, all while ensuring fairness with a one-device, one-chance policy. 
   

This section also works seamlessly across all devices while maintaining smooth performance and fast load times. 

Whether you're aiming to boost customer loyalty or expand your marketing reach, this guide will walk you through setting up and optimizing your Lucky Wheel to captivate your audience and drive results.

1, Adding Tapita Lucky Wheel Section

For instructions on how to add the lucky wheel section to your store, please refer to the Getting Started guide for Tapita Theme Sections Builder.

2, Customize Tapita Lucky Wheel Section

👉 View section demo

After adding your desired Product Highlight Section to your store, you can customize its content as follows within the Shopify Theme Editor.

1.      Lucky Wheel Settings Configuration

1.1, Popup Settings

• Auto show popup on page load

• Automatically display the popup when the page loads.

• Toggle on to enable; off to require manual trigger.

• Popup delay

• Set the time before the popup appears (in seconds).

• Enter a numeric value (e.g., 2 s) to delay the display.

• Popup heading

• Add a heading for the popup.

• Enter and format text for additional context in the popup.

• Popup subtitle

• Add a secondary description text below the heading.

• Enter and format text for additional context in the popup.

• Popup description

• Add a description for the popup.

• Enter and format text for additional context in the popup.

• Email placeholder

• Add a guide text for visitors to enter their email addresses.

• Button text

• Add the text for the button (e.g. Spin the wheel).

1.2, Wheel settings

• Wheel size

• Control the diameter of the lucky wheel display.

• Enter a pixel value from 200 to 400 px to resize the wheel.

• Wheel background

• Set the background color of the wheel background.

• Enter a HEX code (e.g., #FFFFFF) for the field's fill color.

1.3, Form settings

• Input background

• Sets the background color of the email input field.

• Enter a HEX code (e.g., #FFFFFF) for the field's fill color.

• Input text color

• Define the color of text entered in the input field.

• Enter a HEX code (e.g., #333333) for typed email text.

• Input border color

• Apply color to the border of the input field.

• Enter a HEX code (e.g., #E0E0E0) for the default border.

• Input focus border color

• Change border color when the input is focused.

• Enter a HEX code (e.g., #67EAA) to highlight active states.

• Button background

• Set the background color of the spin button.

• Enter a HEX code (e.g., #67EAA) for the button's fill.

• Button text color

• Define the text color on the spin button.

• Enter a HEX code (e.g., #FFFFFF) for button label visibility.

• Button hover background

• Alter button background on mouse hover.

• Enter a HEX code (e.g., #5A67D8) for interactive effect.

1.4, Minimized icon settings

• Icon vertical position

• Position the minimized icon vertically on the page.

• Select from options: Top, Center, Bottom.

• Icon horizontal position

• Position the minimized icon horizontally on the page.

• Select from options: Left, Center, Right.

• Icon vertical offset

• Adjust the vertical distance from the chosen position.

• Enter a pixel value (e.g., 30 px) for fine-tuning placement.

• Icon horizontal offset

• Adjust the horizontal distance from the chosen position.

• Enter a pixel value (e.g., 30 px) for precise alignment.

1.5, Colors

• Popup background

• Set the overall background color of the popup modal.

• Enter a HEX code (e.g., #FFFFFF) for the popup's backdrop.

• Popup text color

• Define the color for all text within the popup.

• Enter a HEX code (e.g., #000000) to ensure readability.

2.      Wheel Item Settings Configuration

• Label

• Set the display text for a specific wheel segment prize.

• Enter text (e.g., "5% OFF") and add via the plus icon for new items.

• Background

• Define the color for the background of the wheel item.

• Enter a HEX code (e.g., #5EABD6) to differentiate with other wheel items.

• Text

• Define the color for all text within the wheel item.

• Enter a HEX code (e.g., #000000) to ensure readability.

• Coupon code

• Assign a discount code to the winning prize.

• Enter code (e.g., "SAVE5") to auto-apply on win.

• Thank you popup heading

• Define the title for the post-spin congratulations popup.

• Enter text (e.g., "CONGRATS! 5% OFF") for a celebratory message.

• Thank you popup text

• Add body text to the thank-you popup.

• Enter text (e.g., "Today you got lucky!") for win details.

Now you know how to customize Tapita’s Lucky Wheel Section to effectively expand your marketing reach and convert more loyal customers. If you have any questions or need assistance, don’t hesitate to reach out to Tapita support here support@tapita.io