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

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

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

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

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

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

WooCommerce でコンフィギュレーターを販売する2つの方法

方法は2つあり、1つのストアで両方を利用できます。Simplio3D ダッシュボードのWooCommerce 接続ではプラグインは不要です。共有リンクを使ってコンフィギュレーターを埋め込むだけで、「カートに追加」により設定済みの商品がカートに追加されます。WordPress プラグインは、テーマ内に配置したネイティブの WordPress ブロックを使い、自分でページを構築したい場合に最適です。

Simplio3DコンフィギュレーターをWooCommerceに接続する2つの方法
WooCommerce連携WordPressプラグイン
プラグインが必要いいえはい:Simplio3D Product Configurator、バージョン2以降
ページの構築方法共有リンクを使用して埋め込まれたコンフィギュレーターElementorのネイティブブロック(ビューア、オプション、価格、概要、送信/カートに追加)、またはショートコード
接続方法ダッシュボード → 連携 → WooCommerce にある WooCommerce REST API キーWordPress からサインインしてサイトを承認します。パスワードやキーが WordPress にコピーされることはありません
カートに追加される内容設定済みの商品(3D画像と選択したオプションを含む)、またはそのままの商品設定内容と画像を含む、連携された商品
請求価格サーバーで再計算されたSimplio3D価格、またはWooCommerce価格価格Simplio3Dはサーバー上で検証されるか、製品独自の価格が適用されます
最適な用途共有リンクで表示されるコンフィギュレーターの見た目をそのまま完全に表示テーマに合わせてデザインされたページに、各パーツを希望の位置へ配置

プラグインでできること

このプラグインは、Simplio3D で作成したプロジェクトをネイティブの WordPress ブロックに変換します。3Dビューアー、各オプション、リアルタイム価格、設定内容の概要、送信または「カートに追加」ボタンをページ上の好きな場所に配置できます。すべてが1つのリアルタイム設定を共有します。Simplio3D がモデル、マテリアル、ルール、価格設定を管理し、WordPress がレイアウト、スタイル、ストアを管理します。

「送信」/「カートに追加」ブロックは、設定内容と価格を含む見積もり依頼を Simplio3D のリクエストに送信するか、設定内容を WooCommerce のカートに追加します。Elementorで構築していますか?各ブロックはショートコードとしても利用でき、Elementorのショートコードウィジェットで配置できます。

このプラグインは、Digital Artflowによる Simplio3D Product Configurator として WordPress.org のプラグインディレクトリに掲載されています。WordPress 6.3以降、httpsでの提供、PHP 7.4以降が必要です。WooCommerce は「カートに追加」にのみ必要です。

プラグインのセットアップ

新規インストールから、WooCommerceカートに追加できるコンフィギュレーターページまで。

  1. プロジェクトを公開

    Simplio3D でプロジェクトの[共有]ダイアログを開き、共有リンクを有効にします。パスワード保護されたリンクは WordPress では表示できません。また、リンクが特定のドメインに制限されている場合は、ウェブサイトのドメインを追加してください。

  2. プラグインをインストール

    WordPress で[プラグイン]→[新規追加]に移動し、Simplio3D Product Configurator を検索して、インストールおよび有効化します。

  3. アカウントを接続

    WordPress の管理メニューで Simplio3D を開き、[Simplio3D にログイン]をクリックします。サインイン後、ワークスペースを選択し、[許可して接続]をクリックします。パスワードや API キーが WordPress にコピーされることはありません。

  4. ビューアとオプションを追加

    ページを編集し、Simplio3D Viewer ブロックを追加してプロジェクトを選択します。次に、表示したい各オプションに Simplio3D Options ブロックを追加します。新しいブロックにはビューアのプロジェクトが自動的に反映されます。

  5. 価格、概要、ボタンを追加

    Simplio3Dの価格ブロックとSimplio3Dの概要ブロックを任意の場所に追加し、その後にSimplio3Dの送信/カートに追加ブロックを配置します。カートに追加の場合は、販売対象としてWooCommerceの商品を選択します。

  6. ページを公開する

    公開後、設定を試してカートに追加します。ショートカット:Simplio3D → 新規ページ:Viewer + sidebar を選択すると、すべてのブロックが配置済みの下書きページが作成されます。

価格を保護する仕組み

購入者が「カートに追加」をクリックすると、WordPress サーバーは選択されたオプションを Simplio3D に送信します。Simplio3D はプロジェクトに照らしてそれらを確認し、不明なオプション、条件付きロジックによって非表示となるオプション、範囲外の数値を拒否したうえで、価格を計算します。WooCommerce はその価格を請求し、購入者のブラウザーから送られた価格を使用することはありません。商品はプロジェクトにリンクされている必要があるため、別の商品として設定内容を追加することはできません。

カスタム価格設定ブロックや、どのオプションに価格が適用されるかを変更する数値条件ルールなど、一部の価格設定機能はまだサーバー側で検証できません。このようなプロジェクトでは、WordPress エディターが警告を表示します。WooCommerce の商品価格で販売するか、見積もり依頼を利用してください。高度な価格設定(マークアップ、段階価格、割引、追加料金、配送、税金)を使用するプロジェクトを販売するには、プラグイン2.2.0以降が必要です。

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

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

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

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

Simplio3Dはサーバー上で設定を確認して価格を計算するため、WooCommerceではルールどおりの金額が請求されます。

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

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

カスタム開発不要

ネイティブブロックとサインイン連携により、個別に開発を依頼して保守する必要がある統合を置き換えられます。

知っておくと便利なこと

  • モジュール式プロジェクトは、モジュールの配置がその内部で行われるため、完全版の Simplio3D コンフィギュレーターとして表示されます。どのプロジェクトでも、この完全版コンフィギュレーター表示を使用できます。
  • 購入者が入力したテキストとアップロードした画像は収集され、リクエストと注文に含まれますが、WordPress ブロック内の3Dモデル上にそれらを描画する機能はまだ利用できません。Design Canvasでは完全版コンフィギュレーターが開きます。
  • 1.xプラグインを使用しているサイトは、従来の [simplio3d_configurator] ショートコードを用いたレガシーモードで引き続き動作します。ブロックへの切り替えは任意で、WordPress の Simplio3D → 移行から行え、元に戻すこともできます。
  • 接続済みサイトは、Simplio3D のダッシュボード → 連携 → WordPress に一覧表示され、いつでも接続を解除できます。
  • ダッシュボードの WooCommerce 接続は別のものです。プラグインはこれを変更せず、両方を1つのストアで販売に利用できます。商品が両方でリンクされている場合は、WordPress の Simplio3D パネルで、各ボタンが請求する価格を確認できます。
  • サブスクリプションが失効した場合、サイト上のコンフィギュレーターには、再有効化されるまで「一時的に利用できません」と表示されます。

その背後にあるコンフィギュレーターの構築

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

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

大規模なカタログを運用している場合、プラットフォームは MCP server も提供しています。これにより、Claude などのAIアシスタントがスコープ付きトークンで接続し、実際のプロジェクトを確認できます。モデルの解析、ロジックの評価、指定されたオプションセットの価格計算が可能です。価格、SKU、削除、一括編集は、適用する提案としてのみ作成されるため、エージェントが稼働中の価格を知らないうちに変更することはありません。書き込みアクセスを付与すれば低リスクな編集は直接適用でき、その多くは元に戻せます。

よくある質問

いいえ。Simplio3DダッシュボードのWooCommerce連携が、設定済みの商品を自動的にカートへ追加します。ビューア、オプション、価格、ボタンをテーマ内に配置し、ネイティブのWordPressブロックでページを構築したい場合は、プラグインをご利用ください。

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

Simplio3D は Shopify App Storeでも提供されており、カスタムストアフロントやヘッドレス構築向けの REST API と TypeScript SDK を提供しています。

Elementorでページを作成していますか?

Elementorのショートコードウィジェットを使って、Simplio3Dビューア、オプション、価格、「カートに追加」ボタンを配置するための簡単なチュートリアルです。

ブログ記事

Simplio3Dチームからのガイド、チュートリアル、ニュース。

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

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

関連記事

Simplio3D Shopify アプリが Shopify App Store に登場

Simplio3D Shopify アプリが Shopify App Store に登場

Simplio3D が Shopify App Store に登場しました。アプリをインストールし、ブロックを使ってテーマに3Dコンフィギュレーターを追加すれば、コンフィギュレーターで算出した価格がカートに反映されます。