Embed a wheel on your website

Put a working, spinnable wheel on your website, blog, class page or LMS. Copy one snippet — no account required.

What embedding does

Your visitors get the real wheel — choices, SPIN and the result — right on your page, with no menus or extra content. A small “Powered by Wheel Answer” link sits underneath.

Live example

1. Create your wheel

Build it on the home page or start from a template such as the classroom wheel. Add choices, pick a mode and theme.

2. Copy the embed code

Click Embed (on phones: Share → Embed), choose a size, then press Copy embed code. The preview shows exactly what visitors will see.

3. Paste it into your site

Any HTML website: paste the code where the wheel should appear, inside the page’s <body>.
WordPress: in the block editor add a Custom HTML block and paste the code. Preview to check it.
Google Sites: choose Insert → Embed → Embed code, paste, then drag the box to your preferred size.
LMS (Canvas, Moodle and similar): use the HTML / source view of a page and paste the code.

Sizing

Responsive fills the width of its container up to 640px and keeps a near-square shape, never shorter than 380px or taller than 760px — the best choice for most sites. Use 600×600 or 400×400 when your editor needs fixed dimensions; both shrink to fit narrow screens.

<div style="position:relative;width:100%;max-width:640px;margin:0 auto;aspect-ratio:9/10;min-height:380px;max-height:760px;">
  <iframe src="https://wheelanswer.com/e#w=…" title="Wheel Answer spinner" loading="lazy" allow="fullscreen" style="position:absolute;inset:0;width:100%;height:100%;border:0;"></iframe>
</div>

Privacy

The wheel’s choices are packed into the embed code itself — Wheel Answer doesn’t store them on a server. Anyone who can view your page can see the choices, so avoid embedding private or sensitive lists. Spins in the embedded wheel aren’t saved anywhere.