Pasar
SPREEAI Untuk pengembang
Membangun ruangan yang cocok
di setiap layar.
Connect your catalogue. Shape the customer journey. Bring Always On into your storefront with the integration path that fits your team.
Pilih jalanmu
Mulai dari mana Anda
Perdagangan hidup yang terhambat.
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.
hidupAkan segera datang
Jalan Tercepat
Aplikasi Shopify
Teknologi kami tersedia melalui perkongsian Shopify kami. Instal aplikasi, sambungkan katalog Anda dan bentuk pengalaman untuk toko Anda.Terbaik untuk Shopify Storefront SDK WebWeb yang Custom
SDK Web
Control placement, styling, events, sizing and add-to-cart behavior.JavaScript dan TypeScript DokterMobil asli
Untuk SDK
membawa yang SPREEAI pengalaman dalam perjalanan belanja iOS yang ada.Panduan Open DokterMobil asli
Android SDK
Integrasi try-on ke dalam pengalaman produk Android dengan kontrol asli.Panduan Android Terbuka Akses PartnerSistem Custom
API publik
Gunakan referensi API yang disetujui untuk aliran kerja server-side dan katalog.Open API ReferensiWeb SDK dengan cepat
integrasi pertama Anda.
Authenticate once, then render try-on or sizing anywhere on the page. Use test credentials issued during onboarding and never put a client secret in browser code.
npm install @ spreeai /web-sdk # atau yarn add @ spreeai Web-Sdk yangimport { 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) => {
// Connect to your existing cart workflow.
},
}Model Integrasi
Empat sistem yang
satu saat pelanggan.
ID produk, varian, gambar dan konteks perdagangan.
Garment bergerak melalui proses, review dan keadaan kesiapan.
Toko Anda membutuhkan pengalaman untuk produk yang layak.
Cobalah, cari ukuran, lengkapkan tampilan dan kembali ke check-out.
Sebuah jalur yang fokus untuk meluncurkan
Bersiaplah menghubungkan
Hiduplah dengan keyakinan.
3 mil, dengan daftar cek praktis untuk masing-masing.
- 01 Persiapan
Sebuah titik awal yang jelas.
Sesuai perjalanan, akses dan katalog.
Daftar Checklist
- Pilih satu saluran, kelompok katalog dan ukuran keberhasilan.
- Mengkonfirmasi akses mitra, kredibilitas dan izin pengaturan.
- Menyediakan gambar pakaian yang bersih dan terkoordinasi dengan SKU.
- 02 · Hubungi
membuatnya merasa asli.
Bangun di tempat yang tertutup. Periksa seluruh perjalanan.
Integrasi Checklist
- Render untuk produk yang layak dan menghubungkan varian dan perilaku keranjang.
- Ini sesuai dengan pengalaman dari brand.
- Periksa status mobile, desktop, aksesibilitas, kinerja dan kegagalan.
- 03 - Peluncuran
Belajar dari penggunaan yang nyata.
Memungkinkan produk siap dan pengukuran.
Luncurkan Checklist
- Mengkonfirmasi kesiapan produk dan menerbitkan pengalaman yang telah diuji.
- Memantau adopsi, penyempurnaan dan konversi.
- Gunakan hasil untuk membimbing kategori atau perjalanan berikutnya.
Aset dasar
Hasil yang baik menghasilkan hasil yang lebih baik.
- JPEG atau PNG
- 2000 × 2.000 px minimum
- Persyaratan Front View yang Diperlukan
- Back view disarankan
- Neutral, bahkan pencahayaan
- SKU atau ID gaya dalam nama
Referensi pengembang
Temukan yang berikutnya
Jawaban yang berguna.
Mulai di sini
Untuk dimulai
Memahami akses, platform yang didukung dan keputusan pertama yang harus diambil oleh tim Anda.
Referensi resmi Integrasi yang diurusShopify di atas kapal
Install the app, accept agreements, sync garments, customize the button and go live.
Referensi resmi SDK WebBumi permukaan
Review initialization, render options, sizing, customization and typed interfaces.
Referensi resmi Kebakaran PartnerReferensi API
Temukan antarmuka server-side yang disetujui yang tersedia untuk mitra yang terautentikasi.
Referensi Swagger KualitasAset pakaian
Siapkan gambar produk dan metadata yang bergerak dengan bersih melalui pengambilan dan ulasan.
SPREEAI Panduan ProduksiQA & Peluncuran
Gunakan browser yang dibagikan, kinerja, aksesibilitas dan go-live checklist.
SPREEAI Panduan dukunganPenyelesaian masalah
Resolve the most common authentication, eligibility, rendering and performance issues.
SPREEAI Panduan DokumentasiPanduan Implementasi
Browse public quickstarts, asset standards, launch checklists and troubleshooting guidance.
Dokumentasi TerbukaTidak ada sumber daya yang cocok dengan pengembang. Cobalah “Shopify”, “SDK”, “aktiva” atau “QA.”
Dibangun untuk produksi
Detail yang melindungi
pengalaman pelanggan yang
keamanan
Keep secrets server-side, use only issued environments and rotate credentials through the partner workflow.
Privasi
Request customer imagery with clear consent and align data handling with your approved integration plan.
Performa
Mengisi pengalaman di mana diperlukan, tes real de vic Mengontrol dan memantau regresi produk-halaman.
Aksesibilitas
Preserve keyboard access, focus order, accessible names and a usable path when the experience is unavailable.
Pengembang FAQ
Pertanyaan Sebelumnya
komitmen pertama yang
Integrasi apa yang harus kita pilih?
Use the Shopify App for the fastest managed path, the Web SDK for custom or headless web placement, the native SDKs for app experiences, and the approved API reference for server-side workflows agreed during onboarding.
Dari mana datangnya kredibilitas?
SPREEAI mengeluarkan ID mitra dan pengesahan yang disetujui selama berlayar. Browser SDK menggunakan ID klien dan ID mitra. Jangan pernah memasukkan rahasia klien ke dalam kode front-end.
Apakah aplikasi Shopify memerlukan kunci API?
The current Shopify App onboarding flow connects the store after the required agreements and subscription step; the managed app does not require copying keys into the setup screen.
Mengapa tombol Try-On tidak muncul?
Confirm the garment has completed processing, is enabled for Try-On, maps to the active product or variant, and that the app block or SDK container is present on the product template.
Acara klien apa yang tersedia?
The documented SDK callbacks cover Try-On button clicks and add-to-cart interactions. Connect them to your analytics layer without including customer imagery or unnecessary personal data.
Apakah server webhooks tersedia?
Webhooks server push tidak termasuk dalam dokumentasi SDK yang diterbitkan saat ini. Mengatasi setiap persyaratan acara server-side dengan Partner Engineering sebelum bergantung pada itu.
Di manakah para pengembang mendapatkan bantuan?
Gunakan jalur dukungan teknis yang disediakan selama onboarding atau email support@spreeai.com. Termasuk lingkungan, ID produk, browser atau vic e, timestamp dan jalur reproduksi yang sempit – tidak pernah mengirim rahasia.
Kapan dukungan Amazon Partner Network akan tersedia?
The Amazon Partner Network integration is in development. It is intentionally marked Coming Soon until the onboarding and production interface are ready for external developers.
Siap untuk membangun?