Spin the Wheel Widget for Your Website
LK Forge · 4 min read · Updated August 2026
You can drop a working spin-the-wheel widget onto any website, blog post, or classroom page with a single line of code — free, with no sign-up, no plugin, and no script to install. This guide shows the fastest way to embed the Spin the Wheel random picker, how to preload your own options, and where the embed works.
The quickest way: paste one embed snippet
An embed is just an <iframe> that loads the wheel from lkforge.com, plus a small credit line. Copy this into your page’s HTML where you want the wheel to appear:
<iframe src="https://lkforge.com/embed/spin-the-wheel/"
width="100%" height="640" loading="lazy"
style="border:0;max-width:560px"
title="Spin the Wheel by LK Forge"></iframe>
<p><a href="https://lkforge.com/tools/spin-the-wheel/">Spin the Wheel</a>
by <a href="https://lkforge.com/">LK Forge</a></p> That is the whole thing. The <iframe> is the interactive wheel; the <p> underneath is a plain credit link. Keep the credit line in place — that visible link is what keeps the wheel free to embed.
Step by step
- Copy the code. Grab the snippet above, or open the Spin the Wheel tool and use the Embed button (or the "Add this wheel to your website" section) to generate code for your exact list of options.
- Paste it into your page. Add it in an HTML / "embed" / "code" block — not a plain rich-text field, which can strip the tag. The wheel appears as soon as the page loads.
- Preview and publish. Check it on desktop and mobile, then publish. There is nothing to maintain: the wheel loads live from lkforge.com each time.
Preload your own options
To make the embedded wheel start with your own entries, add them to the URL with the items parameter, separated by commas:
https://lkforge.com/embed/spin-the-wheel/?items=Pizza,Burger,Sushi,Tacos Drop that URL into the iframe’s src and the wheel loads with those four slices, ready to spin. If an entry contains a comma or a special character, the easiest route is to build the wheel on the tool page and let the Embed button write the URL for you — it encodes everything correctly. You can also weight a slice by adding *2 to *5 after the name (for example ?items=Yes*2,No) to give it bigger odds.
Fixed vs. responsive size
The default snippet uses a fixed height with max-width:560px, which fits most content columns. If you need the wheel to scale fluidly with a narrow or mobile layout, open the Embed dialog on the tool page and pick Responsive — it wraps the iframe in an aspect-ratio box so the wheel resizes cleanly instead of scrolling.
Where it works
Because it is a standard iframe, the embed works anywhere you can add HTML:
- WordPress: add a Custom HTML block and paste the snippet.
- Squarespace: use a Code / Embed block.
- Wix: add an Embed HTML / iframe element.
- Ghost: insert an HTML card.
- Notion: paste the
/embed/spin-the-wheel/URL and choose "Create embed". - Plain HTML or an LMS: paste the snippet straight into the page markup.
That’s all there is to it. Build the wheel you want on the Spin the Wheel page, copy the embed code, and paste it wherever you need a fair, instant random picker — for giveaways, classroom name-picking, or settling "what’s for dinner?"
Build your wheel, then grab the embed code from the 'Add this wheel to your website' section — free, no sign-up.
Open the Spin the Wheel toolFrequently asked questions
- Is embedding the spin the wheel free?
- Yes. The wheel is free to embed on any site, with no account, no API key and no usage limits. The only thing we ask is that you keep the small "Spin the Wheel by LK Forge" credit line that comes with the embed code. Everything runs in your visitor’s own browser, so there is no server cost to pass on.
- Does the embed work on WordPress, Wix, Squarespace and other builders?
- Yes. Because it is a standard <iframe>, it works anywhere you can add an HTML or "embed"/"code" block. In WordPress use a Custom HTML block (not the visual editor, which can strip the tag); in Squarespace use an Embed / Code block; in Wix use the "Embed HTML" / iframe element; in Ghost use an HTML card; in Notion paste the /embed/spin-the-wheel/ URL as an embed. On a plain HTML page, just paste the snippet into the markup.
- Can I choose the options that appear on the embedded wheel?
- Yes. Set up the wheel you want on the Spin the Wheel page first, then use the Embed button (or the "Add this wheel to your website" section) to generate code that already contains your entries. You can also add them straight to the URL, for example /embed/spin-the-wheel/?items=Pizza,Burger,Sushi — the embedded wheel loads with those slices ready to spin.
- Is the embedded wheel responsive on mobile?
- It can be. The default snippet uses a fixed height with max-width:560px, which fits most layouts. For a fully fluid wheel that scales with its container, use the "Responsive" option in the Embed dialog on the tool page — it wraps the iframe in an aspect-ratio box so it resizes cleanly on phones and narrow columns.
- Does embedding the wheel track my visitors or set cookies?
- No. The wheel picks winners with your browser’s built-in cryptographic randomness and stores nothing about your visitors — it sets no tracking cookies and sends no analytics from the embed. It is safe to place on a classroom page or a privacy-sensitive site.
- Is the wheel spin actually random and fair?
- Yes. The winner is chosen with the Web Crypto API (crypto.getRandomValues) using rejection sampling, so every slice has an exactly equal chance — the spinning animation is just for show and cannot change the result. Add an entry twice, or weight it, to give it proportionally better odds.