📚 Embed Tutorial

Learn how to embed the wheel on various platforms

📖Overview

Embed WheelPicker on your website, PPT, or other platforms to make your content more interactive.

Platform Comparison

Platform Difficulty Support Notes
HTML Website ⭐ Easy ✅ Full Copy & paste code
WordPress ⭐ Easy ✅ Full Use HTML block
PowerPoint ⭐⭐ Medium ✅ Supported Plugin or Web version
Google Slides ⭐⭐ Medium ⚠️ Limited Third-party plugin
Notion ⭐ Easy ✅ Full Use Embed block

1iframe Embed

Steps 1: Get Embed Code

  1. Visit the Embed Code Generator
  2. Add your options
  3. Choose color scheme and size
  4. Click "Generate Embed Code"

Steps 2: Copy Code

<iframe src="https://wheelpicker.cc/emb/?o=Option1,Option2,Option3" width="400" height="500" frameborder="0"></iframe>
💡 Tips: Adjust width and height to fit your needs. Recommended ratio is 4:5.

2PowerPoint Embed

PowerPoint Online (Recommended)

  1. Open PowerPoint Online
  2. Click Insert → Add-ins
  3. Search and add Web Viewer
  4. Enter wheel URL in Web Viewer

Alternative: Hyperlink

  1. Insert a button or image
  2. Right-click → Hyperlink
  3. Enter wheel URL

3Google Slides Embed

  1. Open Google Slides
  2. Click Extensions → Add-ons → Get add-ons
  3. Search for Slides Toolbox
  4. Or use hyperlink method

4WordPress

  1. In editor, click + to add block
  2. Search for Custom HTML
  3. Paste iframe code
  4. Preview and publish

5Notion

  1. Type /embed
  2. Select Embed
  3. Paste wheel URL
  4. Press Enter and resize

⚙️URL Parameters

Parameter Description Example
o Options (comma separated) o=A,B,C
c Color scheme c=vibrant
t Title t=My Wheel

❓Troubleshooting

Wheel not showing?
  • Check network connection
  • Verify iframe src URL
  • Some sites block iframes
Wheel too big/small?

Modify width and height attributes. Keep 4:5 ratio.

Ready to start?

Generate your embed code now!

🔗 Generate Embed Code