跳转至内容
返回案例研究
Furniturefurnitureecommercewoocommerceoffice furniture

Zdesk:内置于 WooCommerce 的 3D 办公家具配置器

Zdesk·
Zdesk:内置于 WooCommerce 的 3D 办公家具配置器

Zdesk 是一家来自波兰弗罗茨瓦夫的办公家具制造商,在附近的 Dobrzykowice 设有自有生产车间。该公司通过其位于 zdesk.pl 的自营 WooCommerce 商店,向企业以及布置家庭办公室的个人销售办公桌、办公椅、柜体及其他办公家具。

办公收纳家具提供多种版本:最多三种宽度、高度从两层到七层文件夹高度不等,门板、柜体和顶板可选多种饰面,并可选择把手、锁具和抽屉布局。2026 年 3 月至 4 月期间,Zdesk 为其七个产品系列新增了办公家具配置器。该配置器采用 Simplio3D 构建,并通过适用于 WordPress 的 Simplio3D Product Configurator 插件嵌入 WooCommerce。买家可在 3D 中配置每件产品,实时查看每项选择带来的含税价格变化,并直接将配置结果加入购物车。

项目概览

项目资料,采集自 zdesk.pl,时间为 2026 年 10 月。
项目详情
客户Zdesk(Z DESK Sp. z o.o.),一家位于波兰弗罗茨瓦夫的办公家具制造商
商店zdesk.pl,基于 WordPress 和 WooCommerce 构建
集成适用于 WordPress 的 Simplio3D 产品配置器插件,采用“添加到购物篮”模式
配置器Seven:一款抽屉柜、FLEX 和 NEXT 抽屉柜、HYGGE、CLARO 和 SOAR 储物柜,以及 VELO 开放式搁架
已上线2026年3月至4月,包含一个聚合页面,并在主菜单中设置“Konfiguruj meble w 3D”(以 3D 配置家具)按钮
买家看到的内容会随每项选择实时变化的 3D 模型、以兹罗提显示的含税总价,以及“加入购物车”按钮

客户的需求

一个页面展示所有尺寸和饰面

每个系列最多提供三种宽度、六种高度和多种装饰,组合数量远超产品图片或 WooCommerce 变体所能展示的范围。

下单前先查看

在付款前,向买家展示所选尺寸和装饰的准确柜体效果。

减少下单错误

在模型上而非列表中进行选择,因此错误的宽度、高度或门的开启方向很容易被发现。

每种组合均有对应价格

精确配置的含税价格会随选项变化实时更新。

在现有商店中结账

配置好的家具可与 Zdesk 的办公桌和椅子在同一 WooCommerce 购物车中付款结账。

适用于办公室和家庭办公空间

对于布置家庭办公空间的个人来说足够简单,对于为多个工作站配备家具的公司来说足够全面。

解决方案:嵌入 WooCommerce 的办公家具配置器

zdesk.pl 上的每个产品系列均拥有独立的配置器页面。名为“Konfigurator mebli biurowych 3D”的汇总页面介绍了全部七个系列,主菜单中的Konfiguruj meble w 3D按钮可从商店任意位置进入该页面。

3D 模型占据页面主体,右侧面板则按照柜体的配置顺序展示选项。大多数产品系列先选择宽度,以缩略图形式显示 400、800 和 1,000 mm,随后选择高度。接下来可通过材质样本选择门板、柜体和顶板的饰面,Zdesk 提供黑色玛瑙、珍珠白、兰斯洛特橡木和涂油橡木饰面;NEXT 柜体另有炭灰色和鼠灰色可选。最后选择把手、锁具及抽屉布局。每次选择都会立即更新模型,买家还可旋转模型,从任意角度查看。

Pokaż środek(显示内部)开关可展示内部结构,让买家在购买前检查隔板和抽屉。选项较多的配置器会将其分为多个步骤:HYGGE 为两步,CLARO 和 FLEX 为三步。选项下方的Cena brutto(含税价格)会随每次选择更新,旁边是Dodaj do koszyka(加入购物车)按钮。模型旁的工具栏提供全屏、AR、快照和分享按钮。

zdesk.pl 上的抽屉柜配置器:一款三抽屉柜的 3D 展示,配有黑色柜门和 Lancelot 橡木柜体;旁边是选项面板,包含“Pokaż środek”开关、400、800 和 1000 mm 宽度缩略图(已选中 1000 mm)、黑色和珍珠白柜门饰面样本、两种橡木色和黑色柜体饰面样本,以及下方的台面饰面选项。
宽度为 1,000 mm 的抽屉柜,采用黑色柜门和 Lancelot 橡木柜体。

Zdesk 买家可配置的内容

高度以 OH 表示,即一排标准杠杆式文件夹的办公家具单位。在 Zdesk 产品系列中,2OH 约为 740 mm,此后每增加 1OH 高度增加 343 mm,7OH 时最高达 2,456 mm。

各 Zdesk 配置器的选项,读取自 2026 年 10 月的在线配置器。
产品系列买家可选内容
抽屉柜宽度 400、800 或 1,000 mm;前板、柜体和顶板饰面;可选配锁或不配锁;黑色或白色拉手
FLEX 抽屉柜三个步骤(尺寸、饰面、附加选项);高度 584 或 751 mm;两抽屉、三抽屉,或三抽屉带文具托盘
NEXT抽屉柜底座两步选择(尺寸、附加配置);高度584或751毫米;可选两个抽屉、两个抽屉搭配悬挂文件插盒、三个抽屉,或三个抽屉搭配笔盒;正面采用油饰橡木、兰斯洛特橡木、炭灰色或珍珠白;柜体可选黑玛瑙色、珍珠白或鼠灰色
HYGGE文件柜两步选择;宽度400、800或1,000毫米;高度2OH至7OH(741至2,456毫米);可选正面、柜体和顶板饰面
CLARO柜体三步选择;宽度400、800或1,000毫米;高度3OH至7OH;封闭式下部区域高度为2OH或3OH,可配柜门或抽屉;可选带收纳组件和中央锁的文件抽屉等配置
SOAR衣柜深度较浅的40厘米衣柜,柜门旁设开放式搁架;高度4OH至7OH;柜门可选左开或右开;可选正面及柜体饰面;白色或黑色拉手;可选配锁或不配锁
VELO 开放式搁架宽度 400、800 或 1,000 mm;高度 2OH 至 7OH;柜体可选兰斯洛特橡木、油饰橡木、黑玛瑙或珍珠白;顶面饰面;支腿颜色

买家如何配置 Zdesk 柜体

  1. 打开配置器

    在主菜单中点击 Konfiguruj meble w 3D 按钮,选择产品系列,例如 HYGGE 文件柜。

  2. 设置尺寸

    先选择宽度,再选择以 OH 为单位的高度。每次选择后,都会同步更新 3D 模型和价格。

  3. 选择饰面

    从 Zdesk 饰面中选择柜门、柜体和台面,并以色板形式展示。

  4. 添加五金配件

    根据产品系列选择把手、锁具、抽屉布局或门板开启方向。开启“显示内部”以查看内部结构。

  5. 查看价格并加入购物车

    含税总价对应您所选的精确配置。点击“加入购物车”即可将其放入 WooCommerce 购物车,准备结账。

SOAR 衣柜配置器:一款高而浅的柜体,左侧为黑色柜门,右侧为开放式兰斯洛特橡木层板;旁边展示柜门和柜体饰面的色板、白色或黑色把手及锁具选项,含税总价为 2,180 zł,并配有绿色“加入购物车”按钮。
SOAR 衣柜,展示其把手与锁具选项及含税总价。
HYGGE 文件柜配置器,共两步中的第一步:一款宽 800 mm、高 5OH 的文件柜,配有两扇黑色柜门和兰斯洛特橡木柜体;旁边提供 400、800 和 1000 mm 宽度缩略图,2OH(741 mm)至 7OH(2456 mm)的高度缩略图、柜门饰面色板,以及含税总价 1,340 zł 和“加入购物车”按钮。
两步配置 HYGGE 柜体:先设置宽度和高度,再选择饰面。

配置器如何连接到 WooCommerce

zdesk.pl 运行于 WordPress 和 WooCommerce,配置器通过 Simplio3D Product Configurator 插件的加入购物篮模式连接。每个产品系列均按相同方式一次性完成设置:

  1. 在 Simplio3D 中构建配置器:包括 3D 模型、选项、饰面和价格。
  2. 为其创建一个隐藏的 WooCommerce 产品,并设置 SKU 和占位价格。
  3. 通过该产品的 WooCommerce 产品 ID,将配置器链接至该产品。
  4. 通过短代码将配置器嵌入产品系列的 WordPress 页面。

当买家点击Dodaj do koszyka时,插件会以配置器计算出的价格,将该产品、所选配置说明及模型快照添加至 WooCommerce 购物车。随后,买家可通过 Zdesk 的常规结账流程付款,并与作为普通商品购买的办公桌或椅子共用同一购物车。有关此设置的更多信息,请参阅:适用于 WooCommerce 的 3D 产品配置器。

示意图:买家在 zdesk.pl 产品页面上使用 Simplio3D 3D 配置器设置宽度和高度、前板、柜体和顶板饰面,以及把手、锁具和抽屉;含税总价会实时更新。通过“加入购物车”并以“添加至购物篮”模式使用 Simplio3D 插件,产品将进入 WooCommerce 购物车条目,其中包含计算后的价格、所选配置说明和模型快照,随后进入店铺自有的结账流程,并可与办公桌和椅子共用同一购物车。下方展示的是每个产品系列只需完成一次的设置:在 Simplio3D 中构建配置器,创建带有 SKU 和占位价格的隐藏 WooCommerce 产品,通过产品 ID 将配置器与其关联,并使用一个短代码将其嵌入 WordPress 页面。
配置完成的产品会从 3D 配置器进入 Zdesk 的 WooCommerce 结账流程。每个产品系列仅需设置一次。

成果

七个产品系列支持在线配置

抽屉柜、活动柜、文件柜、衣柜和开放式置物架均可由买家直接在 zdesk.pl 上按尺寸和饰面进行定制。

每种组合均有对应价格

屏幕会显示当前所配置产品的含税总价,让买家在加入购物车前即可了解费用。

包含配置的订单

每件已配置的商品都会进入 WooCommerce 购物车,并附有选项说明和模型快照,与以常规方式购买的商品一同显示。

Zdesk 怎么说

我们的柜体、搁架和底座拥有丰富的宽度、高度和饰面选择,照片无法展示每一种版本。借助 Simplio3D,客户可以通过 3D 打造所需的精准产品,实时查看价格变化,并直接加入购物篮。WordPress 插件无须重建任何内容即可接入我们的 WooCommerce 商店;首个配置器上线后,我们在数周内便为其余产品系列添加了配置功能。客户清楚自己订购的是什么,我们也同样清楚。

Michał PermusZdesk

关于此项目的问题

适用于 WordPress 的 Simplio3D 产品配置器插件,可在 WordPress.org 获取。Zdesk 使用其“加入购物篮”模式:每个配置器都关联一个隐藏的 WooCommerce 产品,并通过短代码嵌入 WordPress 页面;配置器的“加入购物车”按钮会将已配置的产品放入商店购物车。

如今此类项目还可增加哪些功能

本节内容均不属于上述 Zdesk 的实施方案;该方案采用第一版 WordPress 插件构建。对于现在新建商店或更新插件的商店,可使用以下功能:

  • 原生 WordPress 区块。 当前插件提供五个区块(查看器、选项、价格、摘要和加入购物车),它们在页面上共享同一实时配置。每个区块也都提供短代码,因此可像 Elementor 指南所示,通过 Shortcode 小工具在 Elementor 中使用。“加入购物车”会链接到其 Simplio3D 选项卡上的简单 WooCommerce 产品,购物车价格可采用 Simplio3D 计算出的价格,并在服务器端验证。
  • 可逆切换。 从第一版升级的网站可继续正常使用现有嵌入内容,而 Simplio3D → 迁移可将其转为新区块,并支持撤销操作。
  • 从产品描述开始。 可根据书面产品描述为新系列生成首个配置器,再在同一控制面板中手动细化。
  • 审核选项与逻辑。 AI 助手可审查项目的选项覆盖范围和条件逻辑(例如,锁具是否仅在适合安装的位置提供),并提出修复建议。
  • 通过 MCP 连接智能体。 Claude 等 AI 客户端可通过受限连接接入工作区,以检查规则或计算某项配置的价格。价格和 SKU 的更改始终仅作为待处理变更提交,需由人工在控制面板中应用。

另一款家具配置器,集成 AR

了解 Iberica Stone 如何让客户以 3D 方式探索高端石材桌的每一种选项,并通过 AR 请求报价。

适用于 WooCommerce 商店的 3D 配置器

了解配置器如何连接至 WooCommerce 商店,以及已配置的产品及其价格如何进入购物车。

面向家具制造商的配置器

家具制造商如何让买家在 3D 中选择尺寸、饰面和配件,并同步查看价格。

构建、部署并扩展 3D 商务。

拥有一款 3D 产品配置器,直接通过您的网站推动销售并生成报价方案

相关案例研究