Embed a Spinning Wheel on Your Website

By Steven Hardy · Last updated 10 November 2026

You can put any wheel from Spin The Wheels on your own website, school blog or class page. Visitors can spin it right there – the embedded view shows only the wheel, without our menus. The code is free and needs no account.

Get the Embed Code

1. Build your wheel on the spin the wheel page or open a template such as the wheel of names.
2. Press the Share icon, set a title and press Create share link.
3. Under Embed on a website, press Copy embed code.

The code looks like this (your link will have its own ID):

<iframe src="https://spinthewheels.net/w/AbCd1234?embed=1" width="100%" height="560" style="border:0;max-width:720px" title="Spinning wheel" loading="lazy" allow="fullscreen"></iframe>

Where to Paste It

• WordPress: add a Custom HTML block and paste the code.
• Blogger: switch the post editor to HTML view and paste the code where the wheel should appear.
• Google Sites: choose Insert → Embed → Embed code and paste it.
• Notion: type /embed and paste the share link with ?embed=1 at the end.
• Any HTML page: paste the iframe where you want the wheel.

PowerPoint and Google Slides

PowerPoint and Google Slides cannot run a live web page inside a normal slide. The simplest way is to add the share link to a button or image on the slide; in class, click it to open the wheel in the browser, spin, and switch back. In PowerPoint you can also use a web-viewer add-in if your school allows add-ins.

Good to Know

• Height: 560 pixels fits one wheel. Make it taller for two or more wheels.
• Updates: the embed shows the wheel as it was when you created the link. Edit the wheel and create a new link to change it.
• Link lifetime: shared wheels are deleted automatically after 183 days.
• Privacy: the embedded wheel does not set cookies or show ads.