コンテンツへ移動
ブログに戻る
woocommercewordpressintegrationsproduct

Simplio3D向け WordPress 商品コンフィギュレータープラグイン

Simplio3D·
Simplio3D向け WordPress 商品コンフィギュレータープラグイン

WooCommerce で家具、ジュエリー、サイン、特注品や受注生産品などのカスタマイズ可能な製品を販売しているなら、同じ壁に突き当たったことがあるはずです。購入者は希望どおりに仕様を選べても、コンフィギュレーターとカートの間にカスタム開発プロジェクトを挟まなければ、ストア側で注文を受け付けられません。

WordPress 向け Simplio3D Product Configurator プラグインは、その隔たりを解消します。Simplio3D で作成したコンフィギュレーターを WordPress のページに埋め込み、オプションや価格を含む設定結果を、ほかの製品と同じように WooCommerce のバスケットへ追加できます。

WooCommerceストアに連携したSimplio3D商品コンフィギュレーター
設定済みの商品が、Simplio3DコンフィギュレーターからWooCommerceのカートへ移動します。

コンフィギュレーターをWooCommerceに接続する2つの方法

購入フローのうち、どこまでを自社ストア内で維持したいかに合った方法をお選びください。

Simplio3D WooCommerceの連携モード
チェックアウトへリダイレクトカートに追加
プラグインが必要いいえはい
設定後の動作購入者は、設定内容がURLに含まれた状態でWooCommerceのチェックアウトへ移動します設定済みの商品はページ遷移なしでその場でカートに追加されます
購入者は引き続き閲覧できますいいえ — 直接チェックアウトに進みますはい
価格の取得元Simplio3Dによって計算されますSimplio3D により計算され、商品価格として WooCommerce に送信されます
最適な用途設定可能な単一商品、または迅速な初回ローンチ設定可能な商品と標準商品を並行して販売するストア

プラグインで実現できること

このプラグインは、Simplio3D プラットフォーム内で作成したコンフィギュレーター、またはシンプルな3D製品ビューアーを、WordPress サイトに公開します。3D制作、オプションロジック、価格設定ルールはすべて Simplio3D に置かれ、WordPress では結果の表示と販売完了を行います。

Add to Basket モードでは、コンフィギュレーターと WooCommerce 間の連携も処理します。顧客が選択した内容、算出された価格、設定済み製品のスクリーンショットが引き継がれるため、カート内の明細には実際に作成した製品内容が反映されます。

WordPress.org のプラグインディレクトリには、Digital Artflow 提供の Simplio3D Product Configurator として掲載されています。利用には WordPress 5.0以降およびPHP 7.4以降が必要です。

バスケットに追加の設定

新規の WordPress インストールから、設定済みの商品がカートに入るまでの完全な流れ。

  1. プラグインをインストールして有効化する

    WordPress サイトに Simplio3D Product Configurator をインストールし、有効化してください。バスケットに追加モード用のプラグインは、Simplio3D ダッシュボードの「Integrations」→「WooCommerce」から入手できます。

  2. WooCommerce 商品を作成する

    設定可能なアイテムを表すための WooCommerce 商品を追加します。通常、この商品はカタログには表示されません。SKUと仮の価格を設定してください。Simplio3D がその価格を設定後の合計金額で上書きします。

  3. Simplio3D をストアに接続する

    Simplio3D エディターで、プロジェクトを該当する WooCommerce 商品に紐付け、連携を「カートに追加」モードに切り替えます。紐付け時に、商品名、SKU、価格を確認します。

  4. コンフィギュレーターを埋め込む

    プラグインのショートコードを使用して、共有URLと WooCommerce 商品IDを指定し、商品ページにコンフィギュレーターを配置します:[simplio3d_configurator url="..." product_id="123" height="850px" width="100%"]。

  5. カートを表示する

    標準の [woocommerce_cart] ショートコードを使用したカートページが存在することを確認してください。これにより、設定済みの商品を追加した購入者は、通常どおり内容を確認して購入手続きを完了できます。

WooCommerce ストアでこれが重要な理由

チェックアウトは1回で完結

お客様は、すでに信頼している WooCommerce のカートと決済フローを利用し、ストアを離れることなく商品を設定・購入できます。

価格設定は既存ルールを維持

コンフィギュレーターは、お客様独自のオプション設定と価格ロジックに基づいて価格を算出し、その合計金額を WooCommerce に渡します。

混在する商品カタログにも対応

標準の WooCommerce 商品と、完全にカスタマイズ可能な3D商品を同じストア内で並べて販売できます。

カスタム開発不要

コンフィギュレーターとカート間の連携はプラグインが処理するため、個別のインテグレーションを導入・維持する必要はありません。

コンフィギュレーターの作成方法

プラグインが担うのは WordPress 側のみです。コンフィギュレーター自体は Simplio3D で作成します。3Dモデルをアップロードし、PBR マテリアルを適用、オプションブロックを定義し、互換性のない組み合わせを選択できないよう条件ロジックを追加して、テーブルまたは数式で価格を設定します。

白紙のプロジェクトから始める必要はありません。Simplio3D では、製品説明から実用的なコンフィギュレーターを生成できます。また、AIアシスタントが既存のコンフィギュレーターを監査し、すべての組み合わせを手作業でクリックして確認する代わりに、オプションの網羅性や条件ロジックをチェックします。

大規模なカタログを運用している場合、プラットフォームでは MCPサーバー も提供しています。ClaudeなどのAIアシスタントは、スコープを限定したトークンで接続し、実際のプロジェクトを調査できます。モデルの分析、ロジックの評価、指定オプションに対する価格計算が可能です。書き込みは提案後に確認するモデルに従うため、エージェントが公開中のコンフィギュレーターを知らないうちに変更することはありません。

よくある質問

必要なのは[カートに追加]モードの場合のみです。[チェックアウトへリダイレクト]はプラグインなしで機能します。設定後、購入者は商品のデータをURLに含んだ状態でWooCommerceのチェックアウトへ移動します。

別のプラットフォームをお使いですか?

Simplio3Dは、SKUに一致したカートを実現するためにShopifyとも連携し、カスタムストアフロントやヘッドレス構成向けにREST APIおよびTypeScript SDKを提供します。

Building the page in Elementor?

A short tutorial on placing the Simplio3D viewer, options, price and Add to Cart with Elementor’s Shortcode widget.

3Dコマースを構築・導入し、スケールアップ。

3D製品コンフィギュレーターを活用して売上を伸ばし、Webサイトから直接見積もり提案を作成

関連記事