Skip to main content
The wheel of fortune element lets visitors spin the wheel and land on one of the slices you define.
The wheel of fortune element requires the Premium plan. See Widget Studio plans.

​
Add the wheel of fortune element

  1. Click Add element in the left sidebar.
  2. Expand the Media section.
  3. Click Wheel of Fortune to add it to your widget.
Add element panel with the Media section open and the Wheel of Fortune element highlighted
Once you add the wheel of fortune, a settings panel appears on the left. Adjust the position (x and y coordinates), width (W), and height (H) as needed.

​
Synchronize devices

Wheel of Fortune settings with the Devices synchronization section open and Wheel Settings, Wheel Chances, and animation sections collapsed
Set the Devices synchronization option to keep behavior consistent across devices.

​
Customize wheel settings

In Wheel Settings, set the wheel’s number of slices.
Wheel of Fortune settings with Wheel Settings open, showing Slices count, Content direction, Content position, and Slice1 and Slice2 with Edit links
Click Add new slice to add a slice. To let visitors play multiple times, turn on Allow users to play again in Wheel Settings.

​
Customize slices

Click a slice to edit its content. Set the content type to Text and enter the desired text for each slice. Adjust the background color and other style settings as needed.

​
Set wheel chances and animations

Under Wheel Chances, set each slice’s selection probability.
Wheel of Fortune settings with Wheel Chances open, showing Slice1 and Slice2 sliders each set to 50.0 %
Set the spin animation settings under Spin Wheel Animation to customize how the wheel spins and stops.
Wheel of Fortune settings with Spin Wheel Animation open, showing Duration, Max rev., and Min rev. sliders and a Preview button

​
Configure the play button and arrow

Click Wheel button to customize the “play” button. You can enter any text you’d like. You can also edit the background color. Customize the arrow button by selecting Wheel Arrow from the content list.

​
Edit the states of the element

Select the States tab to find additional properties that let you edit the style of the wheel’s states (Hover, Active, Disabled).

​
Final adjustments and preview

Review all settings and adjustments. Preview your widget to ensure your wheel of fortune is functioning as intended.

​
Save and activate

Click Save to save your widget. Activate the widget to use the wheel of fortune in your campaigns.