Dero：无需代码嵌入的 3D 自行车停车架配置器

Dero 是一家位于明尼苏达州明尼阿波利斯的自行车停车设施制造商，也是 PlayCore 旗下公司。自 1995 年以来，该公司一直为客户提供支持，产品涵盖商用及定制自行车架、公共自行车维修站、自行车棚、自行车储物柜、场地设施和街景产品；客户既包括购买单个车架的业主，也包括为数百名骑行者规划自行车停车间的建筑师。其产品页面提供规格制定者所需的资料：宣传册、报审资料、安装指南、CAD、Revit 和 SketchUp 文件以及 CSI 规范。

其中七个页面如今还配备了3D 自行车架配置器，在 Simplio3D 中构建，标题简洁地写为 3D 查看器。它刻意保持基础简洁。访客可以选择车架安装方式，为提供该选项的车架添加倚靠杆，并试用不同表面处理，车架便会随之以 3D 形式变化。没有价格、购物车或表单；将它部署到 dero.com，只需粘贴嵌入代码片段，无需编程。

解决方案：在七个产品页面上提供 3D 自行车架配置器

在 dero.com 上，每款车架都有独立的产品页面，包含产品说明、文档和下载内容，以及 Dero 自己的购买或询价选项。其中七款产品——从被 Dero 称为自行车停车标准的 Hoop Rack，到自行车造型的 Bike Bike Rack——如今都在页面下方增设了标题为3D 查看器的版块。

每个 3D 查看器都是一款基础配置器。车架可在浅灰色背景上旋转和缩放，旁边的面板最多仅提供三项选择：安装方式、倚靠杆和表面处理。没有任何定价、加入购物车或提交操作。它唯一的任务就是展示车架，因此设置工作极少。

安装方式、倚靠杆和表面处理，均可在 3D 车架上直观呈现

这三项选择会改变车架安装后的外观：

• 安装方式。 下拉菜单提供地面安装和埋地安装。地面安装会显示车架通过螺栓固定的底板；埋地安装则会将底板替换为伸入地面的加长支脚。
• 倚靠杆。 Hoop Rack、Hoop Rack Heavy Duty、Downtown Rack 和 Arc Rack 上提供此开关。开启后，车架上会出现一根横向杆；其余三款车架则不会显示该开关。
• 表面处理。 每款车架均提供相同的 22 种色样：镀锌、不锈钢，以及黑色、哑光黑、白色、浅灰色、红色、黄色、亮黄色、橙色、蓝色、天蓝色、绿色、浅绿色、猎人绿、棕褐色、青铜色、银色、深紫色、酒红色、米色和铁灰色。镀锌色样呈现的是镀锌钢的斑驳纹理，而非纯色。

面板下方的小型(i)按钮可打开配置摘要，以文字列出所选配置。例如，在 Swerve Rack 上会显示：选择安装方式：地面安装；选择表面处理：酒红色。访客可直接使用同一页面上的购买或询价选项。

与 Dero 自有购买和询价选项并列的预览

Dero 的产品页面本身已支持销售。每个页面都提供 Dero 自有的购买或询价选项：表面处理、安装方式，以及适用时的倚靠杆，随后可选择数量，并使用加入购物车和加入询价单；较大数量的订单则通过询价清单处理。3D 查看器位于同一页面，不会干扰这些功能。

它没有价格、购物车或自己的表单，也不会向任何地方发送信息。访客先查看自己设想的安装方式和表面处理下的车架效果，然后在 Dero 的选项中做出相同选择。正是这种精简设计使其能够快速上线：无需关联产品、无需同步价格，也无需将表单转交给任何人。

无需编写代码即可嵌入

每个 Simplio3D 配置器都提供可复制的分享链接和 iframe 代码片段。在每个 Dero 产品页面上，该代码片段都以全宽形式置于 3D 查看器 标题下方。无需插件、脚本或与商店建立连接，因此上线一个查看器只需将一段代码片段粘贴到一个页面中。

由于页面中仅包含该代码片段，3D 查看器本身在 Simplio3D 中进行维护。新增表面处理或更新模型都可在其中完成，下次加载页面时便会显示在 dero.com 上，无需任何人编辑产品页面。了解更多类似查看器：3D 产品查看器。

如今此类项目还能增加什么

本节内容均不属于上述 Dero 的 3D 查看器；后者运行于 Simplio3D 的早期版本。对于如今刚开始采用此方案的自行车架或场地设施制造商而言：

• 让车架出现在实际安装位置。 无需应用程序，增强现实即可通过手机将配置完成的车架放置在路面或自行车停车间中：AR 上的 Quick Look、iOS 上的 Scene Viewer，以及通过桌面浏览器生成的二维码。
• 在模型上展示细节。 热点可添加带信息弹窗的标记，例如管材尺寸或车架可停放的自行车数量；场景功能则可切换背景和镜头。
• 让查看器与订单表单保持同步。 嵌入式配置器会将每次变更作为浏览器事件 simplio3d:option.changed 发布，因此希望实现同步的网站可通过几行自有脚本，在自己的订购表单中预先选择相同的表面处理和安装方式。
• 更快扩展整个产品系列。 可根据文字描述为另一款车架生成首个配置器；按类别批量添加功能可将共享材料库中的表面处理系列转换为色样组，无需手动创建每个色样。
• 检查每个查看器。 AI 助手可审核选项覆盖范围和条件逻辑，例如确认每种表面处理均有对应材质，并提出修复建议。Claude 等 AI 客户端可通过带范围限制的连接，经由 MCP 连接到工作区并执行相同检查；价格或 SKU 的变更则始终仅以待处理变更的形式出现，由人工决定是否应用。