WooCommerce

为 WooCommerce 加上虚拟试穿

下载 WordPress 插件 — v1.1.0 默认把试穿按钮悬浮在商品图上,用「按钮位置」设置即可改回「加入购物车」后显示。服装图使用商品图。也可自行粘贴脚本。

商品页只需一行
<!-- TryOnAnytime — get pk_ at https://tryonanytime.com/settings/embed -->
<!-- 也可跳过插件,把这段贴到单品模板 </body> 前(加上 data-tryon-attach="image" 即可浮在相册上) -->
<!-- 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>

状态: 插件 zip 现已可下载。不用插件也可以直接用 embed 脚本。

面向 WooCommerce 商家。任意站点的消费者请用 Chrome 扩展。

积分在 tryonanytime.com 购买。插件不会通过 WordPress 或 WooCommerce Payments 计费。

安装步骤

  1. 01

    创建 pk_ 并加白名单

    在 tryonanytime.com 设置 → Embed,添加店铺主机名。

  2. 02

    购买积分

    在 设置 → 积分 充值。密钥免费,试穿消耗积分。

  3. 03

    安装插件 zip

    WordPress → 插件 → 安装插件 → 上传。启用后到 设置 → TryOnAnytime 粘贴 pk_。

  4. 04

    检查商品页

    默认悬浮在商品图上(特色图或第一张变体图)。在 设置 → TryOnAnytime → 按钮位置 可改为「加入购物车」后显示。

把你的店铺变成试衣间

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