Quick Start: Inline Data
The easiest way to add a wheel is to pass your options directly into the <wheelora> tag. You don't need a Wheelora account or a slug!
<script async src="https://wheelora.ai/embed/v1.js"></script>
<!-- Add this wherever you want the wheel to appear -->
<wheelora
title="Friday Night Dinner"
options="Pizza, Sushi, Tacos, Burgers, Salad"
weights="1, 1, 1, 1, 0.2">
</wheelora>Features & Benefits
- No App Installation Required: Pass comma-separated options directly in the HTML attribute.
- Weighted Options: Use the optional weights attribute to make certain outcomes more or less likely.
- Beautiful UI: Built with high-performance CSS and SVG, ensuring silky smooth animations on mobile and desktop.
- Branded: Features a subtle Wheelora logo link keeping the embed neat and professional.
Supported Attributes
Customize the look and data by modifying the attributes on your <wheelora> tag:
- title: The main heading for your wheel.
- options: A comma-separated list of items to spin for.
- weights (optional): A comma-separated list of numbers corresponding to each option's probability.
- theme (optional): playful (default), dark, or elegant.
Themes & Styling
The widget comes with three beautiful, built-in themes that perfectly match the main Wheelora app. Here is how they look:
<wheelora
title="Dark Theme"
options="One, Two, Three"
theme="dark">
</wheelora><wheelora
title="Elegant Theme"
options="Gold, Silver, Bronze"
theme="elegant">
</wheelora>