Tržiště
SPREEAI pro vývojáře
Postavte zkušební kabinku
do každé obrazovky.
Connect your catalogue. Shape the customer journey. Bring Always On into your storefront with the integration path that fits your team.
Zvol si svou cestu
Začněte tam, kde vaše
Commerce stack žije.
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.
Nejrychlejší cesta
Aplikace Shopify
Naše technologie je k dispozici prostřednictvím našeho partnerství Shopify. Instalujte aplikaci, připojte katalog a vytvořte zkušenosti pro váš obchod.Nejlepší pro Shopify Storefront Webové SDKVlastní web
Webové SDK
Ovládejte umístění, styl, události, velikost a chování tlačítka pro přidání do košíku.JavaScript + typový skript DokumentyNativní mobilní
SDK
Integrujte zážitek SPREEAI do stávajícího nákupního procesu v systému iOS.Otevřete průvodce DokumentyNativní mobilní
Android SDK
Integrujte zkoušení do prostředí produktu pro Android pomocí nativních ovládacích prvků.Android průvodce Přístup pro partneryVlastní systémy
Veřejná API
Pro servery a katalogové pracovní postupy použijte schválenou referenční příručku API.Otevřená API referenceRychlý start s Web SDK
Vaše první integrace.
Autentizujte se jednou, poté vykreslete zkoušení nebo velikosti kdekoliv na stránce. Použijte testovací pověření vydaná během onboardingu a nikdy neumisťujte klientský tajný klíč (client secret) do kódu prohlížeče.
npm install @spreeai/web-sdk
# nebo
yarn add @spreeai/web-sdk
import { 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) => {
// Připojte k vašemu stávajícímu pracovnímu postupu košíku.
},
}
Integrační model
Čtyři systémy.
Jeden zákaznický okamžik.
ID produktů, varianty, obrázky a kontext merchandisingu.
Oděvy procházejí stavy zpracování, kontroly a připravenosti.
Váš výkladní skříň si vyžádá prostředí pro způsobilý produkt.
Vyzkoušejte, najděte svou velikost, doplňte svůj vzhled a vraťte se k pokladně.
Cesta zaměřená na spuštění
Připravte se. Připojte se
Žijte s důvěrou.
Tři milostany, s praktickým kontrolním seznamem pro každý.
- 01 Připravte se
Je to jasný výchozí bod.
Vymezte cestu, přístup a katalog.
Příprava kontrolní listiny
- Vyberte jeden kanál, skupinu katalogu a měřítko úspěchu.
- Potvrzujte přístup partnera, pověření a povolení k vystupování.
- Poskytujte čisté, SKU-alignované oblečení snímku.
- 02 - připojení
Ať se cítí jako rodina.
Stavět v stažení. Zkoušejte celou cestu.
Integrační checklist
- Render pro způsobilé produkty a připojit varianty a vozíkové chování.
- Zde se zkušenost s značkou vyrovnává.
- Zkontrolujte mobilní, desktopové, přístupné, výkonné a selhání.
- 03 - start
Naučte se z reálného využití.
Připravte hotové produkty a měření.
Úvodní checklist
- Potvrďte připravenost produktu a zveřejněte zkušenosti s postupem.
- Monitorování přijetí, dokončení a konverze.
- Použijte výsledky, abyste vedli další kategorii nebo cestu.
Základní stav majetku
Kvalitní vstup přináší lepší výsledek.
- JPEG nebo PNG
- minimálně 2 000 × 2 000 px
- Vyžadován pohled zepředu
- Doporučený pohled zezadu
- Neutrální, rovnoměrné osvětlení
- SKU nebo ID stylu v názvu souboru
Vývojářská příručka
Najít další
užitečná odpověď.
Začínáme
Pochopte přístup, podporované platformy a první rozhodnutí, která váš tým musí učinit.
Oficiální reference Spravovaná integraceÚvodní nastavení Shopify
Nainstalujte aplikaci, přijměte smlouvy, synchronizujte oblečení, přizpůsobte tlačítko a spusťte vysílání.
Oficiální reference Webové SDKAPI rozhraní
Zkontrolujte inicializaci, možnosti vykreslování, změnu velikosti, přizpůsobení a typová rozhraní.
Oficiální reference Partnerské APIReferovém rozhraní veřejného API
Prozkoumejte schválené rozhraní na straně serveru dostupné ověřeným partnerům.
Swagger reference KvalitaSoučásti oděvu
Připravte produktové snímky a metadata, které hladce projdou procesem nahrávání a kontroly.
SPREEAI průvodce VýrobaZajištění kvality a spuštění
Použijte sdílený kontrolní seznam pro prohlížeč, výkon, přístupnost a spuštění.
SPREEAI průvodce PodporaŘešení problémů
Vyřešte nejčastější problémy s ověřováním, oprávněními, vykreslováním a výkonem.
SPREEAI průvodce DokumentaceImplementační příručky
Procházejte veřejné rychlé starty, standardy aktiv, kontrolní seznamy pro spuštění a pokyny pro řešení potíží.
Otevřená dokumentaceŽádné odpovídající vývojářské prostředky. Vyzkoušejte “Shopify”, “SDK”, “assets” nebo “QA”.”
Sestavit pro produkci
Podrobnosti, které chrání
zákaznická zkušenost.
Bezpečnost
Uchovávejte tajemství na straně serveru, používejte pouze vydaná prostředí a rotujte pověření prostřednictvím partnerského pracovního postupu.
Soukromí
Vyžádejte si fotografie zákazníků s výslovným souhlasem a slaďte zpracování dat se svým schváleným plánem integrace.
Výkon
Nahrajte uživatelskou zkušenost tam, kde je potřeba, otestujte reálná zařízení a sledujte regrese na stránce produktu.
Přístupnost
Zachovejte přístup z klávesnice, pořadí zaměření, přístupné názvy a použitelnou cestu, když je prostředí nedostupné.
Časté dotazy pro vývojáře
Otázky předem
První commit.
Kterou integraci bychom si měli vybrat?
Použijte aplikaci Shopify App pro nejrychlejší spravovanou cestu, Web SDK pro vlastní nebo headless webové umístění, nativní SDK pro aplikace a schválenou API dokumentaci pro serverové pracovní postupy odsouhlasené během integrace.
Odkud pocházejí pověření?
Společnost SPREEAI vydává ID partnera a schválené přihlašovací údaje během procesu onboarding. Prohlížečové SDK používá ID klienta a ID partnera. Nikdy nevkládejte klientský tajný klíč (client secret) do kódu front-endu.
Vyžaduje aplikace Shopify klíče API?
Aktuální proces registrace aplikace Shopify propojuje obchod až po kroku s požadovanými dohodami a předplatným; spravovaná aplikace nevyžaduje kopírování klíčů do instalační obrazovky.
Proč se tlačítko Vyzkoušet nezobrazuje?
Potvrďte, že oděv dokončil zpracování, je povolen pro zkoušení (Try-On), odpovídá aktivnímu produktu nebo variantě a že blok aplikace nebo kontejner SDK je přítomen na šabloně produktu.
Jaké klientské události jsou k dispozici?
Dokumentovaná zpětná volání SDK pokrývají kliknutí na tlačítko Vyzkoušet a interakce přidání do košíku. Propojte je se svou analytickou vrstvou, aniž byste zahrnovali snímky zákazníků nebo zbytečné osobní údaje.
Jsou webhooks pro servery k dispozici?
Webhooky s podporou server-push nejsou součástí aktuálně publikované dokumentace SDK. Než se na jakýkoli požadavek na událost na straně serveru spolehnete, konzultujte jej s týmem Partner Engineering.
Kde vývojáři získávají pomoc?
Použijte kanál technické podpory poskytnutý během onboarding procesu nebo e-mailem support@spreeai.com. Zahrňte prostředí, ID produktu, prohlížeč nebo zařízení, časové razítko a stručný postup reprodukce – nikdy neposílejte citlivé údaje.
Kdy bude k dispozici podpora pro Amazon Partner Network?
Integrace do sítě Amazon Partner Network je ve vývoji. Je záměrně označena jako Připravujeme, dokud nebude onboarding a produkční rozhraní připraveno pro externí vývojáře.
Jste připraveni stavět?