Rynek
SPREEAI dla deweloperów
Zbuduj przymierzalnię
w każdy ekran.
Connect your catalogue. Shape the customer journey. Bring Always On into your storefront with the integration path that fits your team.
Wybierz swoją ścieżkę
Zacznij tam, gdzie twój
stos handlowy żyje.
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.
Na żywoJuż wkrótce
Najszybsza ścieżka
Aplikacja Shopify
Nasza technologia jest dostępna za pośrednictwem naszego partnerstwa Shopify. Zainstaluj aplikację, podłącz katalog i ukształtuj doświadczenie dla sklepu.Najlepsze sklepy Shopify Strona SDKNiestandardowa strona internetowa
Strona SDK
Kontroluj rozmieszczenie, styl, zdarzenia, rozmiar i zachowanie przycisku dodawania do koszyka.JavaScript + typografia DokumentyNatywna aplikacja mobilna
Imię SDK
Wprowadź doświadczenie SPREEAI do istniejącego procesu zakupowego systemu iOS.Otwarte przewodnik DokumentyNatywna aplikacja mobilna
Android SDK
Zintegruj funkcję przymierzania w czasie rzeczywistym z interfejsem aplikacji systemu Android, wykorzystując natywne elementy sterujące.Przewodnik Android Dostęp partnerskiSystemy niestandardowe
Publiczne API
Użyj zatwierdzonej dokumentacji API dla przepływów po stronie serwera oraz katalogu.Odniesienia do Open APISzybki start z Web SDK
Twoja pierwsza integracja.
Uwierzytelnij raz, a następnie wyrenderuj przymierzalnię lub dobór rozmiaru w dowolnym miejscu na stronie. Użyj danych testowych wydanych podczas wdrażania i nigdy nie umieszczaj sekretu klienta w kodzie przeglądarki.
npm install @spreeai/web-sdk
# lub
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) => {
// Połącz ze swoim istniejącym przepływem koszyka.
},
}Model integracji
Cztery systemy.
Jeden moment klienta.
Identyfikatory produktów, warianty, grafika i kontekst merchandisingowy.
Odzież przechodzi przez etapy przetwarzania, kontroli i gotowości.
Twój sklep żąda prezentacji dla kwalifikującego się produktu.
Przymierz, znajdź swój rozmiar, uzupełnij stylizację i wróc do kasy.
Zorientowany sposób na uruchomienie
Przygotuj się. Źródło
Żywaj z zaufaniem.
Trzy mil, z praktyczną listą sprawdzającą dla każdego.
- 01 Przygotuj się
Jasny punkt wyjścia.
Zharmonizuj podróż, dostęp i katalog.
Przygotowanie listy kontrolnej
- Wybierz jeden kanał, grupę katalogową i pomiar sukcesu.
- Potwierdzenie dostępu partnera, uwierzytelnień i zezwoleń na staż.
- Zapewnij czysty, SKU-alignowany obraz odzieży.
- 02 · łącz
Zrobić to poczuciem native.
Zbuduj się w stażu. Przegląd całej podróży.
Integracja checklist
- Wynajem kwalifikowalnych produktów i połączenie wariantów i zachowania koszyka.
- Zgadzam się z doświadczeniem marki.
- Sprawdź stan mobilny, desktop, dostępność, wydajność i niepowodzenia.
- 03 - uruchomienie
Naucz się od prawdziwego użytkowania.
Pozwalają gotowe produkty i pomiary.
Start listy kontrolnej
- Potwierdź gotowość produktu i publikuj doświadczenie etapowe.
- Monitorowanie adopcji, ukończenia i konwersji.
- Użyj wyników, aby kierować następną kategorią lub podróży.
Baza zasobów
Dobre dane wejściowe zapewniają lepszy wynik.
- JPEG czy PNG
- minimum 2000 × 2000 px
- Wymagany widok z przodu
- Zalecany widok od tyłu
- Neutralne, równe oświetlenie
- SKU lub identyfikator stylu w nazwie pliku
Dokumentacja dla programistów
Znajdź następny
użyteczna odpowiedź.
Zacznij tutaj
Rozpoczęcie pracy
Poznaj zasady dostępu, obsługiwane platformy oraz pierwsze decyzje, jakie musi podjąć Twój zespół.
Oficjalna referencja Zarządzana integracjaWdrażanie w Shopify
Zainstaluj aplikację, zaakceptuj umowy, zsynchronizuj odzież, dostosuj przycisk i uruchom transmisję na żywo.
Oficjalna referencja Strona SDKPowierzchnia API
Sprawdź inicjalizację, opcje renderowania, skalowanie, dostosowywanie oraz interfejsy typowane.
Oficjalna referencja API partnerskieDokumentacja publicznego API
Zapoznaj się z zatwierdzonym interfejsem po stronie serwera dostępnym dla uwierzytelnionych partnerów.
Referencje Swagger JakośćZasoby odzieżowe
Przygotuj zdjęcia produktów i metadane, które bez problemu przejdą proces wdrażania i weryfikacji.
SPREEAI Przewodnik ProdukcjaZapewnienie jakości i wdrożenie
Skorzystaj ze wspólnej listy kontrolnej dotyczącej przeglądarek, wydajności, dostępności i wdrożenia.
SPREEAI Przewodnik WsparcieRozwiązywanie problemów
Rozwiąż najczęstsze problemy z uwierzytelnianiem, uprawnieniami, renderowaniem i wydajnością.
SPREEAI Przewodnik DokumentacjaPrzewodniki wdrożeniowe
Przeglądaj publiczne szybkie starty, standardy zasobów, listy kontrolne uruchamiania i wskazówki dotyczące rozwiązywania problemów.
Otwarta dokumentacjaBrak pasujących zasobów dla deweloperów. Spróbuj wpisać “Shopify”, “SDK”, “assets” lub “QA”.”
Skompiluj na produkcję
Szczegóły, które chronią
doświadczenie klienta.
Bezpieczeństwo
Przechowuj sekrety po stronie serwera, korzystaj wyłącznie z udostępnionych środowisk i rotuj poświadczenia w ramach procedury partnerskiej.
Prywatność
Poproś o zdjęcia klientów, uzyskując wyraźną zgodę, i dostosuj przetwarzanie danych do swojego zatwierdzonego planu integracji.
Wydajność
Załaduj to doświadczenie tam, gdzie jest potrzebne, przetestuj prawdziwe urządzenia i monitoruj regresje strony produktu.
Dostępność
Zachowaj dostęp za pomocą klawiatury, kolejność fokusowania, dostępne nazwy oraz użyteczną ścieżkę, gdy funkcja jest niedostępna.
FAQ dla programistów
Pytania przed
pierwszy commit.
Jaką integrację wybrać?
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.
Skąd pochodzą potwierdzenia?
SPREEAI Wydawanie identyfikatorów partnerów i zatwierdzonych potwierdzeń podczas nawadniania. System SDK przeglądarki wykorzystuje identyfikator klienta i identyfikator partnera. Nigdy nie wkładaj tajemnicy klienta do kodu front-end.
Czy aplikacja Shopify wymaga kluczy 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.
Dlaczego przycisk Try-On nie pojawia się?
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.
Jakie klienci są dostępne?
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.
Czy serwerowe webhooks są dostępne?
Webhooks serwerowych nie są częścią aktualnie opublikowanej dokumentacji SDK. Rozważ wszelkie wymagania dotyczące wydarzeń po stronie serwera z Partner Engineering przed nałożeniem na to uwagi.
Gdzie twórcy mogą uzyskać pomoc?
Użyj podróży technicznej wsparcia dostarczonej podczas napoju lub poczty e-mail support@spreeai.com. Włącz środowisko, identyfikator produktu, przeglądarkę lub vic e, czas i krótka droga rozmnażania – nigdy nie wysyłaj tajemnic.
Kiedy będzie dostępna obsługa Amazon Partner Network?
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.
Gotowy do budowy?