Embed a Free Spinner Wheel on Any Website

Drop a live, spinnable wheel into your blog post, course page, or community site with one snippet of HTML. No account, no cost, and nothing to install - if your platform accepts an iframe, it accepts the wheel.

✓ 100% Free ✓ No Sign-Up ✓ Works on Mobile

See It Live

The wheel below is not a screenshot. It is the real widget running in an iframe, exactly as it would on your site. Give it a spin.

One line of HTML produced everything above: the wheel, the spin, and the winner announcement.

How to Embed a Wheel in 3 Steps

Build your wheel. Head to the Spin With The Wheel homepage and type in your options - student names, prize tiers, dinner ideas, whatever you are choosing between. Give the wheel a title so visitors know what a spin decides.
Click Embed and copy the code. Under the wheel, click the Embed button. You will get a short iframe snippet with your options and title already baked into the URL. Copy it.
Paste it into your site. Paste the snippet anywhere your platform accepts HTML. The wheel loads instantly.

The generic snippet looks like this:

<iframe
  src="https://spinwiththewheel.com/embed?items=Option+1%2COption+2%2COption+3&title=My+Wheel"
  width="100%" height="480"
  style="border:0;max-width:100%"
  loading="lazy"
  title="Spin the Wheel"></iframe>

Two parameters do all the work: items is a comma-separated, URL-encoded list of options, and title is the heading shown above the wheel. Increase the height value if your wheel has a long list of options.

Platform Guides

The snippet is plain HTML, so it works almost everywhere. Here is exactly where to paste it on the most common platforms.

WordPress (Block Editor)

In the post or page editor, add a new block and search for Custom HTML. Paste the snippet into the block, then click Preview to watch the wheel spin inside the editor. No plugin required, and it works with any theme.

Google Sites

Click Insert, choose Embed, and use the By URL tab: paste the full embed URL (everything inside the src quotes of the snippet). You can also switch to the Embed code tab and paste the whole snippet. Drag the corners to resize the frame on your page.

Canvas LMS

Open any page, assignment, or announcement in the Rich Content Editor and click the </> icon to switch to HTML view. Paste the snippet and save. Students get a spinnable wheel right inside the course, which makes random cold calls feel visibly fair.

Notion

Notion does not accept arbitrary iframes, so the widget cannot be embedded directly. Instead, paste your wheel's share link into the page. Notion turns it into a bookmark card, and one click opens the wheel ready to spin.

Plain HTML and Everything Else

If you can edit the HTML, you can add the wheel. Squarespace (Code block), Wix (Embed HTML element), Shopify pages, Moodle, and most school or club CMS platforms all take the same snippet unchanged.

Why Put a Wheel on Your Page?

Teachers: A name picker embedded in your Canvas or Google Sites course page means random selection happens where students already are, and everyone can see the pick was fair. Spin for presentation order, review-game topics, or which vocabulary set tonight's homework covers.

Streamers and community managers: Run giveaways in the open. Embed a wheel of entrant names on your community page and spin it live, so winners are drawn in front of everyone instead of behind the scenes. Challenge wheels and weekly event pickers work the same way.

Bloggers: An interactive element keeps readers on the page. A what-should-I-cook-tonight wheel in a recipe roundup, or a which-book-next wheel in a reading list, turns a static post into something readers actually play with and share.

Frequently Asked Questions

Is the embeddable wheel really free?

Yes. The widget is completely free for personal, educational, and commercial sites. There are no paid tiers, trials, or usage limits, so you can embed as many wheels on as many pages as you like.

Does the embedded wheel work on mobile?

Yes. The widget is responsive and touch friendly. Keep the width at 100 percent, as in the snippet above, and the wheel scales to fit phone screens so visitors can spin with a tap.

Can I change the wheel options after embedding?

Yes. Everything the wheel shows lives in the embed URL itself: the items parameter holds your options and the title parameter holds the heading. Edit the URL directly, or build a fresh wheel on the homepage, then paste the updated snippet over the old one.

Do I need an account to embed a wheel?

No. There is no sign-up, login, or API key. Build a wheel, copy the code, and paste it into your site. That is the entire process.

Can I remove the Spin With The Wheel credit link?

The small credit in the corner of the widget stays. It is how the free tool is funded and kept online, so we ask every site that embeds a wheel to leave it in place.

Is the embedded wheel actually random?

Yes. The embedded wheel uses the same random selection engine as the main site, so every slice has an equal chance on every spin no matter where the wheel is running.

Wheels Ready to Embed

Any wheel you build on the site can be embedded. Start from scratch or from one of these:

🎡