Wheel Of Fortune

Wheel Of Fortune

Welcome to the “Wheel Of Fortune” documentation. Looking to integrate wheel of fortune into your website? Our widget allow you to create a fun and engaging experience for your visitors. In this guide, we'll show you how to use the editor to customize your wheel of fortune widget.

Step 1 : Open The Editor
Step2 : Set Up Wheel Options
Step 3 : Add And Customize Elements
Step 4 : Adjust The Layout
Step 5 : Edit The Win And Lost Page
Step 6 : Preview 

   



Step 1: Open the Editor
1. Go to Wheel Of Fortune template.
2. Click on "Edit" after choosing your template.




Step 2: Set Up Wheel options
1. In this panel, you can easily add or remove wheel options as needed.





2. You can customize each option by specifying whether it's a winner, adding a label or uploading a logo, selecting its coupon code, and providing the product link. You also have control over the winning probability percentage for each option.
If you activate the "Max Winnings" toggle, you can determine the maximum number of wins and decide whether winners receive the same coupon code or different ones.





3. Then you'll manage the wheel settings and choose colors that seamlessly align with your website's design.






Step 3: Add and customize Elements

1. Here, you have control over what shows up in your widget, you can easily add, remove, or change the content of the popup or section, such as text, image, form or button. Simply hover over the container to access these options.





2. Click on the edit icon to customize your element. From there, you'll be able to manage its color, style, width, and height . You can also put a border, set a background image and adjust its opacity.
Apart from that you can tweak the spacing around each element by customizing the margin and padding.
3. For the button, you should keep the submit button toggle active.
4. Once you're finished, click on "Done" to save your changes.



      
Step 4: Adjust the Layout

1. In the Layout panel, you can adjust how your layout looks and behaves. You have control over things like size, rounding, width, popup position, adding an overlay, choosing how it's displayed, and even adding animations.




  •  To switch from the popup view to the section view, just deactivate the popup and the closable toggle.



  •  The overlay only functions within the popup when the horizontal position is set to the middle and the vertical position is set to the center.






    • Step 5: Edit the win and lost page

    Finally, you can customize your win and lose messages by navigating to the win and lose page.




    Step 6: Preview

    Lastly, you can click on “Preview” to see how your wheel of fortune widget looks on both desktop and mobile devices. After this, you can proceed to the next step.


    Related Articles:
    Image Quiz Google Search