コンテンツへ移動

Shopify App Storeで

カートまで連携するShopifyの3D商品コンフィギュレーター

Shopify App StoreからSimplio3Dをインストールし、ブロックを使ってテーマに3Dコンフィギュレーターを追加します。購入者は商品を3Dでカスタマイズでき、カートではコンフィギュレーターが計算した価格を請求できます。

クレジットカードは不要です

Shopify ロゴ

Shopify連携の仕組み

アプリをインストール

Shopify App StoreからSimplio3Dをインストールし、アプリ → Simplio3Dからアカウントを接続します。クライアントのストアを含め、あらゆるストアで利用できます。

テーマ内のブロック

Shopifyのテーマエディターで、3Dビューア、オプション、価格、概要、カートに追加ボタン、見積もりフォームを配置し、ストア独自のスタイルに合わせられます。

カートで設定された価格

商品ごとに、カートで Shopify の価格を適用するか、コンフィギュレーターが計算した価格を適用するかを、すべての Shopify プランで選択できます。

最小限の権限

このアプリは商品情報の読み取りと下書き注文の書き込みを行い、「カートの価格と画像」を有効にした場合にのみカート変換も行います。Shopify の保護された顧客フィールドへのアクセスは一切要求しません。

下書き注文とSKU一致カート

下書き注文には価格の上書きと設定内容の概要が含まれます。Enterpriseでは、価格設定されたバリアントが、複数行カート内でSKUにより Shopify のバリアントと照合されます。

独自のアプリを使用する

ストアの所有者であり、同じ Shopify 組織内でアプリを作成した場合は、代わりにクライアントIDとシークレットを使って接続できます。

実際に利用しているユーザーからの評価

主要なソフトウェアレビューサイトで、ユーザーがSimplio3Dをどのように評価しているかをご覧ください。

Capterra logo

4.6/5

G2 logo

4.3/5

TrustRadius logo

9.5/10

Simplio3D ダッシュボード内のShopify設定画面

カタログ価格ではなく、構成後の価格を請求

Shopify にコンフィギュレーターを導入する際の難しさは、3Dそのものではありません。購入者が見た金額と実際に支払う金額を一致させることです。Simplio3D アプリでは、接続された各商品にカート内の価格が1つ設定されます。つまり、Shopify 価格、または構成後の価格です。構成後の価格を選択すると、ストアの通貨で価格設定されたコンフィギュレータープロジェクトでは、カートとチェックアウトでコンフィギュレーターが計算した金額が請求され、すべての Shopify プランで注文内容に構成の画像が保存されます。Shopify 価格では、コンフィギュレーター独自の価格は表示されません。Viewer および Modular プロジェクトでは、Shopify 商品価格が使用されます。

図:Simplio3D プロジェクトは、専用連携によりShopifyとWooCommerceへ、オプションのプラグインによりWordPressへ、iframeによりその他のあらゆるウェブサイトへ、そしてREST APIを通じてERPまたはCRMシステムへ接続します。

実際のカタログに対応するSKU照合カート

構成済みの商品が実際のShopifyバリエーションに対応している場合、SKU照合カートモードはチェックアウト時にそれらのSKUをリアルタイムで照合し、それらをもとに複数明細のShopifyカートを作成します。これにより、在庫管理、レポート、フルフィルメントはこれまでどおり機能し続けます。 エディターでは作成中に検証されます。SKUはAdmin APIと照合され、各SKUについて、存在するか、一意か、またはエラーかがバッジで表示されます。これはEnterprise向け機能であり、価格設定されたバリエーションにSKUが必要です。

Horizon のホームページにある Shopify のテーマエディター:Simplio3D Configurator のオプションブロックには、Vamp と Outsole Color のカラースウォッチ、カスタムテキスト入力欄、$180.00 の価格を備えた3Dスニーカーが表示され、横にはプロジェクト、商品、表示するオプションに関するブロック設定が表示されています。

テーマ内で使える商品カスタマイザー

アプリのブロックを使えば、テーマのデザインに合わせたコンフィギュレーターを Shopify のテーマエディターに配置できます。商品画像の位置に3Dビューアー、オプション、構成後の価格、概要、カートに追加ボタン、見積もりフォームを表示します。購入者は名前や番号を入力したり、画像をアップロードしたり、パターンの色を変更したり、Design Canvas でデザインを作成したりできます。作業中の内容は、設定した制限の範囲内で3Dモデルにリアルタイムで反映されます。選択内容はカートの明細と注文に記録されます。Modular プロジェクトは、Customize ボタンからフル機能のコンフィギュレーターで開きます。

4ステップでAI生成:商品を説明し、AIのプランを読み、確認してから下書きを作成

AIで下書きを作成し、ストアの設定手順を承認

ストアがすでに接続されている場合、「AIで生成」を使って商品説明からコンフィギュレーターの下書きを作成し、Shopifyの商品リンクとチェックアウトモードを提案できます。いずれも承認待ちの状態になります。ライブラリ内の3Dモデルをもとに計画し、ストアへの接続やモデルの作成は行いません。大規模なカタログでは、AIアシスタントが実際のプロジェクトに基づいてロジックを確認したり、価格を計算したりできます。

Shopify に3Dコンフィギュレーターを追加する方法

アプリをインストールし、コンフィギュレーターを作成し、価格を設定して、ブロックを追加します。

  1. Simplio3D アプリをインストール

    Shopify App Store から Simplio3D をインストールし、Apps → Simplio3D を開いて Simplio3D アカウントに接続するか、新規作成してください。ストアとアプリを同じ組織で所有している場合は、Client ID とシークレットを持つ自社アプリも利用できます。

  2. コンフィギュレーターを構築

    3Dモデルをアップロードし、マテリアルを作成して、購入者が使用するオプションブロックを追加します。さらに条件ロジックを適用し、有効な組み合わせのみを選択できるようにします。

  3. 価格を設定

    基本価格、価格グループ、価格テーブル、数式を使用して、開始SKUではなく正確な構成を合計価格に反映します。

  4. カート内の価格を選択

    各商品について、Simplio3Dアプリで、カートにShopifyの商品価格を適用するか、設定済み価格を適用するかを選択できます。Draft Orderモードでは、価格と概要が保留中の注文に引き継がれます。Enterpriseでは、SKU一致カートがSKUから複数行のカートを作成します。

  5. テーマに追加

    アプリで[商品ページにコンフィギュレーターを追加]をクリックすると、コンフィギュレーターオプションブロックが追加済みの状態でテーマエディタが開きます。保存するか、他のSimplio3Dブロックを追加して独自のレイアウトを作成してください。独自のアプリを使用する場合は、代わりに商品ページへ埋め込みスニペットを追加します。

お客様の声

Simplio3Dのチームは非常に協力しやすく、優れた問題解決力があり、予算にも細やかに配慮してくれます。

Kyle Forman
Kyle FormanCEO · Krowne

紙面上のアイデアを完成された機能的なアプリケーションへと形にする実行力は、これ以上ないほど素晴らしいものでした。

Matt Wood
Matt Woodプロダクトマネージャー · The Wise Company

Simplio3Dは、クライアントに独自性とインタラクティブ性に富んだ体験を提供し、当社の製品プレゼンテーションを大幅に向上させました。

Janick Rolli
Janick Rolliデジタルマーケティングスペシャリスト · digital M

多用途で使いやすく、導入も簡単な3Dコンフィギュレーター。操作も設定作成も非常にシンプルです。

John Bergmann
John BergmannCEO · Waterloo Healthcare

これまで類似のプラットフォームも利用してきましたが、コンフィギュレーターを構築するにはSimplio3Dが最も直感的だと感じています。私はCADエンジニアではないため、理解できない機能がないソリューションを求めていました。

Joshua Tiso
Joshua Tisoマーケティング · Thermogreen AG

導入はとても簡単で、成果にも非常に満足しています。現在では4つの異なるプラットフォームで運用しています。

Kenneth Rotchell
Kenneth Rotchellプロジェクトマネージャー · Evergreen Shutters

導入事例:Shopifyと連携したコンフィギュレーター

ポンツーンデッキデザイナーを2種類用意:一方は見積もり依頼を受け付け、もう一方はShopifyと連携して注文を確定します。

The Wise Company, Inc

Wise Company:ポンツーン改装向け2Dデッキデザイナー

米国最大級のボートシートメーカーの一社は、ポンツーン改装プロジェクト向けに、ブラウザとタブレットで動作し、Shopifyと連携する2種類のコンフィギュレーターを必要としていました。

よくある質問

Simplio3Dアプリは、商品をプロジェクトにリンクしてSKUを確認するために商品の読み取り権限を、Draft Orderチェックアウトのために下書き注文の書き込み権限を求めます。[カートの価格と画像]をオンにすると、カート項目の表示と価格を変更する追加権限であるカート変換も必要になります。この権限はオフにすると返却されます。Shopifyの保護対象顧客フィールド(氏名、メールアドレス、電話番号、住所)へのアクセスは一切求めません。

代わりに WooCommerce をご利用ですか?

WooCommerce連携により、設定済みの商品を3D画像と価格とともに、プラグインをインストールすることなく直接カートに追加できます。

ストアプラットフォームを比較中ですか?

どのプラットフォームでも、既存のストアにコンフィギュレーターを導入する方法。

製品を見せるだけで十分ですか?

オプションなしの3Dビューアと、スマートフォンでのAR。

ブログ記事

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

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

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