Type your entries, choose how visitors use the wheel, and copy one snippet. It works on any https page that accepts HTML, with no account, plugin or fee.
This is the wheel your visitors will use. Try a spin.
Wheel by ChoiceSpin
Paste this into an HTML or embed block. The wheel resizes with your page.
Your entries are saved inside the code, not on our servers. Anyone who can see your page source can read them, so leave out private names, passwords and account details.
Three steps, and the wheel is live on your page. You can come back and change it at any time.
Type 2 to 100 entries above, one per line. Pick the controls, colors and spin length.
The preview runs the same wheel your visitors get, so a test spin here shows how it will behave on your page.
Copy the snippet into an HTML or embed block on your page, then publish the page as usual.
Most site builders have a block for HTML or embed code, but each one names it differently. On a page you write yourself, paste the snippet inside <body> where the wheel should appear. There is no script tag, stylesheet or API key to add.
/html and pick the Custom HTML block.In the classic editor, paste it on the Text tab. WordPress keeps embed code only from users allowed to post unfiltered HTML, normally Administrators and Editors. On WordPress.com it needs a paid plan with hosting features turned on.
In Wix Studio, the same element is under Add Elements, then Embed & Social, then Embed Code.
Embed code runs on the Core, Plus and Advanced plans and the older Business and Commerce plans, but not on Basic. If the wheel is missing while you are logged in, check the page with Preview in Safe Mode.
Code Embed needs a paid Workspace or Site plan.
To put the wheel in a theme section instead, open Edit theme, click Add section and choose Custom Liquid.
/embed, choose Embed link and paste it.Notion takes links only, so pasting the embed code does not work there.
If your school has turned on Canvas's content security policy, an admin may need to add choicespin.com to its allowed domains.
Forum posts remove embed code, and so does every area on sites with Content cleaning everywhere turned on.
When a plan strips out embed code, or a tool only takes a link, switch the output above to Direct URL. Pasted as a link or a button, it opens the same wheel on its own page.
Presentation apps do not run embed code, so the dependable way is a link. One click during the slideshow opens the wheel in a browser tab, ready to spin.
Select some text on a slide, choose Insert, then Link (Ctrl+K, or ⌘+K on a Mac), and paste the Direct URL. In present mode, click the link to open the wheel, spin it, then switch back to your slides.
Select text or a shape, press Ctrl+K (⌘+K on a Mac) and paste the Direct URL. Click it during the slideshow to open the wheel in your browser. Microsoft retired its free Web Viewer add-in in December 2024. Paid add-ins from other companies can show web pages inside a slide, but we have not tested them.
The code fills your content column up to 760 pixels wide, and the height follows the width.
Change max-width:760px in the first line to a smaller width, such as 480px. The wheel shrinks with it and stays centered.
The min-height value stops the frame from getting too short on narrow screens: 460 pixels for a plain wheel, 560 with the Spin button and 760 when visitors can edit. Leave it in.
On Wix, Google Sites and similar builders, the code sits inside a box you can resize. Drag the box until the whole wheel and the credit line show with no scroll bar.
The embed runs the same wheel as ChoiceSpin itself, inside its own frame.
Every entry has the same chance on each spin. In modern browsers, Web Crypto random numbers pick the winner. See how the wheel picks.
Visitors can focus the wheel and press Space or Enter to spin. Screen readers announce each result as it lands.
The frame is sandboxed, so it cannot set cookies or save anything in the browser. It loads no ads and no analytics.
The code asks the browser to load the wheel only when a visitor scrolls near it, so the top of your page stays fast.
The copied code works on its own. If you write your own page code, you can also start spins, change entries and read each winner through window messages, without loosening the frame's sandbox.
Add <button id="spin-from-page" type="button" disabled>Spin</button> to your page, and put this script after the embed code. The wheel ignores commands until it sends ready, so the button stays disabled until then.
const frame = document.querySelector('iframe[src^="https://choicespin.com/e"]');
const spinButton = document.querySelector("#spin-from-page");
// Every message carries the same channel and version.
function send(action, extra = {}) {
frame.contentWindow.postMessage(
{ channel: "choicespin.embed", version: 1, action, ...extra },
"*"
);
}
window.addEventListener("message", (event) => {
if (event.source !== frame.contentWindow || event.origin !== "null") return;
const data = event.data;
if (data?.channel !== "choicespin.embed" || data?.version !== 1) return;
if (data.event === "ready") spinButton.disabled = false;
if (data.event === "spin-end") console.log("Winner:", data.winner);
});
spinButton.addEventListener("click", () => send("spin"));spin starts a spinsetEntries replaces the entries with an entries array of 2 to 100 stringsaddEntry adds one entry stringremoveWinner removes the latest winnerreset brings back the entries from the codeready, spin-start, spin-end with winner and index, entries-changed and error. Each one also reports the current entry count.
Send messages with "*" as the target, because a sandboxed frame has no origin you could name. The message still goes only to that one frame. When a message comes back, its origin reads "null", so trust it only when event.source is also the frame's window. The wheel listens only to the page that embeds it and answers a malformed command with an error event. Keep the generated sandbox and referrerpolicy attributes as they are: the wheel learns which page embeds it from the referrer, so a no-referrer policy switches messaging off.
Most problems come from where the code was pasted. Check these first.
It went into a normal text block. Delete it and paste it into an HTML, code or embed block instead.
The wheel only loads on pages served over https. If your page address starts with http, or your plan strips embed code, use the Direct URL as a link.
The embed box is too short. Drag it taller until the wheel, its buttons and the credit line all show. The frame alone needs at least 460 pixels, 560 with the Spin button and 760 when visitors can edit. The credit line adds about 30 more.
Check that Play a finish sound is ticked. Browsers only allow sound after a visitor has clicked or pressed a key inside the frame, so a spin started from your own code before that stays silent.
Short answers before you add the wheel to a public page.
Yes. It costs nothing, needs no sign-up, and the same code can go on as many pages as you like.
Build the new version here and replace the old code on your page. The entries are stored inside the code itself, so there is no account or saved copy to update.
Only their own copy. With Let visitors edit they can type new entries, and the Remove winner button or Remove each winner takes winners out. Nothing they do reaches your page or anyone else, and reloading brings back your entries.
No. The wheel runs in a sandboxed frame that cannot set cookies or store anything in the browser, and it loads no ads or analytics. Your entries are part of the code, so anyone who views your page source can read them.
From 2 to 100 entries of up to 80 characters each. Because the entries travel inside the link, all of them together can use about 3,900 characters, or fewer in scripts such as Japanese. For bigger lists, weights or saved results, use the full ChoiceSpin wheel, which takes up to 2,000 entries.
Yes. It fills the width of your content column and never gets shorter than 460 pixels, so the labels stay readable on small screens. Visitors spin it with a tap.
Yes. Untick Show a ChoiceSpin credit before you copy the code, or delete the credit line from the code afterwards. The wheel works the same either way.
No. The wheel-only page is marked noindex, so it stays out of search results. Your page's own search visibility depends on its own content and settings.
The full wheel takes up to 2,000 entries, with weights, images, saved wheels and a results history. Teachers can find classroom ideas in the teacher guide.