Widgets

How to Add a Spin the Wheel to Your Website

LK Forge · 4 min read · Updated July 2026

You can drop a working, spinnable wheel 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

  1. 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.
  2. 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.
  3. 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 tool