Squarespaceウェブサイトにインタラクティブな3DやARデザインを掲載する方法

Vectaryのウェブ埋め込みを使えば、インタラクティブな3D要素をブログやウェブサイトに簡単に追加できます。この技術はWebARと呼ばれています。YouTubeの埋め込み手順と同様に、Vectaryの3D/ARビューワーがコードを生成するので、それをウェブエディタに貼り付けるだけです。iPhoneやAndroidをお持ちの方なら誰でも、アプリをインストールすることなく、ウェブから直接AR体験を楽しめます。

インタラクティブな3D/ARデザインをSquarespaceに埋め込む方法

1. 3DモデルをVectary Studioにインポートするか、独自のモデルをゼロから作成しましょう。
2. 「Publish」タブと「Generate」ボタンをクリックします。
3. Squarespaceのテーマエディタに移動します。「Pages」をクリックします。編集したいセクションをクリックするか、「+」をクリックして新しいセクションを作成します。
4. 「Edit」をクリックし、右上の「+」アイコンをクリックします。
5. 「Code」ブロックを追加します。詳しい使い方は、 Squarespaceの「Code」ブロックをご覧ください。.
6. デフォルトのテキストを削除し、生成されたVectaryの埋め込みコードを貼り付けます。
7. サイトをプレビューします。変更が必要な場合は、コードを再生成するだけで、ビューワーが自動的に更新されます。
8. サイトを公開します。
   ‍

3Dウェブビューワーで変更を加える方法

例えば、3Dモデルの色や視野、あるいは形状全体を変更したいとします。Vectaryエディタは、ウェブビューワーのインスタントな3D/AR CMSとして機能します：

1. Vectaryで3Dプロジェクトを開きます。
2. 変更を加えます。
3. 「Publish」タブをクリックし、もう一度「Generate」ボタンをクリックします。コードを差し替える必要はありません。すべてのサイトで3Dビューワーが自動的に更新されます。

作成を始める

Vectary 3D/ARビューワーの例：

Shopifyのページに、このようなインタラクティブな要素を追加できます。iPhoneのSafari、またはAndroidのChromeでこのサイトを開くと、ARでも体験できます。