Shopifyウェブサイトにインタラクティブな3DやAR製品を追加する方法

Vectary Web埋め込み は、以下を簡単に追加する手段です： インタラクティブな3D要素 サイトやブログに。 Vectary 3D/ARビューア 生成されたコードをWebエディタにコピー＆ペーストするだけで動作します。YouTube動画を埋め込むのと同じ手順です。この技術はWebARとして知られており、追加のアプリを必要とせず、あらゆるスマートフォン、iPhone、Androidで3Dおよび拡張現実（AR）体験を提供できます。

Shopifyで製品をカスタマイズするにはどうすればよいですか？

Shopifyの 3D製品コンフィギュレーター 作成ツールを使用すると、マテリアル切り替え、形状バリエーション、アニメーション、ホットスポットを備えたインタラクティブな製品プレゼンテーションを作成できます。これにより、複数のレンダリング画像や写真を用意することなく、リアルタイムの3Dビューアで製品ラインナップを表示できます。さらに、サイト上のコンフィギュレーターのコードを調整することなく、提供する製品を即座に更新できます。さらに嬉しい特典として、すべてのバリエーションを実物大の拡張現実（AR）でプレビューできるため、訪問者は 購入前に自分のスペースで製品を試すことができます。これらはすべて、Vectary Studioでコーディングすることなく実装できます。

Shopify製品コンフィギュレーターをチェックアウトと連携する

3Dコンフィギュレーターは、3Dビューア内で選択されたパラメータに基づいて価格計算ツールに変換できます。これにより、価格と選択したバリアントをチェックアウトに連携させることができます。これは、ノーコードの3Dコンフィギュレーターの上にVectary APIのレイヤーを重ねることで実現できます。

インタラクティブな3Dコンフィギュレーターを埋め込む方法

Vectaryプラットフォームにはノーコードのコンフィギュレーターエディタがあるため、デザイナーであれば誰でもショーケースとしてコンフィギュレーターを埋め込むことができます。コンフィギュレーターをショッピングカートと連携させたい場合は、Vectary APIを実装する必要があり、開発者の協力が必要になる場合があります。

1. 基本レベル：Shopifyへの3Dコンフィギュレーターの埋め込みのみ

1. 3Dモデルを Vectary Studio にインポートするか、ゼロから独自のモデルを作成します。

2. インタラクティブな 3Dコンフィギュレーターを作成します。豊富なリソースが当社の YouTubeチャンネルで公開されています.

3. 「Share」タブをクリックして共有を有効にし、 コードをコピーします.

4. Shopifyの管理画面を開き、「販売チャネル」メニューの「テーマ」をクリックします。

5. テーマに移動し、 「カスタマイズ」 ボタンをクリックします。

5. テンプレートで 「セクションを追加」 をクリックして 「カスタムLiquid」を選択します。そこにVectaryのコードを貼り付けると、3Dビューアが読み込まれます。

6. サイトをプレビューし、仕上がりに問題がなければ公開します。

7. コンフィギュレーターはVectary Studioでいつでも調整でき、「Share」セクションからワンクリックで変更内容を同期できます。

2. 上級レベル：価格計算ツールやショッピングカートと連携したShopify 3Dコンフィギュレーター

この機能は、APIを介してVectary Businessプランをご利用のお客様のみが対象となります。詳細な手順については、 APIドキュメントをご参照ください。

ヒント：Shopifyで拡張現実（AR）プレビューを有効にする

埋め込まれたビューアには自動的にARアイコンが表示され、これをクリックすることで、 拡張現実（AR） アプリをインストールすることなく、あらゆるデバイスで製品のプレビューが可能になります。

FAQ‍

ウェブサイトの表示速度は低下しますか？

3Dビューアを含め、サイトに追加するコンテンツはすべて最適化する必要があります。最適化に関するヒントは、 ドキュメントをご覧ください。Businessプランをご利用のお客様やチーム向けに提供されているすべてのソリューションについて詳しく知るには、 セールスチームにお問い合わせください.

モデルはどこにホストされていますか？

モデルはVectaryプラットフォーム上にホストされますが、Businessワークスペースで利用できる「カスタムドメイン機能」を使用して、サブドメインをマスクすることができます。