構築する
SPREEAI.

Shopifyアプリ

Use the managed app when the store runs on Shopify and does not need a custom backend. The current onboarding flow connects the store after agreements and subscription; it does not require copying API keys into the setup screen.

1. オフィシャルを設置 SPREEAI アプリケーションを完了し、管理された同意の流れを完了します。
2. 最初のカタロググループを同期し、製品準備状態をレビューします。
3. ダブルテーマに配置とスタイリングをカスタマイズします。
4. Validate eligible products, variants, mobile behavior and add-to-cart.
5. ブランドとQAの承認後のみ公開。

オープン Official Shopify Onboarding Guide

Web SDK クイックスタート

使用 @ spreeai ウェブSdk 定制された配置、スタイリング、イベント、サイズ化およびカーツの行動のために。

npm install @spreeai/web-sdk

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

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

sdk.renderTryOnButton({
  selector: "#spreeai-try-on",
  productId: product.id,
  enableAddToCart: true
});

Initialize once, render only for an eligible product and connect documented client callbacks to your existing analytics. Confirm the current interface in the 公式 Web SDK API 参照

火災アクセス

Use the public Swagger reference only for server-side workflows approved during onboarding. Keep secrets on your server, separate test and production access, and scope credentials to the minimum required environment.

Direct REST endpoints, webhooks or authentication behaviors not present in the approved public reference should be treated as unavailable until Partner Engineering confirms them.

公開 API リファレンスをオープン

ドレス資産ベースライン

• JPEG or PNG; 2,000 × 2,000 px minimum, with approximately 4K preferred.
• 画像ごとに1枚のドレス、清潔な端と中立で照明さえも集中しています。
• 前面表示が必要;後面表示が有効になった場合に推奨されます。
• Stable SKU, style or garment ID included in the filename and catalogue record.
• No hands, hangers, styling props, watermarks or unrelated garments blocking the item.
• 変数マッピングは、体験を可能にする前にチェックされました。

QAとスタート

• 現在のモバイルおよびデスクトップブラウザで完全な顧客旅行をテストします。
• 製品と変数マッピング、衣装の準備性、カーケットの行動を確認します。
• キーボードアクセス、焦点の順序、アクセス可能な名前、および落下行動をチェックします。
• 製品ページのパフォーマンスを測定する前と後 SPREEAI.
• Exercise loading, empty, unavailable, timeout and retry states.
• 同意言語と顧客イメージの承認処理を確認します。
• 製造前にエンジニアリング、貿易、QA、ブランドのサインアップを取得します。

トラブルシューティング

ボタンが表示されません。

Confirm SDK initialization, client and partner identifiers, the target selector, product eligibility, garment readiness and variant mapping. Then check browser console and network errors without sharing tokens.

間違った製品またはバージョンが表示されます。

ストアフロント製品とバージョンIDを送信された記録と比較する SPREEAI. 注文した要求が、買い手が変数を変更するときに変更されることを確認します。

経験は遅いか、利用できないか。

Test a known-ready product, verify the active environment, inspect blocked requests and compare a clean browser session. Capture a timestamp and reproducible sequence for support.

開発者サポート

メール support@spreeai.com 環境、製品、服装ID、ブラウザ、または vic e、約時間帯、予想される行動と再生の段階。 秘密や顧客のイメージを含まないでください。