How the embed code works
The code is an iframe: a window in your page that shows a stripped-down copy of the wheel, with nothing around it but a small credit link back to The Spin Wheels. The draw is the same as on the main site. The winner is picked by the browser’s cryptographic random number generator before the wheel starts moving, so an embedded wheel is exactly as fair as the one on the home page.
Your list travels in the part of the address after the # sign. Browsers never send that part to a server, so the names in your embed code are not uploaded to us or logged by us. Anyone who can read your page’s source can read them, though, because they are written into the code itself. Only embed a list you would be happy to publish on the page.
Adding the spin wheel to a website
Most site builders have a block for pasting HTML. In WordPress it is the Custom HTML block. Squarespace calls it a Code block, Wix has Embed HTML under Embed Code, and Google Sites has Embed, then the Embed code tab. Some editors show a gray placeholder while you edit and only draw the live wheel once you preview or publish, so check the published page before deciding it has not worked.
The frame fills the width of whatever column you put it in, up to 960 pixels. The height is the one number you may want to change. The wheel shrinks to fit the frame’s height, so a shorter frame gives you a smaller wheel rather than a spin button cut off at the bottom. With the entry list shown, a narrow column puts the list under the wheel, and visitors scroll inside the frame to reach it.
An embedded spin wheel in a classroom LMS
Canvas, Moodle, Schoology and most other learning platforms accept iframe code in their page editor, usually through an embed button or an HTML view. Paste the code into a page or an announcement and the wheel appears for everyone in the course, ready for picking who answers next or which group presents first. Students can spin it themselves, and if the entry list is shown they can edit it too. Those edits last until the page is reloaded, which brings back the list in your code.
Some schools limit which sites can appear in a frame. If the wheel shows up as a blank box, or the editor removes the code when you save, the platform’s administrator may need to allow thespinwheels.com. Google Classroom posts cannot show an embedded page at all; share the link instead, or put the wheel on a Google Sites page and post that.
The embedded wheel loads no analytics, no ads and no scripts from any other site. It sends the browser a security policy that only lets it load files from thespinwheels.com and blocks it from contacting anything else, so the browser itself enforces that promise rather than taking our word for it. The one exception is outside the page: Cloudflare, which hosts the site, asks browsers to report a page that fails to load, as the privacy policy explains.
A spin wheel for a stream overlay
In OBS Studio, add a Browser source and paste in the address from the embed code, which is the part inside the quotes after src=, starting with https. Set the source’s width and height, then right-click it and choose Interact to spin the wheel from inside OBS. Streamlabs and most other streaming apps have the same kind of browser source.
For an overlay, uncheck “Show the entry list” so only the wheel, the spin button and the result appear, and check “Dark colors” if your scene is dark. The wheel spins whatever list is in the address, so when the options change between streams, rebuild the code here and paste the new address into the source.
Writing the address by hand
The builder above writes everything for you, but the format is short enough to type. Add #list= and your entries separated by commas, as in /embed/#list=Red,Blue,Green. Add &editor=off to show only the wheel and &theme=dark for dark colors. With no list, the embed shows the same sample names as the home page.