Nopein reitti
SPREEAI kehittäjille
Rakenna sovituskoppi
jokaiselle näytölle.
Yhdistä katalogisi. Muotoile asiakaskokemusta. Tuo Always On myymälääsi tiimillesi sopivalla integraatiopolulla.
Valitse polkusi
Aloita siitä, mistä
kaupankäyntipino elää.
Käytä Shopify-palvelua hallittuun asennukseen tai integroi SDK- ja API-rajapintojemme kanssa. Valitse yrityksesi tarvitsemat ominaisuudet ja pidä brändisi ostoprosessi hallinnassa.
Mukautettu verkko
Verkko-SDK
Hallitse sijoittelua, tyyliä, tapahtumia, kokoa ja ostoskoriin lisäämisen toimintaa.JavaScript + TypeScript DokumentitNatiivi mobiili
iOS SDK
Tuo SPREEAI -kokemus osaksi olemassa olevaa iOS-ostosprosessia.Avaa iOS-opas DokumentitNatiivi mobiili
Android SDK
Integroi kokeilu Android-tuotekokemukseen natiivien säätimien avulla.Avaa Android-opas Kumppanin käyttöoikeusMukautetut järjestelmät
Julkiset API:t
Käytä hyväksyttyä API-viittausta palvelinpuolen ja luettelon työnkulkuihin.Avoimen API:n viiteMarkkinapaikka
Amazonin kumppaniverkosto
Tulossa pian Amazon Partner Networkiin ja muille alustoille, ja tarjolla on enemmän tapoja integroida SPREEAI osaksi kauppajärjestelmääsi.Päivitykset näkyvät ensin täälläWeb SDK:n pika-aloitusopas
Ensimmäinen integraatiosi.
Todenna kerran ja renderöi sitten kokeilu tai koon muuttaminen missä tahansa sivulla. Käytä käyttöönoton aikana annettuja testitunnuksia äläkä koskaan lisää asiakassalaisuutta selainkoodiin.
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.
},
},
});Integraatiomalli
Neljä järjestelmää.
Yhden asiakkaan hetki.
Tuotetunnukset, variantit, kuvat ja myyntikonteksti.
Vaatteet kulkevat käsittely-, tarkistus- ja valmiustilojen läpi.
Myymäläsi pyytää kokemusta kelvolliselta tuotteelta.
Sovi, etsi koko, viimeistele tyyli ja palaa kassalle.
Keskitetty polku lanseeraukseen
Valmistaudu. Yhdistä.
Lähde elämään luottavaisin mielin.
Kolme virstanpylvästä ja käytännöllinen tarkistuslista jokaiselle.
- 01 · Valmistaudu
Selkeä lähtökohta.
Yhdenmukaista matka, saatavuus ja luettelo.
Valmistelun tarkistuslista
- Valitse yksi kanava, luetteloryhmä ja onnistumismittari.
- Vahvista kumppanin käyttöoikeudet, tunnistetiedot ja valmisteluoikeudet.
- Tarjoa selkeitä, tuotenumeroiden (SKU) mukaisia vaatekuvia.
- 02 · Yhdistä
Tee siitä kotoperäinen.
Sisäänrakennettu vaiheistus. Testaa koko prosessi.
Integraation tarkistuslista
- Renderöi kelvolliset tuotteet ja yhdistä variantit ja ostoskorin toiminta.
- Sovita kokemus brändiin.
- Tarkista mobiili-, työpöytä-, esteettömyys-, suorituskyky- ja virhetilat.
- 03 · Julkaisu
Opi todellisesta käytöstä.
Ota käyttöön valmiit tuotteet ja mittaa ne.
Käynnistyksen tarkistuslista
- Vahvista tuotteen valmius ja julkaise vaiheittainen kokemus.
- Seuraa käyttöönottoa, valmistumista ja muuntamista.
- Käytä tuloksia seuraavan luokan tai matkan ohjaamiseen.
Omaisuuden lähtötaso
Hyvä syöte tuottaa paremman tuloksen.
- JPEG tai PNG
- Vähintään 2 000 × 2 000 pikseliä
- Edestä katsottuna vaaditaan
- Takanäkymä suositeltava
- Neutraali, tasainen valaistus
- SKU tai tyylitunnus tiedostonimessä
Kehittäjän viite
Etsi seuraava
hyödyllinen vastaus.
Aloita tästä
Aloittaminen
Ymmärrä käyttöoikeudet, tuetut alustat ja ensimmäiset päätökset, jotka tiimisi on tehtävä.
Virallinen viite Hallittu integraatioShopify perehdytys
Asenna sovellus, hyväksy sopimukset, synkronoi vaatteet, mukauta painiketta ja julkaise.
Virallinen viite Verkko-SDKAPI-pinta
Tarkista alustus, renderöintiasetukset, koko, mukauttaminen ja tyypitetyt käyttöliittymät.
Virallinen viite Kumppanin APIJulkinen API-viite
Tutustu hyväksyttyyn palvelinpuolen käyttöliittymään, joka on saatavilla todennetuille kumppaneille.
Swagger-viittaus LaatuVaatetusomaisuus
Valmistele tuotekuvia ja metatietoja, jotka liikkuvat sujuvasti sisäänkirjauksen ja tarkistuksen läpi.
SPREEAI-opas TuotantoLaadunvalvonta ja julkaisu
Käytä jaettua selainta, suorituskykyä, esteettömyyttä ja julkaisua koskevaa tarkistuslistaa.
SPREEAI-opas TukeaVianmääritys
Ratkaise yleisimmät todennus-, kelpoisuus-, renderöinti- ja suorituskykyongelmat.
SPREEAI-opas DokumentaatioKäyttöönottooppaat
Selaa julkisia pika-aloitusohjeita, resurssistandardeja, julkaisun tarkistuslistoja ja vianmääritysohjeita.
Avoin dokumentaatioEi vastaavia kehittäjäresursseja. Kokeile hakusanoja ”Shopify”, ”SDK”, ”assets” tai ”QA”.
Rakenna tuotantoa varten
Yksityiskohdat, jotka suojaavat
asiakaskokemus.
Turvallisuus
Pidä salaisuudet palvelinpuolella, käytä vain myönnettyjä ympäristöjä ja kierrätä tunnistetietoja kumppanin työnkulun kautta.
Tietosuoja
Pyydä asiakkaan kuvia selkeällä suostumuksella ja yhdenmukaista tietojen käsittely hyväksytyn integraatiosuunnitelmasi kanssa.
Suorituskyky
Lataa kokemus sinne, missä sitä tarvitaan, testaa oikeita laitteita ja seuraa tuotesivujen regressioita.
Esteettömyys
Säilytä näppäimistön käyttömahdollisuus, kohdistusjärjestys, helppokäyttöiset nimet ja käyttökelpoinen polku, kun toiminto ei ole käytettävissä.
Kehittäjän usein kysytyt kysymykset
Kysymyksiä ennen
ensimmäinen commit.
Minkä integraation meidän pitäisi valita?
Käytä Shopify-sovellusta nopeimpaan hallittuun polkuun, Web SDK:ta mukautettuun tai headless-verkkosijoitteluun, natiiveja SDK:ita sovelluskokemuksiin ja hyväksyttyä API-viittausta palvelinpuolen työnkulkuihin, joista sovittiin käyttöönoton aikana.
Mistä valtakirjat tulevat?
SPREEAI myöntää kumppanitunnuksen ja hyväksytyt tunnistetiedot käyttöönoton aikana. Selaimen SDK käyttää asiakastunnusta ja kumppanitunnusta. Älä koskaan upota asiakassalaisuutta käyttöliittymäkoodiin.
Vaatiiko Shopify -sovellus API-avaimia?
Nykyinen Shopify-sovelluksen käyttöönottoprosessi yhdistää kaupan vaadittujen sopimusten ja tilausvaiheen jälkeen; hallittu sovellus ei vaadi avainten kopioimista asennusnäyttöön.
Miksi Kokeile-painike ei näy?
Varmista, että vaate on käsitelty, että se on kokeilutilassa, että se on yhdistetty aktiiviseen tuotteeseen tai varianttiin ja että sovelluslohko tai SDK-säilö on tuotemallissa.
Mitä asiakastapahtumia on tarjolla?
Dokumentoidut SDK:n takaisinkutsutoiminnot kattavat kokeilupainikkeen klikkaukset ja ostoskoriin lisäämisen toiminnot. Yhdistä ne analytiikkatasoosi ilman asiakaskuvia tai tarpeettomia henkilötietoja.
Onko palvelimen webhookkeja saatavilla?
Palvelimen push-webhookit eivät ole osa tällä hetkellä julkaistua SDK-dokumentaatiota. Selvitä palvelinpuolen tapahtumien vaatimukset Partner Engineeringin kanssa ennen kuin luotat niihin.
Mistä kehittäjät saavat apua?
Käytä käyttöönoton aikana tai sähköpostitse annettua teknistä tukipolkua support@spreeai.comSisällytä ympäristö, tuotetunnus, selain tai laite, aikaleima ja ytimekäs kopiointipolku – älä koskaan lähetä salaisuuksia.
Milloin Amazon Partner Networkin tuki on saatavilla?
Amazon Partner Network -integraatio on kehitteillä. Se on tarkoituksella merkitty "Tulossa pian", kunnes käyttöönotto- ja tuotantokäyttöliittymä ovat valmiita ulkopuolisille kehittäjille.
Valmiina rakentamaan?