Integration · Shopify

Erstellen Sie Modelfotos für Ihren Shopify-Katalog

Starten Sie mit Ihrem Assistenten und der Vorlage Product page set. Erstellen Sie Studioansichten aus Ihren Kleidungsfotos und planen Sie die Zuordnung zum richtigen Produkt.

Demo anfragenUwear MCP einrichten
Model in einer Wildlederjacke mit Reißverschluss, Ganzkörperansicht von vorne im Pure-White-Studio, generiert mit nano-banana-pro über die Vorlage Product page set
Vorderansicht aus der Vorlage Product page set: Wildlederjacke im Pure-White-Studio, generiert mit nano-banana-pro über den Uwear MCP.

Anwendungsfälle

Was können Sie umsetzen?

  • Automatisieren Sie Katalogfotos mit Models

    Erstellen Sie Vorder-, Oberkörper- und Rückenansichten sowie ein 360-Video pro Kleidungsstück. Ordnen Sie die Ergebnis-URLs Shopify-Produkt-IDs zu und hängen Sie sie als Produktmedien an.[25][30]

  • Entwickeln Sie eine virtuelle Anprobe für Ihren Shop

    Erproben Sie die Kleidungsauswahl mit Uwear MCP. Erstellen Sie die Kundenoberfläche als Shopify Theme App Extension; Ihr Backend führt Uwear API-Jobs aus und hält persönliche Vorschauen aus dem öffentlichen Katalog heraus.[45][47]

Model in derselben Wildlederjacke mit Reißverschluss, Ganzkörper-Kamerabearbeitung von hinten im Pure-White-Studio, generiert mit nano-banana-pro über die Vorlage Product page set
Rückansicht aus demselben Product-page-set-Lauf: eine Kamerabearbeitung des Vorderfotos, die Model, Licht und Studio übernimmt. Generiert mit nano-banana-pro über den Uwear MCP.

Workflow mit Assistent

Wie führen Sie den Ablauf mit Ihrem Assistenten aus?

Vorgeschlagene Integration, keine vorinstallierte Verbindung. Nutzen Sie Shopifys Händler-Agentenzugang und Uwear MCP in derselben unterstützten Assistentensitzung; prüfen Sie die Werkzeuge und Berechtigungen Ihres Kontos.[11][12][13]

  • Shopify plugin for ChatGPT / Shopify connector for Claude

    Lesen Sie Produkte und aktualisieren Sie Bilder mit freigegebenem Händlerzugriff. ChatGPT führt auch upload-image auf; prüfen Sie vor Änderungen die Werkzeuge und Berechtigungen jedes Connectors.[11][12][13]

    Installation dokumentiert; Shop-Anmeldung und Zugriffsfreigabe erforderlich.[11][12][13]

  • Dev MCP server / Shopify AI Toolkit

    Stellt Dokumentation, Schemas und Validierung bereit. Änderungen im Shop erfolgen über Shopify CLI store execute mit separater Authentifizierung und --allow-mutations.[8][9]

    Lokaler Dev MCP; authentifizierte CLI-Ausführung für Shop-Operationen.[8][9]

  • Storefront MCP / Storefront Catalog MCP

    Unterstützen Einkaufsaufgaben und die Katalogsuche. Die dokumentierten Werkzeuge schreiben keine Produktmedien; verwenden Sie dafür einen Händler-Connector oder Admin GraphQL.[7][17]

    Öffentliche Dokumentation; keine ausdrückliche GA- oder Beta-Kennzeichnung.[7][17]

  1. Verbinden Sie Shopify und Uwear

    Verbinden Sie in ChatGPT oder Claude das offizielle Shopify-Händler-Plugin oder den Connector und Uwear MCP. Verwenden Sie in einem Programmierassistenten Shopify Dev MCP für Kontext und die authentifizierte CLI für Shop-Operationen.[8][9][11][12][13]

  2. Wählen Sie Produkte und behalten Sie ihre IDs

    Lesen Sie Quellfotos, Produkt-IDs und Varianten mit search_products und get-product. Verknüpfen Sie jede Shopify-ID mit dem zugehörigen Uwear-Kleidungsstück und Ergebnis.[11][12]

  3. Geben Sie das Briefing für Product page set frei

    Bitten Sie Uwear MCP, Product page set für die ausgewählten Fotos zu laden. Prüfen Sie Art Direction und Credit-Schätzung vor der Generierung. Die automatische QA vergleicht Ergebnisse mit Quellfotos und wiederholt markierte Ergebnisse, wenn sie eingeschaltet ist.

  4. Hängen Sie die generierten Medien an

    Rufen Sie die Uwear-URLs ab. Nutzen Sie Bildaktionen des Händler-Connectors oder Admin GraphQL für Dateinamen, Alt-Text und Produktzuordnung. Bereiten Sie den Video-Upload vor und warten Sie auf die Verarbeitung.[12][25][26][29][30]

  5. Prüfen Sie die Produktgalerie

    Lesen Sie Medien und Alt-Texte erneut, weisen Sie das gewünschte Variantenbild zu und prüfen Sie den Shop. Eine gesendete Mutation bestätigt noch nicht, dass das Bild bereit ist.[25][5]

Vom Assistenten ausführen

Führen Sie dieses Fotoshooting mit einer Uwear-Vorlage aus Ihrem KI-Assistenten aus.

Verbinden Sie den Uwear MCP-Server mit ChatGPT, Claude oder Codex und bitten Sie um die Vorlage Product page set im Chat. Sie ist ein Batch-Workflow, der einmal pro Kleidungsstück läuft: Vorder-, Oberkörper- und Rückenfotos für die Produktseite vor weißem Studiohintergrund sowie ein 360-Grad-Video aus einem einzigen Kleidungsfoto. Jedes Uwear-Konto kann sie über ihren Namen laden, und der Assistent zeigt vor der Generierung ein Briefing mit den Kosten in Credits.

Diesen Prompt in den Assistenten kopieren

Connect the Shopify plugin for ChatGPT or the Shopify connector for Claude and the Uwear MCP server in this session. Read my tagged Shopify products and keep their product and variant IDs. Load the "Product page set" template for their garment photos on its white studio setup, turn the AI reviewer on, and show me the costed brief in credits before generating. After I approve, propose the Shopify media additions with filenames and alt text, use Admin GraphQL for any step the connector does not support, wait for file readiness, and verify the gallery before reporting.

MCP-Server einrichten

Was ein Lauf tut, pro Kleidungsstück

  1. Das Hauptfoto von vorne generieren

    Ein Ganzkörperfoto von vorne mit dem Kleidungsstück am Model der Vorlage, in der Art Direction Basic white photoshoot am Studiostandort Pure White.

  2. Den Ausschnitt auf den Oberkörper ändern

    Eine Kamerabearbeitung, die das Vorderansicht-Ergebnis auf einen Oberkörperausschnitt von vorne neu rahmt, statt ein neues Bild zu generieren. Der Ausschnitt stammt so aus derselben Session wie das Hauptfoto.

  3. Zur Rückenansicht wechseln

    Eine zweite Kamerabearbeitung des Vorderansicht-Ergebnisses zu einer Ganzkörperansicht von hinten, damit die Produktseite die Rückseite des Kleidungsstücks aus derselben Session zeigt.

  4. Die 360-Grad-Drehung rendern

    Ein 5-sekündiges Kling 3 Pro-Video aus dem Vorderfoto: Das Model dreht sich langsam auf der Stelle um volle 360 Grad. Das Kleidungsstück bleibt durchgehend gut erkennbar.

Ergebnisse pro Kleidungsstück

  • Ganzkörperfoto von vorne, 2K, 2:3
  • Oberkörperfoto von vorne, 2K, 2:3
  • Ganzkörperfoto von hinten, 2K, 2:3
  • 5-sekündiges 360-Grad-Video

Die von der Vorlage festgelegte Einrichtung

Vorlagentyp
Batch-Workflow: läuft einmal pro Kleidungsstück
Systemschlüssel
demo_full_pdp_test_white_studio
Art Direction
Basic white photoshoot (System-Art-Direction)
Location
Pure White (System-Studiostandort)
Model
Standardmäßig das Uwear-System-Model; der Assistent kann beim Vorschlagen des Briefings eines Ihrer gespeicherten Models einsetzen
Bildmodell
nano-banana-pro, 2K, 2:3
Videomodell
Kling 3 Pro, 5 Sekunden
QA
Optional. Wenn der KI-Prüfer aktiviert ist, wird jedes Ergebnis mit dem ursprünglichen Produktfoto verglichen. Markierte Ergebnisse werden erneut generiert
Freigabe
Der Assistent zeigt vor jeder Generierung ein Briefing mit Kosten in Credits

Automatisierung per API

Wie funktioniert die Bereitstellung per API?

Verwenden Sie Shopify Admin GraphQL: fileCreate importiert eine Bild-URL mit filename und alt. Warten Sie auf fileStatus READY und ergänzen Sie die Produktreferenz mit fileUpdate. Bereiten Sie gehostete Videos mit stagedUploadsCreate vor. Weisen Sie das Variantenbild nach dem Anhängen zu.[25][26][29][30]

  1. Starten Sie mit einem Produktereignis

    Ein Dienst empfängt Shopify-Webhooks, importiert das Kleidungsstück in Uwear und behält die Produktzuordnung. Entfernen Sie doppelte Ereignisse und ignorieren Sie Änderungen aus Ihrer eigenen Medienbereitstellung.[56]

  2. Generieren Sie ohne Assistenten

    Senden Sie Jobs an die Uwear REST API und empfangen Sie Abschluss-Webhooks. Oder starten Sie eine veröffentlichte Production Automation nach der Verarbeitung eines Kleidungsstücks, dem Hinzufügen eines Tags oder dem Erstellen eines Outfits. Dies sind Uwear-Workspace-Trigger.

  3. Stellen Sie Medien über Admin GraphQL bereit

    Ihr Dienst importiert das Ergebnis, wartet auf Bereitschaft und ergänzt die Shopify-Produktreferenz. Production Automation benötigt weiterhin diesen API-Schritt; ein nativer Shopify-Publishing-Knoten wird nicht vorausgesetzt.[25][30]

Plattformanforderungen

Welche Bildvorgaben gelten?

Shopify: Welche Bildvorgaben gelten?
SpezifikationAnforderung oder Empfehlung
Größe der ProduktbilderBis zu 5000 × 5000 px oder 25 Megapixel; die Datei muss kleiner als 20 MB sein. Dies sind Grenzen für Produktmedien, nicht für Theme-Bilder.[35]
Empfohlene Komposition2048 × 2048 px für quadratische Produktbilder; verwenden Sie einheitliche Seitenverhältnisse für Hauptbilder. Das Quadrat ist eine Empfehlung, keine Pflicht.[35]
Upload-Formate in FilesJPEG, PNG, WEBP, HEIC und GIF. Prüfen Sie das Format über den gewählten Upload-Pfad.[36]
Medien in der GalerieBis zu 250 Medien pro Produkt, einschließlich Bilder, Videos und 3D-Medien.[4]
VariantenbildEin zugewiesenes Bild pro Variante. Weitere Ansichten bleiben in der Produktgalerie.[5]
Gehostetes VideoMOV, MP4 oder WEBM; maximal 1 GB und 10 Minuten. Der Clip von Product page set dauert 5 Sekunden.[36]
Alt-Text und DateinameVerwenden Sie beim Erstellen filename und alt. Beschreiben Sie Kleidungsstück und Ansicht; Dateinamen können ein eindeutiges Suffix erhalten.[29]

Bestehende Optionen

Welche KI-Bildwerkzeuge sind bereits verfügbar?

Dokumentierte Funktionen aus den verlinkten Quellen. Dies sind keine unabhängigen Qualitätstests.

  • Shopify Magic / Sidekick

    Integrierte Hintergrundänderungen und Bildbearbeitung per Prompt eignen sich für einfache Änderungen im Dateieditor. Prüfen Sie den Funktionszugriff in Ihrem Konto.[38]

  • Botika Connector

    Importiert Shopify-Produkte in ein Botika-Konto und sendet Botika-Bilder zurück. Geeignet für Teams, die Botika bereits nutzen und einen integrierten Katalogtransfer wünschen.[40]

  • Photoroom AI Listing Assistant

    Führt virtuelle Models, Hintergründe, Stapelbearbeitung und Shopify-Veröffentlichung auf. Geeignet für Katalogbereinigung und die Pflege von Produktseiten.[41]

Häufig gestellte Fragen

Shopifys offizielle Händler-Connectoren dokumentieren Bildänderungen, und das ChatGPT-Plugin führt upload-image auf. Verbinden Sie Händlerzugang und Uwear MCP in einem unterstützten Assistenten und prüfen Sie Werkzeuge sowie Schreibrechte. Storefront MCP führt keine Schreibaktionen für Produktmedien auf.[7][11][12][13]

Shopify empfiehlt 2048 × 2048 px für quadratische Fotos und einheitliche Seitenverhältnisse für Hauptbilder. Das Quadrat ist nicht vorgeschrieben. Product page set nutzt 2:3-Fotos; prüfen Sie vor der Veröffentlichung den Zuschnitt in Ihrem Theme.[35]

Erproben Sie Kleidungszuordnung und Generierung mit Uwear MCP. Erstellen Sie danach eine Theme App Extension mit Ihrem Backend und der Uwear API. Ihr Backend verwaltet Einwilligung, Fotos, Jobstatus und Nutzungslimits. Trennen Sie persönliche Anprobe-Ergebnisse von öffentlichen Produktmedien.[45][47]

Diese vorgeschlagene Integration nutzt einen API-Dienst, um Uwear-Ergebnisse Shopify-Produkten zuzuordnen und fertige Medien über Admin GraphQL anzuhängen. Uwear-Trigger starten die Generierung im Workspace; der Dienst übernimmt die Shopify-Bereitstellung.[25][30]

Uwear verwendet Credits zu $0.10 pro Credit; Modellpreise stehen auf der Seite Models. Ihr Assistent zeigt vor der Generierung ein Briefing mit Kosten. QA ist automatisch und optional: Bei Aktivierung vergleicht ein Agent Ergebnisse mit Quellfotos und wiederholt markierte Ergebnisse.

Ja. Generieren Sie in Uwear Studio, laden Sie die Ergebnisse herunter und laden oder wählen Sie diese im Bereich Media des Shopify-Produkts aus. Legen Sie dort Hauptbild und Variantenbild fest.[4][5]

Recherche

Quellen und Abrufdaten

  1. [4]
    Galerie, Upload und Medienlimits

    Abgerufen am 2026-09-07

  2. [5]
  3. [7]
  4. [8]
  5. [9]
  6. [11]
  7. [12]
    ChatGPT-Plugin und Bildaktionen

    Abgerufen am 2026-09-07

  8. [13]
  9. [17]
    UCP-Katalogwerkzeuge für den Shop

    Abgerufen am 2026-09-07

  10. [25]
  11. [26]
    Upload-Ziele und resourceUrl

    Abgerufen am 2026-09-07

  12. [29]
    Felder alt, filename und Quell-URL

    Abgerufen am 2026-09-07

  13. [30]
  14. [35]
  15. [36]
  16. [38]
    Integrierte Bildbearbeitung

    Abgerufen am 2026-09-07

  17. [40]
    Botika Connector-Eintrag

    Abgerufen am 2026-09-07

  18. [41]
  19. [45]
  20. [47]
    Backend-Proxy und write_app_proxy

    Abgerufen am 2026-09-07

  21. [56]
    Shopify-Ereignisse und Webhooks

    Abgerufen am 2026-09-07

Nächster Schritt

Verbinden Sie Ihren Katalog mit Uwear.

Beginnen Sie mit einem Test im Assistenten und entwickeln Sie dann die passende API-Bereitstellung für Ihren Katalog.

Demo anfragenUwear MCP einrichten