Documentatie

Breng Always On naar uw winkel.

Help shoppers uw collectie zelf of een Twin te bekijken, de pasvorm te vinden, opties te vergelijken en looks samen te stellen terwijl ze browsen.

Wat ben je aan het opzetten?

Bekijk wat Always On inhoudt

Shopify

Stel Always On in Shopify in.

U heeft Shopify-beheerderstoegang, een Online Store 2.0-thema en één in aanmerking komend product met een duidelijke afbeelding en een productcode (SKU) nodig.

Open Shopify App Store
  1. Installeren en verbinden.

    Installeer SPREEAI in de Shopify-winkel waarmee u verbinding wilt maken. Open deze onder Apps, bekijk de overeenkomsten en selecteer Aan de slag. Kies een abonnement en keur het abonnement goed in Shopify. De app verbindt uw winkel automatisch.

    Installatiehandleiding
    SPREEAI welkomstscherm in Shopify met de overeenkomsten en de knop Aan de slag
    Het welkomstscherm van SPREEAI in Shopify
  2. Bereid één product voor.

    Open in SPREEAI Producten en kies Producten synchroniseren. Selecteer één item en controleer de categorie ervan. Wacht op Klaar. Als u Actie vereist ziet, volgt u de oplossing die in de app wordt weergegeven.

    Controleer of het product in aanmerking komt
    Dialoogvenster Producten synchroniseren met productselectievakjes, beschikbaarheid van afbeeldingen en categorieselectie
    Begin met één item in het venster Producten synchroniseren
  3. Plaats de paskamer.

    Open Instellingen → Winkelpagina aanpassen. Plaats in de thema-editor van Shopify het SPREEAI Paskamerblok op de productsjabloon en sla het op. U kunt de tekst, kleuren en beschikbare snelkoppelingen aanpassen.

    Handleiding voor het instellen van thema's
    Shopify-thema-editor met het SPREEAI Paskamerblok gemarkeerd op een productpagina
    Het Paskamerblok in de thema-editor van Shopify
  4. Schakel het in en probeer het zelf.

    Schakel in Producten de Try On-status in op Ingeschakeld voor uw Ready-item. Met Virtual Try-On ingeschakeld en het blok opgeslagen in uw gepubliceerde thema, opent u de live productpagina op een telefoon en een computer. Controleer of het juiste product en de juiste kleur verschijnen.

    De thema-editor geeft een voorbeeld van de lay-out weer. Voer de volledige proefversie uit op uw gepubliceerde etalage. Proefpassen tellen mee voor uw abonnement.

    Preview- en go-live-gids
    SPREEAI Productentabel met Ready-producten en de kolom Try On-status
    Gebruik de kolom Try On-status om de zichtbaarheid te beheren

Web SDK

Voeg Always On toe aan uw website.

Uw webteam gebruikt de Web SDK om een Try On-knop toe te voegen aan uw productpagina's. Er wordt een paskamer geopend die wordt gehost door SPREEAI, met functies op basis van uw integratie.

Praat met SPREEAI
  1. Krijg uw testtoegang.

    Vraag SPREEAI om een testclient-ID. Kies één product en stuur de product-ID, varianten en duidelijke kledingafbeeldingen ter verwerking.

  2. Verbind één productpagina.

    Geef uw ontwikkelaar de Web SDK-snelstartgids en de ID voor het verwerkte kledingstuk. Vraag hen om de knop bij de productopties te plaatsen en deze te matchen met de geselecteerde variant.

  3. Bekijk de shopreis.

    Open op uw testlocatie de paskamer op een telefoon en computer. Controleer het kledingstuk en de kleur en bevestig dat de juiste maat en variant in de winkelwagen terechtkomen als u die optie inschakelt.

1. SPREEAIVerwerkt kledingstukUw product en de bijbehorende varianten
2. Uw productpaginaProbeer-aan-knopGeplaatst en gestyled door uw webteam
3. ShopperervaringVirtuele paskamerWordt geopend op uw site en wordt gehost door SPREEAI
Hoe de Web SDK een product verbindt om te passen

Voor uw ontwikkelaar. SDK 2.0 is de productreleasenaam. De huidige installatiehandleiding gebruikt Web SDK v3.0.0. Gebruik de client-ID die voor uw omgeving is uitgegeven en bewaar privéreferenties op uw server.

Partner-API

Sluit uw eigen systemen aan.

Gebruik deze route als uw team een systeem achter uw website nodig heeft om gegevens uit te wisselen met SPREEAI, bijvoorbeeld voor een goedgekeurde catalogusworkflow.

Bespreek API-toegang
  1. Beschrijf de baan.

    Vertel SPREEAI welk systeem u wilt koppelen, welke gegevens het nodig heeft en wat u wilt dat het doet. Partner Engineering bevestigt de ondersteunde workflow en toegang.

  2. Deel de referentie met uw team.

    Uw ontwikkelaar gebruikt de goedgekeurde API-referentie en verstrekte testgegevens. Bewaar geheimen op uw server en gebruik aparte inloggegevens voor testen en productie.

  3. Test een klein monster.

    Controleer of de product- en variantrecords overeenkomen en controleer hoe uw systeem omgaat met een niet-beschikbaar artikel of een mislukte aanvraag voordat het naar productie gaat.

1. Uw systemenCatalogus of backendBegin met een afgesproken testworkflow
2. SerververbindingGoedgekeurde API-toegangInloggegevens blijven op uw server
3. SPREEAIOndersteunde API-bewerkingenControleer het antwoord voordat u live gaat
Hoe een goedgekeurde backend-integratie verbinding maakt

Mobiele SDK's

Breng Always On naar uw app.

Geef uw iOS- of Android-team de platformreferentie en spreek af welk productscherm en welke functies u als eerste wilt gebruiken.

Plan een mobiele integratie
  1. Kies het eerste app-scherm.

    Kies één productdetailpagina in uw iOS- of Android-winkelapp en spreek af wie eigenaar is van de integratie.

  2. Bevestig het pakket en de functies.

    Vraag SPREEAI welk pakket, inlogconfiguratie en functies van toepassing zijn op uw app. Geef uw mobiele team de platformreferentie en het eerste verwerkte kledingstuk.

  3. Voer het uit op een apparaat.

    Open in een testversie de try-on, controleer het product en sluit de ervaring. Als uw app winkelwagenoverdracht ondersteunt, zorg er dan voor dat het juiste artikel en de juiste maat wordt geretourneerd.

1. Jouw appProductdetailsBegin met één kledingstuk
2. Systeemeigen SDKProbeer het uit in uw appGebruik het goedgekeurde iOS- of Android-pakket
3. Jouw appGa terug naar het winkelenControleer de ondersteunde winkelwagenoverdracht
Wat u moet controleren bij een mobiele app-integratie

Altijd beschikbaar

Een paskamer voor het hele winkeltraject.

Shoppers kiezen één keer een foto of een Twin en houden dat perspectief vast terwijl ze door je collectie bladeren. Kies de functies die zinvol zijn voor uw winkel.

Verken het platform

Instellingsvragen.

Snelle antwoorden voor het eerste product dat u live zet.

Alle technische handleidingen
Heb ik een ontwikkelaar nodig?

Voor een standaard Shopify-thema dat app-blokken ondersteunt, kan de winkelbeheerder SPREEAI installeren, producten synchroniseren en de blokkering plaatsen. Vraag uw web- of app-team om de Web SDK-, API- of native SDK-integraties te implementeren.

Met welke foto's moet ik beginnen?

Gebruik een duidelijk vooraanzicht van één kledingstuk met gelijkmatige verlichting en een eenvoudige achtergrond. Als uw Shopify-product in meerdere kleuren verkrijgbaar is, wijs dan aan elke kleur een eigen variantafbeelding toe. Zie de fotogids

Waarom wordt de knop Shopify niet weergegeven?

Controleer of het abonnement is goedgekeurd, Virtual Try-On is ingeschakeld, het product is ingeschakeld en zichtbaar is en het app-blok is opgeslagen op de juiste sjabloon in het gepubliceerde thema. Bekijk de volledige Shopify-controles

Kan ik later producten toevoegen of het passen verbergen?

Ja. Synchroniseer in Shopify meer producten wanneer u er klaar voor bent. Schakel de Try On-status in op Uitgeschakeld als u wilt dat een product de try-on verbergt. De voorbereide productgegevens en thema-instellingen blijven op hun plaats.

Wie kan mij helpen als ik vastloop?

E-mail support@spreeai.com met de product-ID, uw installatietype, het apparaat dat u hebt getest en wat er is gebeurd. Houd toegangssleutels, tokens en shopperafbeeldingen privé.

Hulp nodig om aan de slag te gaan?

Vertel ons hoe u verkoopt en welk product u eerst wilt proberen.

Praat met SPREEAI

Kies uw taal.