En hızlı yol
SPREEAI geliştiriciler için
Soyunma odasını inşa et
her ekrana.
Kataloğunuzu bağlayın. Müşteri yolculuğunu şekillendirin. Ekibinize uygun entegrasyon yoluyla Always On'yi vitrininize getirin.
Yolunuzu seçin
Nereden başlarsanız başlayın
Ticaret yığını yaşıyor.
Yönetilen bir kurulum için Shopify kullanın veya SDK'larımız ve API'larımızla entegre edin. İşletmenizin ihtiyaç duyduğu özellikleri seçin ve markanızın alışveriş yolculuğunu koruyun.
Özel web
Web SDK
Yerleştirmeyi, stili, etkinlikleri, boyutlandırmayı ve sepete ekleme davranışını kontrol edin.JavaScript + TypeScript DokümanlarYerel mobil
iOS SDK
SPREEAI deneyimini mevcut bir iOS alışveriş yolculuğuna taşıyın.iOS kılavuzunu aç DokümanlarYerel mobil
Android SDK'sı
Yerel kontrollerle denemeyi Android ürün deneyimine entegre edin.Android kılavuzunu aç İş ortağı erişimiÖzel sistemler
Genel API'ler
Sunucu tarafı ve katalog iş akışları için onaylanmış API referansını kullanın.API referansını açPazar yeri
Amazon İş Ortağı Ağı
SPREEAI'yi ticaret yığınınıza entegre etmenin daha fazla yolu ile yakında Amazon İş Ortağı Ağı'na ve diğer platformlara gelecek.Güncellemeler ilk olarak burada yayınlanacaktır.Web SDK hızlı başlangıç
İlk entegrasyonunuz.
Bir kez kimlik doğrulaması yapın, ardından sayfanın herhangi bir yerinde deneme veya boyutlandırma işlemi gerçekleştirin. Katılım sırasında verilen test kimlik bilgilerini kullanın ve asla tarayıcı koduna istemci sırrı koymayın.
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.
},
},
});entegrasyon modeli
Dört sistem.
Bir müşteri anı.
Ürün kimlikleri, çeşitleri, görselleri ve satış bağlamı.
Giysiler işleme, inceleme ve hazırlık aşamalarından geçer.
Mağazanız, uygun bir ürün için bu deneyimi talep ediyor.
Deneyin, bedeninizi bulun, kombini tamamlayın ve ödeme sayfasına geri dönün.
Lansmana odaklanmış bir yol
Hazırlanın. Bağlamak.
Gidin güvenle yaşayın.
Her biri için pratik bir kontrol listesi içeren üç dönüm noktası.
- 01 · Hazırlan
Açık bir başlangıç noktası.
Yolculuğu, erişimi ve kataloğu uyumlu hale getirin.
Hazırlık kontrol listesi
- Bir kanal, katalog grubu ve başarı ölçüsü seçin.
- İş ortağı erişimini, kimlik bilgilerini ve hazırlama izinlerini onaylayın.
- Temiz, SKU'ya uygun giysi görselleri sağlayın.
- 02 · Bağlan
Yerli hissetmesini sağlayın.
Evrelemede oluşturun. Tüm yolculuğu test edin.
Entegrasyon kontrol listesi
- Uygun ürünler için render alın ve varyantları ve alışveriş sepeti davranışını bağlayın.
- Deneyimi markayla eşleştirin.
- Mobil, masaüstü, erişilebilirlik, performans ve arıza durumlarını kontrol edin.
- 03 · Lansman
Gerçek kullanımdan öğrenin.
Enable ready products and measure.
Kontrol listesini başlat
- Ürünün hazır olduğunu onaylayın ve aşamalı deneyimi yayınlayın.
- Benimseme, tamamlama ve dönüşümü izleyin.
- Elde edilen sonuçları bir sonraki kategori veya yolculuk için rehber olarak kullanın.
Varlık temeli
İyi girdi daha iyi sonuç verir.
- JPEG veya PNG
- Minimum 2.000 × 2.000 piksel
- Önden görünüm gerekli
- Arkadan görünüm önerilir
- Nötr, eşit aydınlatma
- Dosya adında SKU veya stil kimliği
Geliştirici referansı
Sonrakini bul
Faydalı bir cevap.
Buradan başlayın
Başlarken
Erişim olanaklarını, desteklenen platformları ve ekibinizin alması gereken ilk kararları anlayın.
Resmi referans Yönetilen entegrasyonShopify işe alım süreci
Uygulamayı yükleyin, sözleşmeleri kabul edin, kıyafetleri senkronize edin, düğmeyi özelleştirin ve yayına başlayın.
Resmi referans Web SDKAPI yüzeyi
Başlatma, işleme seçenekleri, boyutlandırma, özelleştirme ve yazılan arayüzleri gözden geçirin.
Resmi referans İş Ortağı API'sıGenel API referansı
Kimliği doğrulanmış iş ortaklarının kullanımına sunulan onaylı sunucu tarafı arayüzünü keşfedin.
Swagger referansı KaliteGiysi varlıkları
Besleme ve inceleme yoluyla temiz bir şekilde ilerleyen ürün görselleri ve meta verileri hazırlayın.
SPREEAI kılavuzu ÜretimKalite Güvencesi ve lansman
Paylaşılan tarayıcı, performans, erişilebilirlik ve devreye alma kontrol listesini kullanın.
SPREEAI kılavuzu DestekSorun giderme
En yaygın kimlik doğrulama, uygunluk, işleme ve performans sorunlarını çözün.
SPREEAI kılavuzu DokümantasyonUygulama kılavuzları
Genel hızlı başlangıçlara, varlık standartlarına, lansman kontrol listelerine ve sorun giderme kılavuzlarına göz atın.
Belgeleri açEşleşen geliştirici kaynağı yok. "Shopify", "SDK", "varlıklar" veya "KG"yi deneyin.
Üretim için inşa edin
Koruyan detaylar
müşteri deneyimi.
Güvenlik
Sırları sunucu tarafında saklayın, yalnızca verilen ortamları kullanın ve kimlik bilgilerini iş ortağı iş akışı aracılığıyla dönüşümlü olarak kullanın.
Gizlilik
Açık rıza içeren müşteri görüntülerini isteyin ve veri işlemeyi onaylı entegrasyon planınızla uyumlu hale getirin.
Performans
Deneyimi ihtiyaç duyulan yere yükleyin, gerçek cihazları test edin ve ürün sayfası gerilemelerini izleyin.
Erişilebilirlik
Deneyim kullanılamadığında klavye erişimini, odak sırasını, erişilebilir adları ve kullanılabilir yolu koruyun.
Geliştirici SSS
Önceki sorular
İlk taahhüt.
Hangi entegrasyonu seçmeliyiz?
En hızlı yönetilen yol için Shopify Uygulamasını, özel veya başsız web yerleşimi için Web SDK'yı, uygulama deneyimleri için yerel SDK'ları ve işe alım sırasında kararlaştırılan sunucu tarafı iş akışları için onaylanmış API referansını kullanın.
Kimlik bilgileri nereden geliyor?
SPREEAI, entegrasyon sürecinde iş ortağı kimliğini ve onaylanmış kimlik bilgilerini verir. Tarayıcı SDK'sı bir istemci kimliği ve iş ortağı kimliği kullanır. İstemci gizli anahtarını asla ön uç koduna gömmeyin.
Shopify Uygulaması API anahtarları gerektiriyor mu?
Mevcut Shopify Uygulaması kurulum akışı, gerekli sözleşmeler ve abonelik adımından sonra mağazaya bağlanır; yönetilen uygulama, kurulum ekranına anahtar kopyalamayı gerektirmez.
"Deneme" butonu neden görünmüyor?
Giysinin işlenmesinin tamamlandığını, Deneme için etkinleştirildiğini, etkin ürün veya varyantla eşleştiğini ve uygulama bloğunun veya SDK kapsayıcısının ürün şablonunda mevcut olduğunu onaylayın.
Hangi müşteri etkinlikleri mevcuttur?
Belgelenmiş SDK geri çağırma işlevleri, "Dene" düğmesi tıklamalarını ve sepete ekleme etkileşimlerini kapsar. Müşteri görselleri veya gereksiz kişisel veriler eklemeden bunları analiz katmanınıza bağlayın.
Sunucu web kancaları mevcut mu?
Sunucuya yönelik web kancaları, şu anda yayınlanmış SDK belgelerinde yer almamaktadır. Sunucu tarafındaki olaylara ilişkin tüm gereksinimlerinizi, kullanmadan önce İş Ortağı Mühendisliği ile görüşün.
Geliştiriciler nereden yardım alıyor?
Teknik destek için, işe alım sürecinde sağlanan yolu kullanın veya e-posta gönderin. support@spreeai.com. Ortamı, ürün kimliğini, tarayıcıyı veya cihazı, zaman damgasını ve kısa bir çoğaltma yolunu ekleyin; asla sır göndermeyin.
Amazon İş Ortağı Ağı desteği ne zaman kullanıma sunulacak?
Amazon İş Ortağı Ağı entegrasyonu geliştirme aşamasındadır. Harici geliştiriciler için entegrasyon ve üretim arayüzü hazır olana kadar bilerek "Yakında Geliyor" olarak işaretlenmiştir.
İnşa etmeye hazır mısınız?