PickerSpin

How to Embed a Spinner Wheel in Google Sites

To embed a spinner wheel in Google Sites, open the Insert menu, choose Embed, switch to the Embed code tab, and paste the PickerSpin iframe — it needs no account, API key or script tag, and works the same on classroom and project sites.

Google Sites accepts an iframe, so you can drop a working wheel onto a class page, a project site or a staff hub in under a minute — no account and no script tag.

Steps

  1. In the editor, open Insert (right-hand panel) and click Embed.
  2. In the dialog, choose the Embed code tab. (The By URL tab only shows a link preview; the code tab embeds the live wheel.)
  3. Paste the snippet below, edit the entries, then click Next and Insert.
  4. Resize the frame on the page and Publish.

The snippet

<iframe src="https://pickerspin.co/embed/wheel/?entries=Alice,Bob,Carla"
  width="100%" height="520" loading="lazy"
  style="border:0;border-radius:12px;max-width:420px"
  title="PickerSpin Wheel"></iframe>

Change entries to your list, and optionally add &title=, &theme=light or &theme=dark.

Why it fits a class site

About 3KB, one request, no cookies, no ads and no third-party requests — which is why a school IT reviewer can verify the "no tracking" claim. The winner is drawn with the browser's Web Crypto API before the wheel moves, so it is provably fair. The same snippet also works in Canvas, Notion, Wix, Squarespace and more — see the full embed guide.

How to embed a spinner wheel in Google Sites

  1. Open Insert, Embed — In the Google Sites editor, open the Insert panel on the right and click Embed.
  2. Choose the Embed code tab — The Embed dialog has two tabs, By URL and Embed code. Choose Embed code so you can paste the full iframe (By URL only shows a preview card).
  3. Paste the PickerSpin iframe — Paste the PickerSpin iframe snippet, changing the entries parameter to your own options, then click Next and Insert.
  4. Resize and publish — Drag the frame to the size you want on the page, then click Publish. Viewers can spin the wheel without leaving your site.

How to Embed a Spinner Wheel in Google Sites — questions

How do I embed a spinner wheel in Google Sites?

Open the Insert panel, click Embed, choose the Embed code tab, and paste the PickerSpin iframe. Click Next, then Insert, then resize and Publish. The By URL tab only shows a preview, so use Embed code to get the live wheel.

Why does my Google Sites embed only show a link, not the wheel?

You likely used the By URL tab, which shows a preview card. Delete it and use the Embed code tab instead, pasting the full PickerSpin iframe snippet — that embeds the working wheel rather than a link.

Does the Google Sites wheel work for students and classrooms?

Yes. It needs no account or login, works on a projector, and makes no third-party requests or cookies, so it passes school privacy reviews. The pick is drawn with the browser Web Crypto API and can be verified at pickerspin.co/randomness.

Is embedding the wheel in Google Sites free?

Yes, completely. There are no ads, no usage limits and no account. Keeping the small PickerSpin credit line beneath the wheel is appreciated but not required.