商品页只需一行
<script src="https://tryonanytime.com/embed.js" data-tryon-key="pk_…" data-tryon-garment="https://your-shop.com/shirt.jpg" async></script>
三步上线
无需插件，不用改后端——粘贴即可。
- 01
创建 publishable 密钥
在「设置 → 嵌入」生成 pk_ 密钥，并填好允许使用的域名。
- 02
粘贴一段脚本
把代码片段放到 </body> 之前，并把图片地址换成你的商品图。
- 03
看转化率上涨
顾客在你自己的页面上完成试穿——退货更少，下单更果决。
在这里直接试
这就是真实组件，挂在一张示例商品卡上。
示例店铺MAISON DEMO
羊毛西装外套
¥249演示用——请到「设置 → 嵌入」生成你自己的密钥。
下面这些效果，都来自你将要粘贴进商城的那段脚本。不需要 SDK，也不用打包构建。
- 基于 Shadow DOM 隔离——商城的 CSS 不会受影响。
- 桌面端和移动端都好用，键盘焦点也已处理。
- 异常会自动降级，顾客不会看到残缺页面。
安全须知
publishable 密钥（pk_…）需要嵌入到你的网页中，因此应视为公开信息。任何拿到它的人都可能消耗你的积分。
- 每个密钥按账户限速为每 5 秒一次试穿（另有按密钥的每日积分上限），但消耗仍会累计——请关注积分余额。
- 请定期轮换 publishable 密钥，并在泄露后立即更换。
- 若密钥泄露，请立刻在「设置 → Embed」中删除并重新创建；使用旧密钥的店铺需更新代码片段。