Embed Wheel
Put a live wheel on any page
Copy the snippet below and paste it into your website's HTML. The wheel stays fully interactive for your visitors — they can spin it right on your page.
Embed code
Tips
- Adjust
heightto fit your layout. - To embed a specific wheel with your entries, build it on the main site, press Share, and use that link (with its
#data) as the iframesrc. - The iframe is responsive to width; it will fill its container.
What the embed actually does
The snippet drops a live copy of Picker Wheel into your page inside an iframe. It is not a picture or a video — your visitors can add entries, change settings and spin it without ever leaving your site. Everything runs in their browser, exactly as it does here, and nothing they type is sent to us or to you.
Choosing a height
Width takes care of itself: the iframe fills whatever container you put it in. Height is the one value worth thinking about, because an iframe cannot grow to fit its contents.
640 pixels suits most pages. Go to about 520 if you only need the wheel and the spin button in view, or 760 if you want the entry list comfortably visible alongside it. On narrow phone screens the layout stacks, so allow a little more height than you would on desktop.
Where it works well
- Classroom and lesson pages — a names wheel ready to spin, with no separate tab to open.
- Giveaway and competition pages — entrants can see the draw is a real random spin rather than a claim.
- Blog posts and articles — an interactive example beats a screenshot of one.
- Team and event pages — a rota or running-order wheel that anyone can use.
If it does not appear
- Blank space where the wheel should be. Most site builders strip raw HTML from ordinary text blocks. Use the dedicated Embed, HTML or Custom code block instead.
- The wheel is cut off. The height is too small — raise it, or check that a parent element is not restricting it.
- Nothing loads at all. Your page must be served over HTTPS. Browsers block an HTTPS iframe inside an HTTP page.
- The shared wheel is empty. The entries travel in the part of the link after the
#. If your platform strips that, the iframe falls back to the default wheel.
Using it on your site
Embedding is free, on personal and commercial sites alike, and you do not need to ask permission or add attribution — though a link back is always appreciated. Please embed the wheel as provided rather than reproducing the code or artwork as your own; the Copyright & DMCA page sets out the details.