Fell & Frame：WooCommerce向けに自社開発した木製窓コンフィギュレーター

Fell & Frameは、カンブリア州カーライルにある自社工房で木製窓の設計・製造・手仕上げを行い、英国全土の住宅所有者、建設業者、建築家、デベロッパーに販売しています。50年以上にわたる建具製作の経験を活かして製造・供給しており、すべての窓は受注生産です。サイズ、木材、ガラス、蝶番、金物に至るまで、一つひとつ自由に指定できます。

2026年3月、Fell & Frameはfellandframe.co.ukのWordPressおよびWooCommerceストアに木製窓コンフィギュレーターを導入しました。購入者は6種類のフラッシュケースメント窓から選び、ミリメートル単位でサイズを入力し、3Dで窓を指定して、画面に表示された価格でバスケットに追加できます。Fell & Frameのチームは、Simplio3D内の6つのコンフィギュレーター、それらの背後にあるWooCommerce商品、そしてそれらをまとめるページをすべて構築し、WordPress向けのSimplio3Dプラグインと連携させました。

ソリューション：すべてのケースメントタイプに対応する木製窓コンフィギュレーター

メインメニューのコンフィギュレーターボタンをクリックすると、1つのページが開きます。上部には、Fell & Frameが製作する1枚ガラスから4枚ガラスまでの窓タイプのレンダリングを表示した6枚のカードがあります。カードをクリックすると、その窓のコンフィギュレーターが下のフレームに読み込まれるため、購入者はページを離れずにタイプを切り替えられます。

各コンフィギュレーターでは、3Dで窓を確認しながら、横に並んだ9つのセクションでオプションを選択できます。項目は、PAS24セキュリティ、窓タイプ、ハンドル、木材樹種、サイズ、蝶番、換気、仕上げ、ガラスです。サイズはミリメートル単位で入力でき、モデルはそれに合わせてリサイズされ、寸法も横に表示されます。複数の障子を持つ窓では、各行の高さと各列の幅、さらに各障子の開閉タイプ（回転、内倒し、固定）を指定します。情報ボタンでは、非常用脱出蝶番の用途や各ガラス模様の目隠し度合いなど、分かりにくい選択肢を説明します。

ルールにより、すべての仕様が製造可能な状態に保たれます。PAS 24セキュリティを選択するとガラスは合わせガラスに切り替わり、固定に設定された障子ではハンドルと蝶番の選択肢がなくなります。これらを含むすべての選択に応じて、価格も変動します。

オプションの下には、選択内容に応じて変わる合計価格と、バスケットに追加ボタンが表示されます。モデル横のツールバーでは、モデルの回転、全画面表示、寸法表示、スナップショットの撮影ができます。

コンフィギュレーターとWooCommerceの連携方法

fellandframe.co.ukはWordPressとWooCommerceで運営されており、コンフィギュレーターはバスケットに追加モードのWordPress向けSimplio3Dプラグインを介してバスケットに接続されています。Fell & Frameは、次の4つの要素で設定しました。

1. 窓タイプごとに1つ、オプションと価格を含むSimplio3Dで構築した6つのコンフィギュレーター。
2. フラッシュケースメント1枚ガラスからフラッシュケースメント4枚ガラスまで、それぞれ固有のSKUを持つ6つのWooCommerce商品。
3. 各コンフィギュレーターを、WooCommerce商品IDによって対応する商品にリンク。
4. Fell & Frame独自の短いHTMLブロックを含む1つのWordPressページ。6枚のカードのそれぞれが、同じ埋め込みフレームにコンフィギュレーターを読み込みます。

購入者がバスケットに追加を押すと、プラグインはすべての選択内容の説明とともに、コンフィギュレーターで計算された価格で対応商品をWooCommerceのバスケットに追加します。ページ横にバスケットが開き、ストア独自の設置場所参照（部屋／場所）フィールドで各窓の設置先を記録できます。これは、複数の部屋にまたがる注文で役立ちます。送料と税金は、ストア通常のWooCommerceチェックアウトで加算されます。この設定の詳細：WooCommerce向け3D商品コンフィギュレーター。

現在このようなプロジェクトに追加できる機能

このセクションの内容は、初期バージョンのSimplio3DプラグインとFell & Frameが独自に作成したページを使用する、前述のFell & Frameの設定には含まれていません。今から建具事業を始める場合は、次のような機能を活用できます。

• 手書きHTMLではなくブロックを使用。 現行のWordPressプラグインには、ページ上で1つのライブ設定を共有する5つのネイティブブロック（ビューア、オプション、価格、概要、カートに追加）があり、それぞれElementorなどのページビルダー用ショートコードとしても利用できます。詳しくはElementorガイドをご覧ください。カート価格には、サーバー側で検証されたSimplio3Dの計算価格を使用できます。
• 説明文から新しい製品ラインを作成。 木製ドアのシリーズなど、別製品向けの最初のコンフィギュレーターは、文章による説明から生成し、その後手作業で仕上げることができます。
• ルールをチェック。 AIアシスタントは、6つすべてのコンフィギュレーターにわたるオプションの網羅性と条件付きロジックを監査できます。たとえば、各窓タイプで固定障子から必ずハンドルと蝶番が除外されることを確認し、ルールが欠けている箇所の修正を提案します。
• エージェントで電話問い合わせの価格を算出。 Fell & Frameは電話でも注文を受け付けています。スコープを限定した接続でMCP経由でワークスペースに接続されたClaudeなどのAIクライアントは、電話で説明された構成の価格を計算できます。価格やSKUの変更は、担当者がダッシュボードで適用する保留中の変更としてのみ届きます。