Embedded 3D product presentation

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

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

查看嵌入方式了解功能

商品页场景 先让客户理解 3D 模块在页面中的位置。

降低首屏压力 真实 3D 放在下方对照区中集中演示。

同一个商品，可以分成三个层面展示

客户先用图片确认外观，再用 Product3D 检查结构和比例；需要安装说明时，再打开独立的大尺寸装配说明，不把说明书挤在小窗口里。

商品图片

适合放在商品页最前面，快速确认外观、包装印象和基础识别信息。

Product3D

作为商品详情页的核心互动层，让客户在购买前看清模型结构和关键细节。

装配体说明书

默认不加载，用户需要时再打开独立说明区域；区域高度默认 680px，也可以由客户页面通过嵌入参数或容器尺寸自动设置，降低首屏压力。

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

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

交互式模型展示

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

装配说明模块

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

API

授权后自动显示

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

从大规模展示级模型重构，到完整私有化平台交付

除了现有的 Product 3D 与交互式装配说明书，VirtuKit 还可以承接大规模产品目录的展示级 3D 模型重构。这些轻量模型服务于网页展示和产品沟通，不要求客户交出用于研发与制造的生产级核心数字资产。

客户数字资产边界

生产级核心数字资产 CAD、精密公差、工艺数据和保密内部结构始终由客户自己掌握。 留在客户内部 · 不进入本流程

客户批准的参考资料 产品图片、外观资料、实物样品和其他非敏感信息。 仅此类批准资料进入重构流程

展示级模型重构

AI 辅助生成产品形态与外观基础

人工校核检查比例、结构与材质

网页优化轻量化、统一规范与性能

面向客户的成果

Product 3D 用于商品页和推广页面的快速交互式展示。

交互式装配说明书 复用模型内容，服务安装指导和售后支持。

两种交付方式选择快速上线，或完整自主拥有

方案 A · 快速上线VirtuKit 托管服务

客户提供经过批准的产品资料，由 VirtuKit 创建并运营展示级数字资产和技术服务，客户网站直接调用。

客户提供批准的参考资料、SKU 数据和展示要求
VirtuKit 负责网页模型、模型库、服务器和访问授权的制作与运营
客户网站直接调用 Product 3D 和交互式装配说明书

客户提供产品资料 → VirtuKit 运营展示数字资产 → 客户直接调用服务

方案 B · 完整掌控客户私有化平台

VirtuKit 按照客户需求完成整套技术平台的定制，再整体交付并部署到客户自己的服务器或内部环境。

定制交付 Product 3D、装配说明书、后台管理、授权和部署工具
平台交付后由客户自主运行和维护
客户自己管理、发布并持续扩展展示级数字资产

VirtuKit 完成平台定制与交付 → 客户自主运营平台并管理展示数字资产

规模化展示级模型重构

基于客户批准的产品图片、外观资料、实物样品或其他非敏感参考，通过 AI 辅助生成与人工校核，批量构建适合网页运行的 3D 模型；并统一几何、材质、命名、比例和性能标准，让大量 SKU 获得一致的在线展示效果。

与生产级核心数字资产隔离

标准流程不需要生产 CAD、精密公差、工艺数据或保密的内部结构。展示级模型只用于营销展示和说明书，不作为生产制造依据；客户因此可以在降低核心数字资产外泄风险的同时，以更可控的成本建立网站 3D 展示能力。

可选择完整私有化交付

客户既可以使用 VirtuKit 托管服务，也可以选择完整交付 Product 3D、装配说明书、模型与产品数据、后台管理、授权体系和部署文档。整套平台可运行在客户自己的环境中，由客户自主保存数字资产并持续运营。

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

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 负责模型、授权、模块配置和脚本生成；客户只需要确认商品页位置、提供域名，并把脚本放入页面模板。

01 客户提供测试域名、商品编号和希望嵌入的位置。

02 VirtuKit 生成 API Key，授权域名、商品和可用模块。

03 客户把 VirtuKit 提供的脚本放入商品页模板。

04 双方验收显示效果；VirtuKit 扩展更多 SKU，客户发布到正式页面。

适合这些客户场景

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

商品详情页增强

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

装配与售后说明

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

经销商页面嵌入

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

新品推广演示

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

把单品测试扩展成客户接入样板

当前页面已经接入真实 Product3D，并把装配说明改为按需加载。后续可以复用同一段脚本，为不同客户域名、商品编号和展示模块生成授权。

复制接入结构