SpinOfLuck
Open the wheel
Guide

How to embed a spin wheel in Google Sites

By the SpinOfLuck Team · Published August 14, 2026

Google Sites can embed a live, spinnable wheel directly into a page, with no add-on and no upload. Use Insert → Embed → Embed code and paste an iframe. The whole job takes about two minutes, and the finished wheel is clickable for anyone who visits the published page.

Key takeaways

  • Google Sites supports live embeds: this is the platform where a wheel really can sit inside the page.
  • Use the Embed code tab, not By URL. By URL often produces a link preview instead of an interactive frame.
  • Embedded content is invisible while editing. Publish, then check the live page.
  • Embed a view-only link if students will reach the page, so the entry list cannot be edited.

Step by step

  1. Build the wheel and copy the embed code

    Open the embed generator, type your entries one per line, then copy the HTML iframe code it produces. The code already points at a hosted, HTTPS version of your wheel, so there is nothing to upload.

  2. Open your page in Google Sites and choose Insert → Embed

    In the editor, click Insert in the right-hand panel, then Embed. You will see two tabs: 'By URL' and 'Embed code'.

  3. Switch to the Embed code tab and paste

    Paste the iframe you copied, then click Next and Insert. Use the Embed code tab rather than By URL: pasting a bare URL asks Google to generate a link preview, which is not an interactive wheel.

  4. Resize the block and publish

    Drag the corner handles so the wheel is roughly square; around 500×500 works on most layouts. Then click Publish. Embedded content only appears for visitors on the published site, not in the editor preview.

Pick the right link before you embed

There are two kinds of wheel link, and the difference matters on a page students can open. An editable link lets anyone change the names. A view-only link lets them spin but keeps the list fixed, which is the right default for a class page, a duty roster or anything on display.

Getting the size right

The wheel is square, so give it a square block. On a full-width Google Sites section, a block around 500×500 leaves the wheel readable without crowding the text beside it. If you place it in a two-column layout, drop to roughly 400×400, because below about 320px the entry labels start to get tight on long names.

Google Sites scales embedded blocks down on mobile automatically. You do not need a separate mobile version, but it is worth opening the published page on a phone once, because a block that is much taller than it is wide will leave a band of empty space.

If the embed does not appear

Three causes cover nearly every case, in order of likelihood:

  1. You have not published yet. Embedded content is a placeholder in the editor. Publish, then open the live URL.
  2. You used the By URL tab. Delete the block and re-add it via Embed code with the full iframe.
  3. Your Workspace admin restricts embedded content. Some school domains limit what can be framed on Sites pages. If a colleague's embed works and yours does not on the same domain, this is not it, but if nobody can embed anything, ask your admin.

Get your embed code

Type your entries, copy the iframe, paste it into Google Sites.

Open the embed generator →

Related tools and guides

Spin wheel in Google Slides →Slides cannot embed live web pages; here is what actually works instead.Spin wheel in Canvas, Moodle and your LMS →Platform-by-platform embed instructions for course pages.Classroom name picker →The wheel itself, set up for calling on students fairly.

Common questions

Do I need an add-on or extension for this?
No. Google Sites has embedding built in under Insert → Embed. The wheel is a normal web page served over HTTPS, which is what Sites requires, so no add-on, plugin or install is involved.
Why does my embed show a link preview instead of the wheel?
That happens when you paste the wheel address into the 'By URL' tab. Google turns some URLs into a preview card rather than a live frame. Switch to the 'Embed code' tab and paste the full iframe code instead.
The wheel is blank in the editor. Is it broken?
Almost always no. Google Sites shows a placeholder for embedded content while you are editing. Click Publish, then open the published page to confirm. Use the Preview button rather than judging from the edit view.
Can students change my list of names?
Only if you embed the editable version. Embed a view-only link and visitors can spin the wheel but cannot edit the entries. That is the safer choice for a page students can reach.
Will the wheel work on phones and tablets?
Yes. The embedded wheel scales to the width of the block it sits in, so it works on the mobile version of your site. Keep the block roughly square so the wheel is not cropped on narrow screens.
Do I need a Google Workspace for Education account?
No. This works on any Google Sites page, personal or Workspace. Nothing about the wheel requires an account of any kind.

Sources & further reading