Laluan terpantas
SPREEAI untuk pembangun
Bina bilik pemasangan
ke dalam setiap skrin.
Sambungkan katalog anda. Bentuk perjalanan pelanggan. Bawa Always On ke etalase anda dengan laluan penyepaduan yang sesuai dengan pasukan anda.
Pilih jalan anda
Mulakan di mana anda
kehidupan timbunan perdagangan.
Gunakan Shopify untuk persediaan terurus atau integrasikan dengan SDK dan API kami. Pilih ciri yang diperlukan oleh perniagaan anda dan kekalkan perjalanan membeli-belah jenama anda.
Web tersuai
SDK Web
Kawal peletakan, penggayaan, acara, saiz dan gelagat tambah pada troli.JavaScript + TypeScript DokumenMudah alih asli
SDK iOS
Bawa pengalaman SPREEAI ke dalam perjalanan membeli-belah iOS sedia ada.Buka panduan iOS DokumenMudah alih asli
Android SDK
Sepadukan percubaan ke dalam pengalaman produk Android dengan kawalan asli.Buka panduan Android Akses rakan kongsiSistem tersuai
API Awam
Gunakan rujukan API yang diluluskan untuk aliran kerja bahagian pelayan dan katalog.Buka rujukan APIPasaran
Rangkaian Rakan Kongsi Amazon
Akan datang ke Rangkaian Rakan Kongsi Amazon dan platform lain, dengan lebih banyak cara untuk menyepadukan SPREEAI ke dalam timbunan perdagangan anda.Kemas kini akan dipaparkan di sini dahuluPermulaan pantas SDK Web
Integrasi pertama anda.
Sahkan sekali, kemudian tunjukkan percubaan atau saiz di mana-mana pada halaman. Gunakan bukti kelayakan ujian yang dikeluarkan semasa onboarding dan jangan sekali-kali meletakkan rahsia pelanggan dalam kod penyemak imbas.
npm install @spreeai/web-sdk@3.0.0
# or
yarn add @spreeai/web-sdk@3.0.0import { init } from "@spreeai/web-sdk";
import "@spreeai/web-sdk/dist/web-sdk.css";
// Add <div id="spreeai-try-on"></div> to the product page first.
const sdk = await init({ clientId: "your-client-id" });
if (sdk) {
await sdk.renderTryOnButton({
elementId: "spreeai-try-on",
garments: [{ garmentId: "your-garment-id" }],
enableAddToCart: true,
});
}// Pass events inside renderTryOnButton's options.
await sdk?.renderTryOnButton({
elementId: "spreeai-try-on",
garments: [{ garmentId: "your-garment-id" }],
events: {
onTryOnButtonClick: (event) => {
console.info(event.name);
},
onAddToCartClicked: (event) => {
// Connect event.garments to your storefront's cart.
},
},
});Model integrasi
Empat sistem.
Satu detik pelanggan.
ID produk, varian, imejan dan konteks dagangan.
Pakaian bergerak melalui pemprosesan, semakan dan keadaan kesediaan.
Kedai anda meminta pengalaman untuk produk yang layak.
Cuba, cari saiz, lengkapkan penampilan dan kembalikan untuk pembayaran.
Laluan tertumpu untuk dilancarkan
Sediakan. Sambung.
Jalani siaran langsung dengan yakin.
Tiga peristiwa penting, dengan senarai semak praktikal untuk setiap satu.
- 01 · Sediakan
Titik permulaan yang jelas.
Selaraskan perjalanan, akses dan katalog.
Senarai semak persediaan
- Pilih satu saluran, kumpulan katalog dan ukuran kejayaan.
- Sahkan akses rakan kongsi, bukti kelayakan dan kebenaran pementasan.
- Sediakan imej pakaian sejajar SKU yang bersih.
- 02 · Sambung
Jadikan ia berasa asli.
Bina dalam pementasan. Uji sepanjang perjalanan.
Senarai semak integrasi
- Render untuk produk yang layak dan sambungkan varian dan gelagat troli.
- Padankan pengalaman dengan jenama.
- Semak keadaan mudah alih, desktop, kebolehaksesan, prestasi dan kegagalan.
- 03 · Pelancaran
Belajar dari penggunaan sebenar.
Dayakan produk sedia dan ukur.
Pelancaran senarai semak
- Sahkan kesediaan produk dan terbitkan pengalaman berperingkat.
- Pantau penerimaan, penyiapan dan penukaran.
- Gunakan hasil untuk membimbing kategori atau perjalanan seterusnya.
Garis asas aset
Input yang baik menghasilkan hasil yang lebih baik.
- JPEG atau PNG
- Minimum 2,000 × 2,000 px
- Pandangan hadapan diperlukan
- Pandangan belakang disyorkan
- Neutral, walaupun pencahayaan
- SKU atau ID gaya dalam nama fail
Rujukan pemaju
Cari yang seterusnya
jawapan yang berguna.
Mula di sini
Bermula
Fahami akses, platform yang disokong dan keputusan pertama yang perlu dibuat oleh pasukan anda.
Rujukan rasmi Penyepaduan terurusShopify onboarding
Pasang apl, terima perjanjian, segerakkan pakaian, sesuaikan butang dan buat siaran langsung.
Rujukan rasmi SDK Webpermukaan API
Semak permulaan, pilihan pemaparan, saiz, penyesuaian dan antara muka yang ditaip.
Rujukan rasmi API Rakan KongsiRujukan API awam
Teroka antara muka sisi pelayan yang diluluskan yang tersedia untuk rakan kongsi yang disahkan.
Rujukan Swagger KualitiAset pakaian
Sediakan imejan produk dan metadata yang bergerak dengan bersih melalui pengingesan dan semakan.
Panduan SPREEAI PengeluaranQA & pelancaran
Gunakan senarai semak pelayar kongsi, prestasi, kebolehcapaian dan siaran langsung.
Panduan SPREEAI SokonganPenyelesaian masalah
Selesaikan isu pengesahan, kelayakan, pemaparan dan prestasi yang paling biasa.
Panduan SPREEAI DokumentasiPanduan pelaksanaan
Semak imbas permulaan pantas awam, piawaian aset, senarai semak pelancaran dan panduan penyelesaian masalah.
Buka dokumentasiTiada sumber pembangun yang sepadan. Cuba “Shopify,” “SDK,” “aset” atau “QA”.
Bina untuk pengeluaran
Butiran yang melindungi
pengalaman pelanggan.
Keselamatan
Simpan rahsia di sebelah pelayan, gunakan hanya persekitaran yang dikeluarkan dan putar bukti kelayakan melalui aliran kerja rakan kongsi.
Privasi
Minta imejan pelanggan dengan persetujuan yang jelas dan selaraskan pengendalian data dengan pelan penyepaduan anda yang diluluskan.
Prestasi
Muatkan pengalaman di tempat yang diperlukan, uji peranti sebenar dan pantau regresi halaman produk.
Kebolehcapaian
Kekalkan akses papan kekunci, susunan fokus, nama yang boleh diakses dan laluan yang boleh digunakan apabila pengalaman tidak tersedia.
Soalan Lazim Pembangun
Soalan sebelum ini
komitmen pertama.
Integrasi yang manakah patut kita pilih?
Gunakan Aplikasi Shopify untuk laluan terurus terpantas, SDK Web untuk penempatan web tersuai atau tanpa kepala, SDK asli untuk pengalaman aplikasi dan rujukan API yang diluluskan untuk aliran kerja bahagian pelayan yang dipersetujui semasa onboarding.
Dari mana datangnya kelayakan?
SPREEAI mengeluarkan ID rakan kongsi dan kelayakan yang diluluskan semasa onboarding. SDK pelayar menggunakan ID klien dan ID rakan kongsi. Jangan sekali-kali membenamkan rahsia klien dalam kod bahagian hadapan.
Adakah Apl Shopify memerlukan kunci API?
Aliran pengaktifan aplikasi Shopify semasa menghubungkan kedai selepas perjanjian dan langkah langganan yang diperlukan; aplikasi terurus tidak memerlukan penyalinan kunci ke dalam skrin persediaan.
Mengapa butang Cuba-Pada tidak muncul?
Sahkan pakaian telah selesai diproses, didayakan untuk Try-On, petakan kepada produk atau varian yang aktif dan bahawa blok apl atau bekas SDK terdapat pada templat produk.
Acara pelanggan yang manakah tersedia?
Panggilan balik SDK yang didokumenkan merangkumi klik butang Cuba-Pada dan interaksi tambah-ke-troli. Sambungkannya ke lapisan analitik anda tanpa memasukkan imejan pelanggan atau data peribadi yang tidak perlu.
Adakah webhook pelayan tersedia?
Webhook tolak pelayan bukan sebahagian daripada dokumentasi SDK yang diterbitkan pada masa ini. Kaji sebarang keperluan peristiwa bahagian pelayan dengan Kejuruteraan Rakan Kongsi sebelum bergantung padanya.
Di manakah pembangun boleh mendapatkan bantuan?
Gunakan laluan sokongan teknikal yang disediakan semasa onboarding atau e-mel support@spreeai.com. Sertakan persekitaran, ID produk, penyemak imbas atau peranti, cap masa dan laluan pembiakan ringkas—jangan sekali-kali menghantar rahsia.
Bilakah sokongan Rangkaian Rakan Kongsi Amazon akan tersedia?
Integrasi Rangkaian Rakan Kongsi Amazon sedang dalam pembangunan. Ia sengaja ditandakan Akan Datang Tidak Lama Lagi sehingga antara muka onboarding dan produksi sedia untuk pembangun luaran.
Bersedia untuk membina?