Embedded 3D product presentation

把商品页变成可交互的 3D 展示窗口

VirtuKit 为模型、套件、机械结构和装配类产品提供可嵌入的 Product 3D 与 Assembly Instructions。客户不用离开商品页，就能查看产品形态、细节、方向和安装步骤。

查看嵌入方式 了解功能
1 段 通用脚本接入
2 类 3D 与装配说明模块
Key 按客户与商品授权
Product 3D · Item 536
旋转查看 通过鼠标或触屏从不同角度观察模型。
装配步骤 把复杂结构拆解成客户能理解的流程。

为商品详情页补上“看得懂”的空间说明

静态图片适合展示外观，3D 模型更适合解释结构、比例和安装关系。VirtuKit 的嵌入模块可以放在商品卡片、详情页、说明书页或售后支持页面。

3D

交互式模型展示

客户可以旋转、缩放、观察产品细节，减少只看图片时的误解，尤其适合模型、零件、套件和复杂结构商品。

AI

装配说明模块

同一套嵌入框架可以加载 Assembly Instructions，把步骤、零件和视角组合到客户页面里。

API

授权后自动显示

系统根据客户代码、API Key、商品编号和来源域名判断权限。没有授权时默认不显示空窗口。

客户网站只需要嵌入一段脚本

VirtuKit 会根据商品编号加载对应的 3D 展示或装配说明。商品编号可以直接写入，也可以从页面属性、meta 标签或 URL 中自动读取。

<script
  src="https://www.virtu-kit.cn/embed.js"
  data-client="virtu-kit-com"
  data-key="YOUR_API_KEY"
  data-item="536"
  data-modules="product,assembly"
  data-product-height="380px"
  data-assembly-height="680px">
</script>

从测试到上线的路径很短

嵌入脚本保持稳定，具体商品、权限和可展示模块由 VirtuKit 后台控制，方便先做单品测试，再扩展到更多 SKU。

01 确认客户域名和测试商品编号。
02 生成 API Key 并配置可访问的商品。
03 在商品页模板中插入脚本或目标容器。
04 完成测试后切换到正式域名和正式 Key。

适合这些客户场景

页面可以作为当前 DO 测试服务器首页，用于向潜在客户解释 VirtuKit 会如何出现在他们的网站中。

商品详情页增强

在价格、规格、图片之后加入 3D 模块，让客户在购买前看清结构和比例。

装配与售后说明

把说明书从 PDF 或图片升级为可交互步骤，降低安装和售后沟通成本。

经销商页面嵌入

同一套模型服务可以授权给不同客户域名，按客户、Key 和商品控制展示范围。

新品推广演示

在新品上线前先提供一个可访问测试页，方便销售、客户和合作方快速理解产品。

下一步可以把真实 3D 模块嵌入到这个页面

当前页面已预留了客户说明和脚本接入位置。等 DO 服务器上的 Product 3D 服务和授权 Key 配置完成后，可以把演示区域替换为真实嵌入窗口。

复制接入结构