開発者向けSPREEAI

試着室を作って
すべての画面に。.

Connect your catalogue. Shape the customer journey. Bring Always On into your storefront with the integration path that fits your team.

構築を開始完全なドキュメンタリー開設

開発者の視点ムリナル・シュクラ開発責任者

自分の道を選べ

あなたが
コマーススタックは生きている。.

Use Shopify for a managed setup, or integrate with our SDKs and APIs. Choose the features your business needs and keep your brand’s shopping journey.

ライブ

最速の経路

Shopifyアプリ

私たちの技術は、Shopifyのパートナーシップを通じて利用できます。アプリをインストールし、カタログに接続し、あなたのショップの体験を形作る。ショッピングショップの最良ウェブSDK

カスタムウェブ

ウェブSDK

配置、スタイル、イベント、サイズ、および「カートに追加」の動作を制御します。.タグ: JavaScript + TypeScript ドキュメント

ネイティブモバイル

スドック

SPREEAIの体験を既存のiOSショッピングジャーニーに導入します。.オープンガイドドキュメント

ネイティブモバイル

Android SDK を

ネイティブコントロールを使用して、試着機能をAndroidの製品体験に統合する。.オープンアンドロイドガイドパートナーアクセス

カスタムシステム

パブリックAPI

サーバーサイドおよびカタログのワークフローには、承認済みのAPIリファレンスを使用してください。.オープン API リファレンス

近日公開

マーケットプレイス

Amazonパートナーネットワーク

すぐにAmazon Partner Networkやその他のプラットフォームに到着し、より多くの統合方法を提供します。 SPREEAI あなたの商業ステッキーに更新情報がここに最初に表示されます

Web SDK クイックスタート

初の統合

一度認証すれば、ページのどこでも試着やサイズ測定を表示できます。オンボーディング時に発行されたテスト認証情報を使用し、クライアントシークレットをブラウザコードに記述しないでください。.

npm install @spreeai/web-sdk

# または
yarn add @spreeai/web-sdk

import { init } from "@spreeai/web-sdk";

const sdk = await init({
  clientId: "your-client-id",
  partnerId: "your-partner-id",
});

if (sdk) {
  await sdk.renderTryOnButton({
    elementId: "spreeai-try-on",
    garments: [{ garmentId: "your-garment-id" }],
    enableAddToCart: true,
  });
}

events: {
  onTryOnButtonClick: (event) => {
    analytics.track("try_on_started", event);
  },
  onAddToCartClicked: async (event) => {
    // 既存のカートのワークフローに接続します。
  },
}

統合モデル

4つのシステム。.
1つの顧客体験.

01カタログ

製品ID、バリエーション、画像、およびマーチャンダイジングのコンテキスト.

02SPREEAI インジェクション

衣類は、処理、レビュー、および準備の状態を経て移動します。.

03SDK または API

お客様のストアフロントは、対象商品のエクスペリエンスをリクエストします。.

04顧客のアクション

試着して、サイズを探し、コーディネートを完成させて、レジに戻りましょう。.

打ち上げに向けた集中的な道

準備する。つながる
自信を持って生きる。

3 マイルステージ、それぞれの実用的なチェックリストを備えています。

01 準備
明確な出発点です。
旅、アクセス、カタログを調整する。
準備チェックリスト
- 1チャンネル、カタロググループ、成功測定を選択します。
- パートナーアクセス、認証およびスケジュール許可を確認します。
- 清潔でスカイな服装画像を提供します。
製品・エンジニアリング・カタログ
02 つながり
原産地を感じさせます。
ステージに建てられた。旅の全回を試す。
統合チェックリスト
- 資格のある製品をレンダーし、バージョンとカーケットの行動を結びつける。
- ブランドの経験を合わせる
- モバイル、デスクトップ、アクセス性、パフォーマンスおよび失敗状態をチェックします。
フロントエンド · QA · ブランド
03 開始
実際の使用から学ぶ。
準備製品と測定を可能にします。
チェックリスト開始
- 製品の準備を確認し、ステージ体験を公開します。
- 採用、完成、変換を監視する。
- 結果を使用して次のカテゴリーまたは旅行を指導します。
商業・アナリティクス