사례 연구로 돌아가기
Building productsbuilding productswindowswoocommerceecommerce
Fell & Frame: WooCommerce용으로 자체 구축한 목재 창호 구성기
Fell & Frame·
Fell & Frame은 컴브리아주 칼라일에 있는 자체 작업장에서 목재 창문을 설계·가공·수작업 마감한 뒤, 영국 전역의 주택 소유자, 건축업자, 건축가 및 개발업체에 판매합니다. 50년 이상의 목공 기술력을 바탕으로 제조·공급하며, 모든 창문은 주문 제작됩니다. 크기, 목재, 유리, 경첩 및 철물까지 모두 고객 사양에 맞춰 제작됩니다.
2026년 3월, Fell & Frame은 fellandframe.co.uk의 WordPress 및 WooCommerce 스토어에 목재 창문 구성기를 추가했습니다. 구매자는 6가지 플러시 여닫이창 유형 중 하나를 선택하고, 밀리미터 단위로 크기를 입력하며, 3D로 창문 사양을 구성한 후 화면에 표시된 가격으로 장바구니에 담을 수 있습니다. Fell & Frame의 자체 팀이 Simplio3D의 6개 구성기, 그 기반이 되는 WooCommerce 제품, 그리고 이를 한데 모은 페이지까지 전체 설정을 완료했으며, WordPress용 Simplio3D 플러그인으로 연결했습니다.
프로젝트 한눈에 보기
| 항목 | 세부 정보 |
|---|---|
| 클라이언트 | 컴브리아주 칼라일의 목재 창문 및 도어 제조업체이자 Cubby Construction Limited의 거래 브랜드인 Fell & Frame |
| 스토어 | WordPress 및 WooCommerce 기반으로 구축된 fellandframe.co.uk |
| 구성 도구 | 여섯 가지 플러시 여닫이창 유형: 1패널, 2패널 가로형, 2패널 세로형, 3패널(1-2), 3패널(2-1), 4패널 |
| 제작 | Fell & Frame 자체 팀: 3D 구성 도구, 옵션 및 가격, WooCommerce 제품과 페이지 |
| 통합 | 장바구니에 추가 모드의 WordPress용 Simplio3D 플러그인 |
| 출시 | 2026년 3월, 스토어 메인 메뉴의 구성 도구 버튼을 통해 공개 |
| 구매자가 보는 화면 | 치수가 표시된 3D 창, 총 가격, 그리고 장바구니에 담기 버튼 |
고객에게 필요했던 것
모든 크기에 대한 가격
모든 창은 맞춤 제작되므로, 가격표 하나로는 모든 범위를 포괄할 수 없었습니다. 너비와 높이가 300~1,400mm인 각각의 규격에는 개별 가격이 필요했습니다.
전체 사양을 온라인으로
개폐 방식, 목재, 유리, 경첩, 환기구, 마감 및 손잡이까지: 구매자가 선택한, 작업장에서 창을 제작하는 데 필요한 모든 요소입니다.
처음부터 보안과 안전을 고려
창호 사양을 정할 때 PAS 24 보안, 접합유리 및 비상 탈출 경첩을 선택하며, 전화 통화 후 추가하는 방식이 아닙니다.
주문 전에 창호를 확인하세요
구매자가 결제하기 전에 적절한 유리 패널 수, 적절한 개폐 방식, 올바른 위치의 손잡이를 3D로 확인할 수 있습니다.
작업장이 실제로 제작할 수 있는 주문
각 창호는 완전한 사양과 함께 장바구니에 담겨 바로 생산에 투입할 수 있습니다.
목공 작업장 자체에서 운영
개발자를 기다릴 필요 없이 Fell & Frame 자체 팀이 구축하고, 가격을 책정하고, 변경할 수 있는 설정입니다.
솔루션: 모든 여닫이창 유형을 위한 목재 창문 구성기
메인 메뉴의 구성기 버튼을 누르면 하나의 페이지가 열립니다. 상단의 6개 카드에는 Fell & Frame이 제작하는 창문 유형의 렌더링 이미지가 1패널부터 4패널까지 표시됩니다. 카드를 클릭하면 해당 창문의 구성기가 아래 프레임에 로드되므로, 구매자는 페이지를 떠나지 않고 유형을 전환할 수 있습니다.
각 구성기에서는 창문을 3D로 보여주며, 옆에는 PAS24 보안, 창문 유형, 손잡이, 목재 수종, 크기, 경첩, 환기, 마감 및 유리의 9개 섹션으로 옵션이 제공됩니다. 크기는 밀리미터 단위로 입력하며, 모델은 입력값에 맞춰 크기가 조정되고 치수도 함께 표시됩니다. 두 개 이상의 창짝이 있는 창문은 각 행의 높이와 각 열의 너비를 입력하고, 각 창짝의 개방 방식(회전, 틸트 또는 고정)을 지정합니다. 이그레스 경첩의 용도나 각 유리 패턴의 불투명도처럼 바로 이해하기 어려운 선택 항목은 정보 버튼으로 안내합니다.
규칙을 통해 모든 사양이 실제 제작 가능하도록 보장합니다. PAS 24 보안을 선택하면 유리가 접합유리로 변경되고, 창짝을 고정으로 설정하면 손잡이와 경첩 옵션이 사라집니다. 이러한 변경을 비롯한 모든 선택에 따라 가격도 즉시 반영됩니다.
옵션 아래의 총 가격은 선택할 때마다 변경되며, 옆에는 장바구니에 담기 버튼이 있습니다. 모델 옆 도구 모음에서는 모델 회전, 전체 화면 보기, 치수 표시 또는 스냅샷 촬영을 할 수 있습니다.
Fell & Frame 구매자가 지정할 수 있는 사항
6개의 구성 도구는 하나의 옵션 세트를 공유합니다. 더 많은 창틀 구획이 있는 창에는 각 행 또는 열의 크기와 각 새시의 개방 방식을 추가로 설정할 수 있습니다.
| 옵션 | 선택 항목 |
|---|---|
| 창 유형 | 각 새시별로 여닫이, 기울임 또는 고정 방식을 설정합니다. 고정 새시에는 손잡이나 경첩이 없습니다. |
| 크기 | 밀리미터 단위의 너비와 높이: 1mm 간격으로 300~1,400mm. 여러 개의 창짝이 있는 창에서는 각 행의 높이와 각 열의 너비를 지정 |
| 창턱 확장부 | 35, 60 또는 85mm |
| 목재 | 모든 유형에 레드 파인(침엽수) 및 아코야(가공 목재)를 적용하며, 5가지 유형에는 레드 그랜디스(가공 목재) 또는 3창(1-2)에는 우틸레(경목)를 적용 |
| 손잡이 | 각 창짝에 좌측 또는 우측 방향 선택 가능, 유광 크롬, 무광 크롬, 화이트, 블랙 또는 골드 제공 |
| 힌지 | 각 개방 새시에 적용되는 마찰 힌지: 표준형, 비상 탈출형 또는 간편 청소 및 비상 탈출형 |
| 환기 | 없음 또는 각 새시용 트리클 벤트(265mm(1,700mm²) 이상) 옵션; 단일 케이스먼트에는 Simon Sightline 400 및 500, Titon Trimvent XR16 및 90 Hi Lift가 추가됩니다. 벤트 색상은 흰색, 검은색 또는 갈색 중 선택할 수 있습니다. |
| 마감 | 프라이머 처리만 또는 완전 마감 |
| 유리 | 24mm 복층 밀폐 유닛: 투명 또는 1~5등급의 20가지 불투명 패턴 중 선택 가능; 기본 강화유리 또는 접합유리; 검은색 또는 은색 웜엣지 스페이서 바 |
| 보안 | PAS 24 여부: PAS 24를 선택하면 유리가 접합유리로 변경됩니다 |
구매자가 Fell & Frame 창문을 주문하는 방법
창문 유형 선택
메인 메뉴에서 Configurator를 열고 1개 패널부터 4개 패널까지 제공되는 6개의 카드 중 하나를 클릭하세요.
크기 입력
너비와 높이를 300~1,400mm 범위에서 입력하세요. 3D 창문이 크기에 맞춰 조정되며 치수가 표시됩니다.
창문 사양 지정
각 창짝의 개방 방식, 목재, 손잡이, 경첩, 자연 환기구, 마감 및 유리 사양을 선택할 수 있으며, 프로젝트에 필요한 경우 PAS 24 보안 옵션도 적용됩니다.
장바구니에 추가
합계를 확인한 후 장바구니에 추가를 누르세요. 장바구니에는 선택한 모든 사양이 포함된 창이 표시되며, 현장 참조 필드에는 설치할 공간을 기록할 수 있습니다.
칼라일에서 제작
Fell & Frame은 자체 작업장에서 창을 가공, 조립 및 마감한 후 바로 설치할 수 있도록 배송하거나, 구매자가 직접 수령할 수 있습니다.
구성기가 WooCommerce에 연결되는 방식
fellandframe.co.uk는 WordPress 및 WooCommerce로 운영되며, 구성기는 장바구니에 담기 모드의 WordPress용 Simplio3D 플러그인을 통해 장바구니에 연결됩니다. Fell & Frame은 이를 다음 네 부분으로 설정했습니다.
- 창문 유형별로 하나씩, 옵션과 가격을 포함해 Simplio3D에서 제작한 6개의 구성기.
- 각각 고유한 SKU를 가진 Flush Casement 1 Pane부터 Flush Casement 4 Pane까지 6개의 WooCommerce 제품.
- WooCommerce 제품 ID를 통해 각 구성기를 해당 제품에 연결.
- Fell & Frame이 직접 작성한 짧은 HTML 블록이 포함된 하나의 WordPress 페이지: 6개의 카드가 각각의 구성기를 동일한 임베디드 프레임으로 불러옵니다.
구매자가 장바구니에 담기를 누르면 플러그인은 모든 선택 사항의 설명과 함께 구성기에서 계산한 가격으로 해당 제품을 WooCommerce 장바구니에 추가합니다. 장바구니는 페이지 옆에서 열리며, 스토어 자체의 현장 참조(방 / 위치) 필드를 통해 구매자는 각 창문이 설치될 위치를 기록할 수 있습니다. 이는 하나의 주문에 여러 방이 포함될 때 유용합니다. 배송비와 세금은 스토어의 일반 WooCommerce 결제 과정에서 추가됩니다. 이 설정에 대한 자세한 내용: WooCommerce용 3D 제품 구성기.
성과
모든 여닫이창 유형의 온라인 가격 제공
견적을 기다릴 필요 없이 fellandframe.co.uk에서 언제든 6가지 창호 유형을 밀리미터 단위까지 지정하고 가격을 확인할 수 있습니다.
완전한 사양으로 접수되는 주문
각 창호는 전체 사양과 현장 참조 정보가 포함된 상태로 장바구니에 담기므로, 작업장에서 무엇을 제작해야 하는지 주문서에 정확히 명시됩니다.
팀이 직접 관리하는 구성 도구
Fell & Frame이 직접 구축하고 사내에서 운영하므로, 창호를 제작하는 담당자가 새 옵션 추가와 가격 변경을 직접 처리합니다.
Fell & Frame의 이야기
저희가 만드는 모든 창호는 맞춤 제작이므로, 온라인에서 가격표만으로는 충분할 수 없었습니다. Simplio3D에서 저희가 제공하는 여닫이창 유형, 목재, 유리, 환기구, 경첩과 그에 따른 가격까지 반영해 구성 도구를 직접 만들었습니다. 이제 고객은 장바구니에 담기 전에 치수가 포함된 정확한 창호를 확인할 수 있으며, 모든 주문은 전체 사양과 설치될 공간 정보까지 포함되어 저희에게 전달됩니다. 사내에서 직접 설정했기 때문에 옵션을 추가하거나 가격을 조정하는 일도 저희가 직접 간단히 처리할 수 있습니다.
Peter Sikkens목공 제품 엔지니어 · Fell & Frame
이 프로젝트에 관한 질문
외부 개발 없이 Fell & Frame 자체 팀이 제작했습니다. 이들은 Simplio3D에서 6개의 구성기를 만들고, 옵션과 가격을 설정했으며, 각 창문 유형별로 WooCommerce 제품을 생성하고, 각 구성기를 해당 제품에 연결한 뒤 구성기 간 전환이 가능한 페이지를 작성했습니다. WordPress용 Simplio3D 플러그인이 장바구니 추가 단계를 처리합니다.
너비와 높이는 300mm부터 1,400mm까지 1mm 단위로 입력합니다. 여러 개의 창으로 구성된 창문은 각 행의 높이와 각 열의 너비를 입력하며, 숫자가 변경되면 3D 모델이 치수를 다시 그립니다.
Simplio3D 플러그인의 장바구니에 추가 모드를 통해 담깁니다. 각 구성기는 제품 ID로 WooCommerce 제품에 연결되며, 장바구니에 추가 기능은 구성기에서 계산된 가격과 모든 선택 사항의 설명을 포함해 해당 제품을 장바구니에 담습니다.
네. Fell & Frame은 한 페이지에서 6가지 창 유형을 모두 보여줍니다. 각 창 유형의 카드는 동일한 임베디드 프레임에 해당 구성기를 불러오며, 각 구성기는 자체 WooCommerce 제품을 장바구니에 추가합니다.
네, Fell & Frame이 Simplio3D에서 설정한 규칙을 통해 가능합니다. PAS 24 보안을 선택하면 유리가 접합유리로 변경되고, 창짝을 고정식으로 설정하면 손잡이와 경첩 선택 옵션이 사라집니다. 변경할 때마다 가격이 다시 계산됩니다.
개방 창짝에 피난용 경첩 또는 이지 클린 및 피난용 경첩을 선택하면 됩니다. 구성기의 정보 버튼은 피난용 경첩이 탈출을 위해 90도까지 완전히 열리며, 비상구 창에는 폭 최소 540mm, 높이 최소 830mm의 개구부가 필요하다고 설명합니다.
Fell & Frame은 Carlisle 작업장에서 창을 제작한 후 설치 준비가 완료된 상태로 배송하거나 작업장에서 수령할 수 있도록 합니다. 자체 FAQ에 따르면 4주 이내 배송을 목표로 합니다.
오늘날 이러한 프로젝트에 추가할 수 있는 기능
이 섹션의 내용은 초기 버전의 Simplio3D 플러그인과 Fell & Frame이 직접 작성한 페이지를 사용하는 위의 Fell & Frame 설정에는 포함되지 않습니다. 지금 시작하는 목공 업체라면 다음과 같은 기능을 활용할 수 있습니다.
- 직접 작성한 HTML 대신 블록 사용. 현재 WordPress 플러그인은 페이지에서 하나의 실시간 구성을 공유하는 5개의 기본 블록(뷰어, 옵션, 가격, 요약, 장바구니 추가)을 제공하며, Elementor 가이드에서 설명하듯 각 블록은 Elementor와 같은 페이지 빌더용 쇼트코드로도 사용할 수 있습니다. 장바구니 가격은 서버에서 검증된 Simplio3D 계산 가격으로 설정할 수 있습니다.
- 설명만으로 새로운 제품군 생성. 목재 도어 제품군과 같은 다른 제품의 첫 번째 구성기는 서면 설명을 바탕으로 생성한 뒤 수작업으로 완성할 수 있습니다.
- 규칙 검증. AI 어시스턴트는 6개 구성기 전체의 옵션 범위와 조건부 로직을 점검할 수 있습니다. 예를 들어 모든 창문 유형에서 고정 창짝을 선택하면 손잡이와 경첩이 제거되는지 확인하고, 누락된 규칙이 있으면 수정안을 제안합니다.
- 에이전트로 전화 문의 견적 산정. Fell & Frame은 전화로도 주문을 받습니다. 범위가 제한된 연결을 통해 MCP로 워크스페이스에 연결된 Claude와 같은 AI 클라이언트는 발신자가 설명하는 구성의 가격을 계산할 수 있습니다. 가격이나 SKU 변경은 항상 대시보드에서 담당자가 적용하는 보류 중인 변경 사항으로만 전달됩니다.
견적 시스템 내 3D 셔터
Evergreen Shutters가 자체 시스템에서 제공하는 모든 견적에 각 셔터의 생성된 3D 뷰를 Simplio3D API을 통해 포함하는 방법.
관련 사례 연구
Tentest: a 3D pop-up tent configurator with a design canvas on every panel
How Tentest built its own pop-up tent configurator: six sizes, a design canvas with logo upload on every panel, AR, and a quote request at the end.
Zdesk: WooCommerce에 구축된 3D 사무용 가구 구성기
브로츠와프의 사무용 가구 제조업체 Zdesk는 Simplio3D 플러그인을 통해 WooCommerce 스토어에 7개의 3D 구성기를 도입했습니다. 구매자는 크기, 마감재 및 부속품을 설정하고 가격을 확인한 뒤 장바구니에 추가할 수 있습니다.
Evergreen Shutters: 내부 견적 시스템 내 3D 셔터 미리보기
Evergreen Shutters Ltd는 자체 견적 플랫폼 내에서 수천 가지 셔터 변형에 대한 정확한 시각 자료가 필요했습니다. 3D 엔진을 구축하는 대신 Simplio3D API을 통합하고 모든 견적과 함께 생성된 3D 뷰를 반환했습니다.