Fouita Widgets

Promotional

Form Builder

Reviews

Social

Content

Video

Contact

Audio

Blog Page

Image

Events

Info

Gaming

Wheel Of Fortune

Quizzes

Brackets

Notification

Buttons

Pricing

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 : 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

Here, you have control over the play page, win page, and lose page of the Wheel of Fortune template :

1. Play page :

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.

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.

For the button, you should keep the submit button toggle active ,and once you're finished, click on "Done" to save your changes.

2. Win page :

In the settings panel, you can easily add or remove the confetti animation by simply clicking the button. You can also set a background image.

You can customize the button by adjusting its roundness, text size, and width. You have the option to enable the open tab feature, modify its style, select an icon and its position, set the margin, and choose the background type and its colors.

3. Lose page :

In this panel, you can add the text that will be displayed on the loss page.

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.

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

3. 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: 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.