For Google Sites, Canvas, Schoology and blogs

Embed a Spinner Wheel

Copy one line of embed code to put a working spinner wheel on your class website or LMS. The entries travel inside the link, so there's no account and nothing stored on our server.

Build your embed code

One per line. Add *2 after an entry to double its chance.

Pro: embed a saved wheel (/e/…) to show your logo in the middle and hide the “Made with ChalkSpin” link.

Live preview

Two minutes, start to finish

How to embed a spinner wheel

  1. Add your entriesType or paste your list in the builder, one entry per line, and pick colours and options.
  2. Copy the codePress Copy embed code. The entries are packed into the link, so there is nothing to save or sign up for.
  3. Paste it into your siteIn Google Sites choose Insert → Embed → Embed code; in Canvas or Schoology use the HTML or embed button of the page editor; in WordPress add a Custom HTML block.
  4. Spin on the pageStudents press Spin right on your class page. Each spin is picked fairly in their browser.

Step by step

Where to paste the code

The menus differ a little between systems; the code is the same everywhere.

Google Sites

  1. Open your page and choose Insert → Embed.
  2. Pick the Embed code tab and paste.
  3. Drag the box to about 600 px tall, then Publish.

Canvas

  1. Edit a page and open the HTML editor (the </> button).
  2. Paste the code where the wheel should go.
  3. Save. Students spin it right in the module.

Schoology

  1. Add a Page and open Insert content → Embed.
  2. Paste the code and insert it.
  3. Save and preview as a student.

WordPress and blogs

  1. Add a Custom HTML block (or the HTML view of your editor).
  2. Paste the code and update the post.
  3. Use the height that fits your theme: 520–720 px.

Google Slides and PowerPoint

Slide apps don't run embed code, so link to the wheel instead. Copy the share link from the wheel page and add it to a shape or a word on your slide; clicking it during the slideshow opens the wheel with your list.

For a whole lesson, open presentation mode in a second window and switch to it with Alt+Tab (Cmd+Tab on a Mac). Press Space to spin and Esc to come back to your slides.

Privacy and what students see

  • No ads inside embedded wheels, for anyone.
  • No sign-in for students: the wheel just spins.
  • The names live in the embed link, not on our server. Anyone who can see your page can read them.
  • Pro members can embed a saved wheel to show their logo in the middle (see Pro).

How the randomness works

Questions teachers ask

Embedding FAQs

Still stuck? Write to support@chalkspin.com.

Can I embed the wheel on my class website or LMS?

Yes. Copy the embed code and paste it into any page that accepts an HTML iframe: Google Sites, Canvas, Schoology, Blackboard, Moodle, Wix, Squarespace, WordPress and most blogs. The embedded wheel spins, shows the winner and can go full screen.

Do embedded wheels show ads?

No. Embedded wheels are ad-free for everyone, because they run inside school systems where students are. Free wheels show a small “Made with ChalkSpin” link under the wheel; a Pro member's saved wheels show their logo instead.

Where are the names stored?

Inside the embed link itself. ChalkSpin doesn't keep a copy, so changing the list means making a new code. Anyone who can see the page can read the names in the code, so share it only where those names belong.

How do I put a spinner wheel in Google Slides or PowerPoint?

Slides and PowerPoint don't run embed code. Add a link or a button to your slide that opens the wheel's share link, or open presentation mode (/present) in a second window and switch to it. PowerPoint for Microsoft 365 can show web pages with a Web Viewer add-in, if your school allows add-ins.

The wheel doesn't show up on my page. What can I do?

Check that you pasted the whole code, from <iframe to </iframe>, into an HTML or embed box (not the normal text box). Some school systems block outside frames; ask your administrator to allow chalkspin.com, or link to the wheel instead.