ドキュメント
Always On をストアに導入。
買い物客が自分自身またはツインのコレクションを見て、フィット感を見つけ、オプションを比較し、ブラウジングしながら外観を構築できるようにします。
何を設定していますか?
Always On の内容を確認するShopify
ShopifyにAlways Onを設定します。
Shopify 管理者アクセス、オンライン ストア 2.0 テーマ、鮮明な画像と製品コード (SKU) が含まれる対象製品 1 つが必要です。
-
インストールして接続します。
接続する Shopify ストアに SPREEAI をインストールします。 [アプリ] の下でそれを開き、契約を確認して、[開始する] を選択します。プランを選択し、Shopify でサブスクリプションを承認します。アプリは自動的にストアに接続します。
インストールガイド![Shopify の SPREEAI ようこそ画面と契約書と [開始] ボタン](/assets/guides/onboarding-welcome.webp)
Shopify の SPREEAI のようこそ画面 -
商品は1つご用意ください。
SPREEAI で、[製品] を開き、[製品の同期] を選択します。項目を 1 つ選択し、そのカテゴリを確認します。準備が完了するまで待ちます。 「アクションが必要」と表示された場合は、アプリに表示されている修正に従ってください。
製品の適格性を確認する
「製品の同期」ウィンドウで 1 つの項目から開始します -
フィッティングルームを設置します。
「設定」→「ストアフロントのカスタマイズ」を開きます。 Shopify のテーマ エディターで、SPREEAI Fitting Room ブロックを製品テンプレートに配置して保存します。文言、色、利用可能なショートカットを調整できます。
テーマ設定ガイド
Shopify のテーマ エディターの試着室ブロック -
有効にして自分で試してみてください。
[製品] で、Ready アイテムの Try On Status を [Enabled] に切り替えます。仮想試着をオンにし、公開したテーマにブロックを保存した状態で、携帯電話とコンピューターでライブ製品ページを開きます。正しい製品と色が表示されていることを確認してください。
テーマエディターはレイアウトをプレビューします。公開されたストアフロントで完全な試着を実行します。テストの試着はプランにカウントされます。
プレビューと本番稼働ガイド
[試着ステータス] 列を使用して表示を制御します
Web SDK
Always On を Web サイトに追加します。
Web チームは Web SDK を使用して、製品ページに [試着] ボタンを追加します。 SPREEAI がホストするフィッティング ルームが開き、統合に基づいた機能が提供されます。
テストアクセスを取得します。
SPREEAI にテスト クライアント ID を問い合わせます。製品を 1 つ選択し、処理のために製品 ID、バリアント、および鮮明な衣服の画像を送信します。
1 つの商品ページを接続します。
開発者に Web SDK クイックスタートと処理された衣類の ID を提供します。製品オプションの近くにボタンを配置し、選択したバリエーションと一致させるように依頼します。
買い物客の行動を確認してください。
試験会場で、電話とコンピューターで試着室を開きます。衣服と色を確認し、そのオプションを有効にしている場合は、適切なサイズとバリエーションがカートに入れられていることを確認してください。
開発者向け。 SDK 2.0 は製品のリリース名です。現在のセットアップ ガイドでは、Web SDK v3.0.0 を使用しています。ご使用の環境用に発行されたクライアント ID を使用し、サーバー上にプライベート資格情報を保管します。
パートナーAPI
独自のシステムを接続します。
たとえば、承認されたカタログ ワークフローなど、チームが SPREEAI とデータを交換するために Web サイトの背後にシステムが必要な場合は、このルートを使用します。
仕事について説明します。
SPREEAI に、接続したいシステム、必要なデータ、実行したい内容を伝えます。パートナー エンジニアリングは、サポートされているワークフローとアクセスを確認します。
リファレンスをチームと共有します。
開発者は、承認された API リファレンスと発行されたテスト資格情報を使用します。サーバー上にシークレットを保持し、テストと本番環境で別々の認証情報を使用します。
少量のサンプルをテストします。
製品とバリアントのレコードが一致していることを確認し、生産に移行する前に、利用できない品目や失敗したリクエストがシステムでどのように処理されるかを確認してください。
モバイルSDK
Always On をアプリに組み込みます。
iOS または Android チームにプラットフォームのリファレンスを提供し、どの製品画面と機能を最初に使用するかについて同意します。
最初のアプリ画面を選択します。
iOS または Android ショッピング アプリで製品詳細ページを 1 つ選択し、統合の所有者に同意します。
パッケージと機能を確認します。
アプリに適用されるパッケージ、サインイン設定、機能を SPREEAI に問い合わせてください。モバイル チームにプラットフォームのリファレンスと最初に加工された衣類を提供します。
デバイス上で実行します。
テスト ビルドでは、試着を開いて製品を確認し、エクスペリエンスを閉じます。アプリがカートの受け渡しをサポートしている場合は、正しいアイテムとサイズを返すようにしてください。
いつでも利用可能
ショッピング全体をサポートするフィッティングルーム。
買い物客は一度写真またはツインを選択し、その視点を維持しながらコレクションを閲覧します。あなたのストアにとって意味のある機能を選択してください。
プラットフォームを探索する質問を設定します。
初めて公開する製品についての簡単な回答。
すべての技術ガイド開発者は必要ですか?
アプリブロックをサポートする標準の Shopify テーマの場合、ストア管理者は SPREEAI をインストールし、製品を同期し、ブロックを配置できます。 Web チームまたはアプリ チームに、Web SDK、API、またはネイティブ SDK 統合を実装するよう依頼してください。
どのような写真から始めればよいでしょうか?
均一な照明とシンプルな背景を備えた 1 つの衣服の明確な正面図を使用します。 Shopify 製品に複数の色がある場合は、各色に独自のバリアント イメージを割り当てます。 写真ガイドを見る
Shopify ボタンが表示されないのはなぜですか?
サブスクリプションが承認されていること、仮想試着がオンになっていること、製品が有効化されて表示されていること、アプリ ブロックが公開済みテーマの適切なテンプレートに保存されていることを確認してください。 完全な Shopify チェックを参照してください。
後で商品を追加したり、試着を非表示にしたりできますか?
はい。 Shopify では、準備ができたらさらに製品を同期します。製品の試着ステータスを無効に切り替えて、試着を非表示にします。準備された製品データとテーマ設定はそのまま残ります。
行き詰まったら誰が助けてくれますか?
電子メール support@spreeai.com 製品 ID、セットアップ タイプ、テストしたデバイス、何が起こったかを記録します。アクセスキー、トークン、買い物客の画像を非公開にしておきます。
始めるにあたってサポートが必要ですか?
販売方法と、最初に試してみたい製品について教えてください。