SHOPLINE

为 SHOPLINE 加上虚拟试穿

通过 SHOPLINE 自定义代码 / 脚本设置,在商品模板注入 embed 脚本。

商品页只需一行
<!-- TryOnAnytime — get pk_ at https://tryonanytime.com/settings/embed -->
<!-- 贴到主题自定义代码或商品模板靠近购买按钮处 -->
<!-- optional: float the button on the product image instead of in place -->
<!--   data-tryon-attach="image" -->
<!--   data-tryon-image=".product__media img, .wp-post-image" -->
<!--   data-tryon-position="bottom-right" (bottom-left|top-right|top-left) -->
<script src="https://tryonanytime.com/embed.js"
  data-tryon-key="pk_…"
  data-tryon-garment="https://your-shop.com/product.jpg"
  data-tryon-label="Try it on"
  data-tryon-attach="image"
  data-tryon-image=".product__media img, .woocommerce-product-gallery__image img"
  async></script>

状态: 今天即可用自定义脚本 + embed.js。

面向 SHOPLINE 商家。任意站试穿请用 Chrome 扩展。

积分在 tryonanytime.com 购买。

安装步骤

  1. 01

    创建 pk_ 密钥

    在 设置 → Embed 把 SHOPLINE 域名加入白名单。

  2. 02

    购买积分

    先在 tryonanytime.com 充值,再让消费者试穿。

  3. 03

    添加自定义脚本

    在 SHOPLINE 后台主题 / 自定义代码区域,把片段贴到商品页。

  4. 04

    验证

    打开商品页确认按钮出现,且域名已在白名单中。

把你的店铺变成试衣间

商品页贴一段代码就行。顾客点一下、上传照片,就能看到自己穿上这件单品的效果——不用装插件,也不用改后端。