Pasar raya
SPREEAI untuk pembangun
Bina bilik persalinan
ke dalam setiap skrin.
Connect your catalogue. Shape the customer journey. Bring Always On into your storefront with the integration path that fits your team.
Pilih laluan anda
Mula di mana anda
timbunan perdagangan wujud.
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.
Siaran langsungAkan datang
Laluan terpantas
Aplikasi Shopify
Teknologi kami boleh didapati melalui perkongsian Shopify kami. Pemasang aplikasi, sambungkan katalog anda dan bentuk pengalaman untuk kedai anda.Terbaik untuk Shopify Storefronts SDK WebWeb tersuai
SDK Web
Kawal kedudukan, gaya, acara, saiz dan kelakuan tambah ke troli.JavaScript dan TypeScript DokumenPeranti mudah alih asli
SDK iOS
Bawa pengalaman SPREEAI ke dalam perjalanan beli-belah iOS sedia ada.Panduan Terbuka DokumenPeranti mudah alih asli
SDK Android
Gabungkan percubaan maya ke dalam pengalaman produk Android dengan kawalan asli.Panduan Android Terbuka Akses rakan kongsiSistem tersuai
API Awam
Gunakan rujukan API yang diluluskan untuk aliran kerja sebelah pelayan dan katalog.Perbincangan API TerbukaPermulaan pantas SDK Web
integrasi pertama anda.
Sahkan sekali, kemudian paparkan percubaan atau penentuan saiz di mana-mana sahaja di halaman. Gunakan kelayakan ujian yang dikeluarkan semasa pendaftaran dan jangan sekali-kali meletakkan rahsia pelanggan dalam kod pelayar.
npm install @spreeai/web-sdk
# atau
yarn add @spreeai/web-sdkimport { 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) => {
// Sambungkan ke alur kerja troli sedia ada anda.
},
}Model integrasi
Empat sistem.
Satu detik pelanggan.
ID produk, varian, imej dan konteks perdagangan.
Pakaian bergerak melalui status pemprosesan, semakan, dan kesediaan.
Kedai anda meminta pengalaman untuk produk yang layak.
Cuba, cari saiz, lengkapkan gaya dan kembali ke pembayaran.
Sebuah laluan yang berfokus untuk melancarkan
Siap sedia Sambungkan
Hiduplah dengan keyakinan.
3 batu, dengan senarai semak praktikal untuk setiap.
- 01 · Siap sedia
titik permulaan yang jelas.
Menyelaraskan perjalanan, akses dan katalog.
Persiapan Checklist
- Pilih satu saluran, kumpulan katalog dan pengukuran kejayaan.
- Mengesahkan akses rakan kongsi, pengesahan dan kebenaran staging.
- Menyediakan imej pakaian yang bersih dan bersesuaian dengan SKU.
- 02 · Hubungi
Membolehkan mereka berasa asli.
dibina dalam pergerakan. Ujian keseluruhan perjalanan.
Integrasi Checklist
- Render untuk produk yang layak dan menghubungkan varian dan tingkah laku keranjang.
- Perbandingan pengalaman dengan jenama.
- Semak status telefon bimbit, desktop, aksesibiliti, prestasi dan kegagalan.
- 03 · Pelancaran
Belajar daripada penggunaan sebenar.
Membolehkan produk dan pengukuran yang siap.
Melancarkan Checklist
- Mengesahkan kesediaan produk dan menerbitkan pengalaman yang telah ditetapkan.
- Mengawasi penerimaan, penyelesaian dan penukaran.
- Gunakan hasil untuk membimbing kategori atau perjalanan seterusnya.
Garis asas aset
Input yang baik menghasilkan keputusan yang lebih baik.
- JPEG atau PNG
- 2 000 × 2 000 px minimum
- Perspektif Front yang diperlukan
- Back View disyorkan
- Neutral, walaupun lampu
- SKU atau ID gaya dalam nama filename
rujukan pemaju
Cari yang seterusnya
jawapan yang berguna.
Mulakan di sini
Bermula daripada
Memahami akses, platform yang disokong dan keputusan pertama pasukan anda perlu membuat.
Rujukan rasmi Integrasi yang dikendalikanShopify di atas kapal
Install the app, accept agreements, sync garments, customize the button and go live.
Rujukan rasmi SDK Webpermukaan api
Review initialization, render options, sizing, customization and typed interfaces.
Rujukan rasmi Penyertaan APIPerkataan API Awam
Menjelajahi antara muka pelayan yang diluluskan yang tersedia kepada rakan kongsi yang disahkan.
Perkataan Swagger KualitiPeralatan aset
Sediakan imej produk dan metadata yang bergerak dengan bersih melalui pengambilan dan ulasan.
SPREEAI Panduan PengeluaranQA & pelancaran
Gunakan pelayar yang dikongsi, prestasi, aksesibiliti dan go-live checklist.
SPREEAI Panduan sokonganPenyelesaian masalah
Resolve the most common authentication, eligibility, rendering and performance issues.
SPREEAI Panduan DokumenPanduan Pelaksanaan
Browse public quickstarts, asset standards, launch checklists and troubleshooting guidance.
Dokumen TerbukaTiada sumber yang sesuai dengan pemaju. Cuba “Shopify”, “SDK”, “aktif,” atau “QA.”
dibina untuk pengeluaran
Maklumat yang melindungi
pengalaman pelanggan yang
Keselamatan
Keep secrets server-side, use only issued environments and rotate credentials through the partner workflow.
Peribadi
Request customer imagery with clear consent and align data handling with your approved integration plan.
prestasi
Mengisi pengalaman di mana ia diperlukan, ujian sebenar vic mengawal dan memantau regresi halaman produk.
Aksesibiliti
Preserve keyboard access, focus order, accessible names and a usable path when the experience is unavailable.
Pengembang FAQ
Soalan sebelum
komitmen yang pertama.
Integrasi mana yang patut 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 pengesahan?
SPREEAI mengeluarkan ID rakan kongsi dan pengesahan yang diluluskan semasa pelayaran. SDK pelayar menggunakan ID pelanggan dan ID rakan kongsi. Jangan pernah memasukkan rahsia pelanggan dalam kod front-end.
Adakah App 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 butang 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.
Apakah acara pelanggan 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.
Adakah webhooks server boleh didapati?
Webhooks server push tidak termasuk dalam dokumentasi SDK yang diterbitkan pada masa ini. Menyelesaikan sebarang keperluan acara di sebelah pelayan dengan Partner Engineering sebelum bergantung kepada itu.
Di manakah pembangun boleh mendapatkan bantuan?
Gunakan laluan sokongan teknikal yang disediakan semasa pelayaran atau e-mel support@spreeai.com. Termasuk persekitaran, ID produk, pelayar atau vic e, jam dan laluan pembiakan yang sempit—tidak pernah menghantar rahsia.
Bilakah sokongan rangkaian rakan kongsi Amazon 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 dibina?