Wheel Settings

Posted on by Villatheme

 

Input fields

1. “Email” field:

    • Enable a field for users to enter their email before spinning
    • Enable a field for users to enter their email before spinning on the mobile
    • Make this field mandatory. User must enter their email before spinning

2. “Name” field:

    • a field for users to enter their name before spinning
    • Enable a field for users to enter their name before spinning on the mobile
    • Make this field mandatory. User must enter their name before spinning

3. “Phone number” field:

    • Enable a field for users to enter their phone number before spinning
    • Enable a field for users to enter their phone number before spinning on the mobile
    • Make this field mandatory. User must enter their phone number before spinning
    • Enable to display the country code on the phone number field

 

Wheel Slides

1. {quantity_label} is used in prize label if quantity is greater than 0

2. Index: The number of wheel parts with each prize on the lucky wheel.

3. Prize type: You can customize to display Non prize or custom prizes in WordPress Lucky Wheel.

– Non: The visitor wins nothing .

– Custom: Add many custom prizes as you need in each slice of the wheel.

4. Label: Enter the label for the prize value of each slide. The shortcode {quantity_label} to display in prize label if quantity is greater than 0.

For example: An Iphone {quantity_label}, if there are 3 Iphone prizes left, the wheel slice will show: Iphone (3 left).

5.Value: enter the prize of each slide.

6. Probability: You can change the probability to get a prize.  To change probability, please adjust weight, weight total must be 100%.

7. Quantity: The Number of prizes available in stock to give customers. Set quantity to -1 to not limit the number of prizes. Each time a customer wins a prize, its quantity will be automatically reduced by 1.

8. Color: Select the slide background color of each slide.

9. Text color: Select the text color of each wheel slide.

10. Auto color: set up slide color automatically.

11. Random color: Enable option to Color is set randomly from predefined sets for each visitor.

12. Preview: Click this button to see the wheel preview of the current design.

 

After Finishing Spinning

  1. Automatically hide wheel after finishing spinning: Hide the wheel after spinning. Leave 0 to disable this feature.
  2. Winning effect: Show your congratulation with one of these effects.
  3. Message if win: This message shows if the user wins a prize. Edit the content here. Supported placeholders are:
    • {prize_label} – Label of prize that customers win
    • {customer_name} – Customers’name if they enter
    • {customer_email} – Email that customers enter to spin
    • {prize_value} – Prize value will be sent to customer.
    • {today} – Current date
  4. Frontend message if lost: Show this message when the user does not win a prize after spinning.

 

Design

  1. Show full wheel: Choose the front-end size of the lucky wheel. You can choose to display full wheel or half on front-end.
  2. Wheel spin: The number of spins per one second. Choose the speed/spin per second in the left field and the spinning duration in the right field
  3. Adjust size
    • Adjust font size of text on the wheel by: Adjust font size of the text in the wheel.
    • Adjust wheel size by: Adjust the wheel size.
  4. Wheel pointer
    • Wheel pointer position: Select the position of the lucky wheel pointer: Center, top, right, bottom, random.
    • Wheel pointer color: Choose color for the pointer.
  5. Wheel center background image: Add an image for the wheel center area
  6. Color: Adjust the color for the wheel center area, wheel border and the dots inside wheel border
  7. Background image: Select the wheel background image.
    • Default
    • Custom image
  8. Background color: Select wheel background color.
  9. Text color: Text color in the wheel background content, including wheel description, text to not show the wheel again. This option may be affected by your theme.
  10. Wheel description: Create the description for your wheel.
  11. Spin Wheel button: Add the label for the Spin Wheel button.
  12. Spin Wheel button color: Select the color for the label above.
  13. Spin Wheel button background color: Select the background color for the Spin Wheel button
  14. GDPR checkbox: Enable GDPR checkbox.
  15. GDPR message: Add your GDPR message.
  16. Background effect: Select one effect for the wheel background.
  17. Not display wheel again: This option shows a few text, allow user to hide the wheel after clicking one of them.
  18. Select font: Font of the wheel background text content.
  19. Custom CSS: Add your custom CSS if there’s no customization above match your need.

 

Google reCAPTCHA

Google reCAPTCHA helps protect websites from spam and abuse. A “CAPTCHA” is a turing test to tell human and bots apart. It is easy for humans to solve, but hard for “bots” and other malicious software to figure out. By adding reCAPTCHA to a site, you can block automated software while helping your welcome users to enter with ease.

  • ReCaptcha 2: “I’m not a robot” Checkbox. This requires the user to click a checkbox indicating the user is not a robot. This will either pass the user immediately (with No CAPTCHA) or challenge them to validate whether or not they are human. This is the simplest option to integrate with and only requires two lines of HTML to render the checkbox.
  • ReCaptcha 3: reCAPTCHA v3 allows you to verify if an interaction is legitimate without any user interaction. It is a pure JavaScript API returning a score, giving you the ability to take action in the context of your site: for instance requiring additional factors of authentication, sending a post to moderation, or throttling bots that may be scraping content.

*  Note: Follow the Guide to get Google reCAPTCHA V3 Site and Secret key.