1. Add the Wheel Element
Drag "Advanced Spin Wheel" element onto your page.


2. Set properties

In the element’s properties, set:
- Option Settings (labels, weights)
- Animation Settings (spin duration)
- Stylings (colors and sizes)


3. Trigger element actions when a button clicked in this order:

- start_spin: This action starts spinning animation
- get_winner_index: This action executes server-side logic and securely determines the winner. You should enter option labels and option weights as you defined in the plugin element
- stop_spin: This action stops spinning animation at the winner index. You must set "Result of get_winner_index action's winner_index" value into the "winner_index" property


4. Use element states to save/display data

The "get_winner_index" action calculates the winner, then returns two values:

- winner_index → numeric index of winning option
- winner_label → text of the winning option


You can also:

- Save winner data directly into your database
- Show them to user in a popup or alert
- Trigger follow-up events or rewards
- Log analytics