Spin the wheel Embed a spinning wheel for website visitors, Google Sites or OBS

Embed a spinning wheel for website visitors, Google Sites or OBS

Any wheel you make here can live on another page: a blog post, a Google Site for your class, a WordPress page or your stream. Here is how, step by step.

Make the wheel first

On your own website or blog

The wheel goes onto another site as a small frame with a link under it. Visitors spin it right there, on your page, and the result window opens inside the frame. Nothing is installed and nobody needs an account.

The code is made from the wheel as it is when you press Embed, so type your entries, set the title and pick the colors first. If you change the list later, copy the code again and replace the old one.

Open the wheel on a computer and fill in your entries. The Embed button is on wider screens only, because pasting code is a desk job.
Press Embed, then Copy code.
In your site editor, add a block that accepts HTML. In WordPress it is the Custom HTML block; in Wix, Embed code; in Squarespace, a Code block.
Paste the code and publish. The wheel scales to the width of the column, up to 560 pixels.

What the code looks like (yours has your own entries after #w=):

<div style="max-width:560px;margin:0 auto">
<iframe src="https://sortibo.com/embed/wheel/#w=..." title="Spin the wheel" loading="lazy" allow="fullscreen" style="display:block;width:100%;aspect-ratio:4/5;min-height:420px;border:0;border-radius:16px"></iframe>
<p style="margin:6px 0 0;font:14px/1.4 system-ui,sans-serif;text-align:center">Wheel spinner by <a href="https://sortibo.com/spin-the-wheel/">Sortibo</a></p>
</div>

In Google Sites

Teachers often build a class page in Google Sites, and the wheel fits there well for picking who answers next or which topic comes up on Friday.

Copy the code from Embed as above.
In Google Sites, open Insert on the right and choose Embed.
Switch to the Embed code tab, paste, press Next and then Insert.
Drag the corners of the box until the whole wheel shows, then publish the site.

As a stream overlay in OBS

For a live stream there is a separate link with a transparent background: viewers see only the wheel and the winner's card over your scene, with no page around it.

You can write the winner message yourself, for example "{name} picks the next game", and choose to set each winner aside, so a giveaway never picks the same viewer twice.

On the wheel page, open Settings and then Stream overlay (OBS). Write the message if you want one and press Copy overlay link.
In OBS, add a source with the plus button, choose Browser and paste the link into the URL field.
Set the width to 1920 and the height to 1080. The wheel sits on the left and the card appears beside it.
To spin during the stream, right-click the source, choose Interact, then click the wheel or press the space bar.

Questions about embedding the wheel

Is it free to put the wheel on my site?

Yes. There is no account, no key and no limit on views. The only thing we ask is the small link under the wheel, which is part of the code.

Will my visitors see ads in the wheel?

No. The embedded wheel shows the wheel, its title, a sound button and a small credit link, nothing else. It does not set cookies or load anything from other companies.

What if my site only accepts a link, not code?

Some editors, such as Notion or a few school platforms, ask for a web address instead of HTML. Copy the code, then use only the address inside src="...". It opens the same wheel.

Can I change the entries after I have embedded the wheel?

The entries travel inside the code, so a change on our page does not reach your site. Edit the wheel, press Embed again and replace the old code with the new one.

Does the result count as a fair draw?

The spin uses your visitor's browser and its secure random generator, the same as on our own page. Every entry has the same chance unless you gave it a weight.