ショッピング
ショッピングは、Shopify のストアをスペースに接続し、空間の中に商品ホットスポットを置く機能です。 来訪者はホットスポットから商品を見て、カートに入れ、ストアで購入できます。
ストアを接続する
Section titled “ストアを接続する”接続はダッシュボードのスペース詳細 → 設定 → ストア連携で行います。
-
ストアドメイン（例:
your-store.myshopify.com）と、Shopify の Storefront API アクセストークン（公開トークン）を入力します。 -
接続テストして保存を押します。ストアに接続できたときだけ保存されます。
- 使えるのは
*.myshopify.comのドメインです。独自ドメインでは接続できません。 - 連携を解除すると、配置済みの商品ホットスポットはすべて削除されます。取り消せません。
- 別のストアに付け替えると、ホットスポットは残りますが商品との紐づけが外れ、選び直すまで表示されません。
- 解除・付け替えは、公開中のスペースなら自動で再公開されます。
商品ホットスポットを置く
Section titled “商品ホットスポットを置く”-
ショッピングパネルの を押します。
-
名前を入力し、紐づける商品を選びます（未選択のまま置いて、あとで選ぶこともできます）。 商品はストア内を検索して選びます。
-
3D 空間をクリックして置きます。
ホットスポットを選ぶと、フッターの編集から次を調整できます。
- 商品を変更 / 紐づけを解除
- パネル表示スタイル — ドック（下端に出て縮小できる）か、全画面オーバーレイ
- 画角 — 「現在のカメラ位置を記録」で、来訪者に見せたい構図を保存
- 関連アイテム — 一緒に見せる商品（最大 6 件）
- 既定バリアント — 来訪者が最初に選んだ状態にするサイズや色
- 表示するタイムライン、位置を変更
- 訪問者ビューをプレビュー — 来訪者と同じ画面で確認
紐づけが外れたホットスポットには要再紐づけのバッジが付き、一覧の先頭に件数が出ます。 行を選んで商品を選び直すと再び表示されます。
来訪者の体験
Section titled “来訪者の体験”- ホットスポットをクリックすると商品パネルが開き、商品名・画像・価格を表示します。最新の情報はストアから取得します。
- カートに追加でビューア内のカートに入り、チェックアウトへでストアの決済画面に移ります。送料・税の計算と決済はストア側で行われます。
- ストアで見るは商品ページを新しいタブで開きます。
- 検索の「ストアの商品」から、配置済みの商品ホットスポットへ移動できます。
- ホットスポットの追加・変更を公開ビューアに反映するには、再公開が必要です。
- 商品が未設定のホットスポットや、紐づけが外れたホットスポットは公開に含まれません。