メインコンテンツへスキップ

3D 製品コンフィギュレーター – Simplio3D が e コマースを別のレベルに引き上げます

Simplio3Dで3D製品コンフィギュレーターを構築する方法 - ステップバイステップガイド

コンフィギュレータの構築方法

インタラクティブな製品コンフィギュレーターの作成に、何週間もの開発期間や開発チームは必要ありません。Simplio3Dを使えば、ユーザーフレンドリーなノーコードインターフェースを使って、独自の3Dコンフィギュレーターを作成できます。このチュートリアルでは、3Dモデルのアップロードからウェブサイトへのコンフィギュレーターの埋め込みまで、ステップバイステップで簡単な手順をご案内します。

ステップ1:3Dモデルをアップロードする

まず3Dモデルを準備します。Simplio3Dは以下の形式をサポートしています。 .glb, .gltf (NAIST) と .obj これはウェブアプリケーションでよく使用されます。モデルが別の形式である場合は、次のような無料ツールを使用して変換できます。 ブレンダー.

3Dモデルをお持ちでなく、どこで見つけられるか分からない場合は、こちらをご覧ください。 記事 まさにそれをカバーしています。

準備ができたら:

  1. に移動します アップロード Simplio3D のセクション。

  2. 3D モデル (椅子、靴、ソファ、テーブル、結婚指輪、ジャージ、靴下など) をアップロードします。

  3. アップロード後、モデルを レディ をクリックし Save.

ご注意: アップロードされると、モデルのパーツがリストされ、マテリアルを割り当てたりコンフィギュレータ オプションを定義したりするために使用されます。

3Dモデルをアップロード

ステップ2:マテリアルとテクスチャを作成する

に行きます 材料 セクション。次のことが必要です。

  1. 創造する カテゴリー 素材を整理します(例:「木材」、「革」など)。

  2. テクスチャ タブで、テクスチャ ファイル (無料または有料のソースからダウンロードしたもの) をアップロードします。

  3. アップロードしたテクスチャの「編集」ボタンをクリックして、適切なカテゴリに割り当てます。

  4. 次に、マテリアルを作成し、 材料 をクリックし マテリアルを追加 そして:

  5. 素材に名前を付けます。

  6. カテゴリを選択してください。

  7. ステータスを「準備完了」に変更します。

  8. タイプ (フラット、ファブリック、金属など) と表面 (テクスチャまたは色) を設定します。

  9. 「サーフェス」設定で適切なテクスチャまたは色を適用します。

  10. 水平スライダーを使用して、スペキュラ、反射、または不透明度を変更し、必要なマテリアルを作成します。

すべてのマテリアルに対してこのプロセスを繰り返します。パラメータを微調整しながら、リアルタイムでプレビューできます。

Simplio3Dでマテリアルを編集する

ステップ3:商品を追加する

に行きます 製品 セクション:

  1. 詳しくはこちら 製品を追加名前を付けて選択 コンフィギュレータ モード。

  2. 詳しくはこちら Save その後 編集 コンフィギュレータの構築を開始します。

Simplio3Dに製品を追加する

コンフィギュレータを構築するときは、インターフェース内の上部のタブの指示に従って、次の 6 つの手順に従います。

レイアウトを選択 

  • レイアウトを選択: オプション パネルが表示される場所 (右、左、上、下) を選択します。

3Dモデルを追加する

  • 3D モデルを追加する: 先ほどアップロードした 3D モデルを選択します。

オプションの作成

ここでコンフィギュレータをインタラクティブにします。画面右上のドロップダウンをクリックし、コンフィギュレータで使用するブロックの種類を選択してください。

を参照してください ドキュメント 各タイプのオプション ブロックの詳細については、こちらをご覧ください。

オプション ブロックとバリアントをドラッグ アンド ドロップして順序を変更できます。

Simplio3Dでオプションを作成する

価格

価格設定を有効にするには、 価格 オプションを選択します。

  • 加える 本体価格 固定コストを設定するブロック。

  • 上級ユーザーは、動的な価格設定モデルに価格の計算式、変数、価格表を使用できます。

簡単な設定の場合は、基本価格を入力して、それがどのように表示されるかをプレビューするだけです。

高度な価格設定構造の作成の詳細については、 ドキュメント.

フォームを追加

ユーザー情報を収集するには:

  1. に行きます フォームを追加 タブには何も表示されないことに注意してください。

  2. ブロックを使用してフィールドを追加します。例:

    • 追加用の名前ブロック (NAIST) と

    • ユーザーがメールアドレスを入力できるようにするメールブロック

    • メッセージ用のテキストブロック

    • GDPR/DSA 準拠のための同意チェックボックスの承認ブロック

すべてのフォーム要素はドラッグ アンド ドロップで並べ替えることができます。

お問い合わせフォームを有効にして設定する メール設定 提出物を受け取るために。すべてのデータは 注文 のセクションから無料でダウンロードできます。

フォームブロックの種類の詳細については、 ドキュメント.

シェアする 

コンフィギュレータを共有する シェアする タブ:

  • 固有の HTML 埋め込みコードをコピーします。

  • それをウェブサイト(例:WordPress HTML ブロック)に貼り付けます。

  • 必要に応じて iframe のサイズを調整します。

次の操作も実行できます。

  • 有効にする 拡張現実.

  • eコマース プラットフォームと統合します。

  • API 経由でサードパーティのサービスに接続します。

以下のビデオでは、独自のコンフィギュレータの構築をすぐに開始できるようにするための、一般的な一連の実用的なガイドラインを示します。