详细教程:如何将转盘嵌入到网站、博客、PowerPoint 等各种平台
幸运转盘支持通过 iframe 嵌入到几乎任何支持 HTML 的平台。无论是个人网站、博客、演示文稿还是在线文档,都可以轻松嵌入。
| 平台 | 难度 | 是否支持 | 备注 |
|---|---|---|---|
| HTML 网站 | ⭐ 简单 | ✅ 完全支持 | 直接复制粘贴代码 |
| WordPress | ⭐ 简单 | ✅ 完全支持 | 使用 HTML 模块 |
| PowerPoint | ⭐⭐ 中等 | ✅ 支持 | 需安装插件或使用 Web 版 |
| Google Slides | ⭐⭐ 中等 | ⚠️ 有限支持 | 需使用第三方插件 |
| Notion | ⭐ 简单 | ✅ 完全支持 | 使用 Embed 模块 |
| 微信公众号 | ❌ | ❌ 不支持 | 微信不支持 iframe |
将转盘嵌入到您的网站是最简单的方式。只需三步:
点击"复制代码"按钮,或手动复制以下格式的代码:
<iframe
src="https://wheelpicker.cc/emb/?o=选项1,选项2,选项3&c=vibrant"
width="400"
height="500"
frameborder="0"
style="border:none;border-radius:12px;"
></iframe>
将代码粘贴到您网页的 HTML 中,放在您希望转盘显示的位置。
在 PowerPoint 中嵌入网页转盘,让您的演示更加生动有趣!
PowerPoint 网页版原生支持嵌入网页,是最简单的方法。
https://wheelpicker.cc/emb/?o=选项1,选项2如果您使用桌面版 PowerPoint,需要安装 LiveWeb 插件。
如果上述方法不可用,可以使用超链接方式:
https://wheelpicker.cc/?o=选项1,选项2Google Slides 不直接支持嵌入网页,但可以通过以下方式实现:
/embed 或 /嵌入https://wheelpicker.cc/emb/?o=选项1,选项2您可以通过 URL 参数自定义嵌入的转盘:
| 参数 | 说明 | 示例 |
|---|---|---|
o |
选项列表(逗号分隔) | o=选项1,选项2,选项3 |
c |
配色方案 | c=vibrant / warm / cool /
pastel / neon |
t |
标题 | t=抽奖转盘 |
hideTitle |
隐藏标题 | hideTitle=1 |
https://wheelpicker.cc/emb/?o=一等奖,二等奖,三等奖,参与奖&c=neon&t=年会抽奖
修改 iframe 的 width 和 height 属性。建议保持 4:5 的宽高比。
width="300" height="375" 小尺寸width="500" height="625" 大尺寸
嵌入的转盘需要联网才能使用。如果需要离线使用,可以考虑下载本项目的源代码自行部署。