Building productsbuilding productswindowswoocommerceecommerce

Fell & Frame：为 WooCommerce 自主打造的木窗配置器

Fell & Frame·2026年10月19日

Fell & Frame 在其位于坎布里亚郡卡莱尔的自有工坊中设计、加工并手工精饰木窗，并向英国各地的房主、建筑商、建筑师和开发商销售。凭借超过 50 年的木工技艺积淀，公司负责制造与供应；每一扇窗户均按订单定制：专属尺寸、专属木材、专属玻璃、铰链和五金配件。

2026 年 3 月，Fell & Frame 在其位于 fellandframe.co.uk 的 WordPress 和 WooCommerce 商店中新增了木窗配置器。买家可从六种平齐窗扇窗型中选择一种，按毫米输入尺寸，在 3D 中配置窗户，并以屏幕显示的价格加入购物篮。Fell & Frame 团队自行完成了全部设置：在 Simplio3D 中创建六个配置器、配置其背后的 WooCommerce 产品，并搭建将它们整合在一起的页面，再通过适用于 WordPress 的 Simplio3D 插件实现连接。

项目概览

项目资料，摘自 fellandframe.co.uk，时间为 2026 年 10 月。
项目	详情
客户	Fell & Frame，位于坎布里亚郡卡莱尔的木制门窗制造商，也是 Cubby Construction Limited 旗下的贸易品牌
商店	fellandframe.co.uk，基于 WordPress 和 WooCommerce 构建
配置器	六种平开窗类型：单扇、双扇横向、双扇纵向、三扇（1-2）、三扇（2-1）和四扇
构建方	由 Fell & Frame 自有团队打造：3D 配置器、其选项和价格、WooCommerce 产品及页面
集成	适用于 WordPress 的 Simplio3D 插件，采用“加入购物篮”模式
上线时间	2026 年 3 月，通过商店主菜单中的“配置器”按钮访问
买家看到的内容	带有标注尺寸的 3D 窗户、总价以及“加入购物篮”按钮

客户需要的功能

适用于任意尺寸的价格

每扇窗户均为定制制作，因此没有任何价目表能够覆盖所有范围。宽度和高度在 300 至 1,400 mm 之间的每种尺寸都需要单独定价。

完整规格，在线呈现

开启方式、木材、玻璃、铰链、通风器、表面处理和把手：买家可选择车间制作窗户所需的一切配置。

前置呈现安防与安全信息

PAS 24 安全标准、夹层玻璃和逃生铰链在窗户配置时即已选定，而不是在一次电话沟通后再追加。

下单前先看见窗户效果

在买家付款前，即可通过 3D 查看正确的玻璃窗格数量、正确的开启方式，以及安装在正确一侧的把手。

车间可直接生产的订单

每扇窗户进入购物篮时均附带完整规格，可立即投入生产。

由木工团队自主运营

Fell & Frame 团队可自行搭建、定价和修改的配置方案，无需等待开发人员。

解决方案：适用于每种平开窗类型的木窗配置器

主菜单中的配置器按钮会打开一个单独页面。页面顶部的六张卡片展示 Fell & Frame 所制造窗型的渲染图，涵盖从单窗格到四窗格的款式。点击卡片即可在下方框架中载入相应窗户的配置器，让买家无需离开页面即可切换不同类型。

每个配置器均以 3D 展示窗户，旁边设有九个选项区：PAS24 安全性、窗户类型、把手、木材种类、尺寸、铰链、通风、表面处理和玻璃。尺寸以毫米输入，模型会随之调整大小，并在旁边标注尺寸。拥有多个窗扇的窗户，需要为每一行输入高度、为每一列输入宽度，并为每个窗扇选择开启方式：平开、内倒或固定。信息按钮会说明较不直观的选项，例如逃生铰链的用途，或各类压花玻璃图案的遮蔽程度。

规则确保每项规格均可实际制造。选择 PAS 24 安全标准后，玻璃会切换为夹层玻璃；将窗扇设为固定后，则无法再选择把手和铰链。价格会随这些变化以及所有其他选择实时更新。

在选项下方，总价会随每次选择变化，旁边是加入购物篮按钮。模型旁的工具栏可让买家旋转模型、全屏查看、显示尺寸或截取快照。

Fell & Frame 配置器页面：六张卡片展示 1 窗格、2 窗格横向、2 窗格纵向、3 窗格（1-2）、3 窗格（2-1）和 4 窗格平开窗的渲染图，其中已选中 2 窗格横向。下方配置器以 3D 展示一扇灰色双窗格窗户，配有镀铬把手；旁边是 PAS24 安全、窗户类型、把手、木材种类、尺寸、铰链、通风和饰面等选项区域。 — 一个页面提供六种窗型。点击卡片即可加载对应的配置器。

Fell & Frame 买家可指定的选项

这六个配置器共用一组选项。窗格更多的窗户会为每一行或每一列增加一个尺寸，并为每个窗扇增加一种开启方式。

选项读取自 fellandframe.co.uk 上的实时配置器，时间为 2026 年 10 月。
选项	可选项
窗型	可为每个窗扇设置平开、内倒或固定。固定窗扇不配把手或铰链。
尺寸	宽度和高度以毫米计，范围为 300 至 1,400 mm，步进为 1 mm；对于窗格较多的窗户，每一行可设置不同高度，每一列可设置不同宽度
窗台延伸	35、60 或 85 mm
木材	所有类型均提供红松（软木）和 Accoya（工程木材），另有五种类型提供 Red Grandis（工程木材），3 窗格（1-2）款式提供 Utile（硬木）
把手	每扇窗扇均可选择左开或右开，表面可选抛光铬、缎面铬、白色、黑色或金色
铰链	每扇开启窗扇均配备摩擦铰链：标准型、逃生型，或易清洁兼逃生型
通风	无，或每扇窗扇可配微量通风器，尺寸自 265 mm（1,700 mm²）起；单扇平开窗还可加配 Simon Sightline 400 和 500，以及 Titon Trimvent XR16 和 90 Hi Lift；通风器颜色可选白色、黑色或棕色
表面处理	仅底漆处理，或全饰面处理
玻璃	24 mm 双层中空玻璃单元，可选透明玻璃或 20 种 1 至 5 级隐私花纹之一；标配钢化玻璃或可选夹层玻璃；配黑色或银色暖边间隔条
安全性	是否符合 PAS 24；选择 PAS 24 会将玻璃切换为夹层玻璃

买家如何订购 Fell & Frame 窗户

选择窗户类型
从主菜单打开 Configurator，然后点击六张卡片中的一张，可选 1 扇至 4 扇。
输入尺寸
以毫米为单位输入宽度和高度，范围为 300 至 1,400 mm。3D 窗户会自动调整大小并显示其尺寸。
指定窗户
为每扇窗扇选择开启方式、木材、执手、铰链、背景通风器、表面饰面和玻璃配置；如项目需要，还可提供 PAS 24 安全标准。
加入购物篮
确认总价后，点击“加入购物篮”。购物篮会列出窗户的所有已选配置，网站参考字段可记录其对应的房间。
卡莱尔制造
Fell & Frame 在其工坊内完成窗户的机械加工、组装和表面处理，然后交付可直接安装的成品，买家也可自行提货。

四窗格配置器的尺寸区域：高度（上方窗格）1400 mm、高度（下方窗格）600 mm、宽度（左侧）600 mm 及宽度（右侧）；每项尺寸均限制在 300 至 1400 mm。旁边展示一扇四窗格 3D 窗户，并标注 1400、600 和 600 mm 尺寸；总价为 £1,465.66，配有绿色“加入购物篮”按钮。 — 四窗格窗户：每一行可设置高度，每一列可设置宽度。

单窗格配置器：一扇宽 600 mm、高 600 mm 的灰色平开窗，图中标注其尺寸；旁边为从 PAS24 Security 到 Finish 的选项区域，未含 VAT 的总价为 £376.26，并配有“加入购物篮”按钮。 — 单扇平开窗，尺寸为 600 × 600 毫米，价格不含增值税。

配置器如何连接至 WooCommerce

fellandframe.co.uk 运行于 WordPress 和 WooCommerce，配置器通过适用于 WordPress 的 Simplio3D 插件连接到购物篮，并使用其加入购物篮模式。Fell & Frame 将其设置分为四个部分：

在 Simplio3D 中构建六个配置器，每种窗户类型一个，并设置相应选项与价格。
创建六个 WooCommerce 产品，从单窗格平齐窗扇到四窗格平齐窗扇，每个产品均有独立 SKU。
通过 WooCommerce 产品 ID 将每个配置器关联至对应产品。
建立一个 WordPress 页面，并加入 Fell & Frame 自行编写的一小段 HTML：六张卡片，每张均将其配置器载入同一个嵌入式框架。

当买家点击加入购物篮时，插件会按配置器计算出的价格，将对应产品加入 WooCommerce 购物篮，并附上每项选择的说明。购物篮会在页面旁打开，商店自有的项目参考（房间／位置）字段可让买家注明每扇窗户的安装位置，这对于一张订单涵盖多个房间尤其有帮助。运费和税费将在商店常规的 WooCommerce 结账流程中添加。有关此设置的更多信息：适用于 WooCommerce 的 3D 产品配置器。

示意图：在 fellandframe.co.uk 的配置器页面上，六张对应不同窗型的卡片分别加载一个 Simplio3D 3D 配置器，买家可设置以毫米为单位的尺寸，以及窗台板、木材、把手与铰链、玻璃、通风口和表面处理，系统会实时更新总价。“加入购物篮”通过 Simplio3D 插件创建一条 WooCommerce 购物篮商品记录，其中包含计算后的价格、所有选择项及现场参考信息；随后，窗户将在 Carlisle 车间按订单生产、加工、完成表面处理并交付，可直接安装。下方展示 Fell & Frame 团队完成的配置：在 Simplio3D 中构建六个配置器，每种窗型对应一个；创建六个 WooCommerce 产品，每个产品均拥有独立 SKU；每个配置器均通过 ID 关联至对应产品；并在同一页面上通过六张卡片切换嵌入式配置器。 — 定制窗户如何从网站流转至车间，以及 Fell & Frame 为实现这一流程所做的配置。

Fell & Frame 的购物篮抽屉覆盖在配置器页面上：其中包含一扇售价 £636.66 的 Flush Casement 2 Pane Vertical，并列出其定制选项（PAS24 Security：否、Window Type (Top)：内开、Window Type (Bottom)：内开、Handle Position (Topwindow) 等）、数量选择器、Site reference（房间 / 位置）字段、小计，以及“查看购物篮”和“前往结账”按钮。 — 已配置的窗户显示在 WooCommerce 购物篮中，并附有其规格和现场参考信息。

成果

每种平开窗类型均可在线报价

在 fellandframe.co.uk 上，六种窗型可随时精确指定至毫米并即时定价，无需等待报价。

收到的订单均包含完整规格

每扇窗在加入购物篮时都附有完整规格和现场参考信息，因此订单会明确说明车间需要制作的内容。

团队完全自主掌控的配置器

Fell & Frame 自主开发并在内部运营，因此新增选项和价格调整均由制作窗户的团队完成。

Fell & Frame 如是说

我们制作的每一扇窗都是量身定制的，因此价目表从来不适合在线使用。我们在 Simplio3D 中自行打造了这款配置器：包括我们的平开窗类型、可选木材、玻璃、通风口和铰链，以及背后的定价机制。如今，客户在将窗户加入购物篮前即可看到带有准确尺寸的窗户，每笔订单都会附带完整规格及其适用房间信息。由于我们在内部完成配置，新增选项或调整价格都可以由我们自行轻松完成。

Peter Sikkens木工产品工程师 · Fell & Frame

关于此项目的问题

Fell & Frame 团队独立完成开发，未借助外部开发人员。他们在 Simplio3D 中构建了六个配置器，设置了选项和价格，为每种窗户类型创建了一个 WooCommerce 产品，将每个配置器关联到相应产品，并编写了可在它们之间切换的页面。用于 WordPress 的 Simplio3D 插件负责处理加入购物篮步骤。

宽度和高度以毫米为单位输入，范围为 300 至 1,400 毫米，步进为 1 毫米。带有多个窗格的窗户可为每一行设置高度、为每一列设置宽度，3D 模型会随着数值变化重新绘制相应尺寸。

通过 Simplio3D 插件的“加入购物篮”模式。每个配置器通过产品 ID 关联到一个 WooCommerce 产品，“加入购物篮”会按配置器计算出的价格将该产品加入购物篮，并附上每项选择的说明。

是的。Fell & Frame 在同一页面展示全部六种窗型：每种窗型都有一张卡片，可将其配置器加载到同一个嵌入式框架中；同时，每个配置器仍会将各自的 WooCommerce 产品加入购物篮。

是的，通过 Fell & Frame 在 Simplio3D 中设置的规则实现。选择 PAS 24 安全标准会将玻璃切换为夹层玻璃，将窗扇设为固定式则会移除把手和铰链选项。每次更改都会重新计算价格。

可为开启窗扇选择逃生铰链，或易清洁兼逃生铰链。配置器的信息按钮会说明：逃生铰链可开启至完整的 90 度以便逃生；而消防逃生窗的开启部分宽度至少应为 540 mm、高度至少应为 830 mm。

Fell & Frame 会在其位于 Carlisle 的车间制作窗户，随后将其配送至安装地点，或由客户从车间提货。其 FAQ 表示，目标是在四周内完成交付。

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

本节内容并非上述 Fell & Frame 设置的一部分；该设置使用的是早期版本的 Simplio3D 插件，以及由 Fell & Frame 自行编写的页面。对于现在开始采用此方案的木工企业：

使用区块替代手写 HTML。当前的 WordPress 插件提供五个原生区块（查看器、选项、价格、摘要和加入购物车），它们可在页面上共享同一项实时配置；每个区块也都提供短代码，可用于 Elementor 等页面构建器，详见 Elementor 指南。购物车价格可采用 Simplio3D 计算的价格，并在服务器端进行验证。
根据描述创建新产品系列。可根据书面描述生成另一类产品的首个配置器，例如一系列木门，然后再进行人工完善。
检查规则。AI 助手可审核全部六个配置器中的选项覆盖范围和条件逻辑，例如确保每种窗户类型中的每个固定窗扇都会移除把手和铰链，并在缺少规则时提出修复建议。
借助智能代理为电话咨询报价。Fell & Frame 也接受电话订单。通过 MCP 以受限连接接入工作区的 AI 客户端（如 Claude），可计算来电者所描述配置的价格。价格或 SKU 的变更只会以待处理变更的形式出现，由人工在控制面板中应用。

报价系统中的 3D 百叶窗

Evergreen Shutters 如何通过 Simplio3D API，从其自有系统中为每份报价返回每扇百叶窗自动生成的 3D 视图。

Evergreen Shutters 客户案例 →

窗户配置器软件

客户在配置窗户时，可实时确定尺寸、窗框材质、玻璃类型、开启方式和颜色，并自动计算价格。

窗户配置器软件 →

WooCommerce 商店中的配置器

配置器如何接入 WooCommerce，并将已配置的产品及其计算出的价格发送至购物车。

WooCommerce 配置器 →

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

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

免费试用联系我们