Integration · WooCommerce

Erstellen Sie Modelfotos für Ihre WooCommerce-Produkte

Wählen Sie Produkte mit Ihrem Assistenten, erzeugen Sie Product page set und laden Sie die Bilder in WordPress. Die WooCommerce REST API übernimmt die Zuordnung.

Model in einem gestreiften Resorthemd mit Reverskragen, 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: gestreiftes Resorthemd im Pure-White-Studio, generiert mit nano-banana-pro über den Uwear MCP.

Anwendungsfälle

Was können Sie umsetzen?

  • Erstellen Sie Fotos je Produkt und Variante

    Generieren Sie Vorder-, Oberkörper- und Rückansichten im weißen Studio. Verknüpfen Sie jedes Set mit Woo-Produkt-, Varianten- und Anhangs-IDs.[2][3]

  • Entwickeln Sie eine virtuelle Anprobe im Shop

    Prototypen entstehen mit Uwear MCP. Entwickeln Sie einen WordPress-Block oder nutzen Sie klassische Produkthooks und verbinden Sie eine berechtigungsgeprüfte Backend-Route mit der Uwear API. Klären Sie zuerst das Theme.[34][35][36][39]

Model in demselben gestreiften Resorthemd mit Reverskragen, 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. Verbinden Sie WooCommerce MCP in der Entwicklervorschau und Uwear MCP; für Medien nutzen Sie REST-Aufrufe des Assistenten oder einen entwickelten Adapter. Eine eigene Medienfähigkeit ist ein Vorschlag.[6][7][8][9][10][11]

  • WooCommerce Model Context Protocol (MCP) Integration

    Verwendet WordPress MCP Adapter. Die geprüften Schemas von woocommerce/products-query, woocommerce/product-create und woocommerce/product-update enthalten keine Bildfelder. Fotos und Medien benötigen REST.[6][7][8][9][10][11]

    Entwicklervorschau. Nutzen Sie WordPress-Benutzername und Application Password über HTTPS oder lokal WP-CLI mit --user; prüfen Sie zuerst die installierten Werkzeuge.[6][7][8][9][10][11]

  • MCP on WordPress.com

    Die gehosteten wpcom-mcp-content-authoring-Werkzeuge enthalten media.create und media.update. Sie laden Dateien hoch und ändern Metadaten, dokumentieren aber keine Woo-Produktzuordnung.[12][13]

    Nur gehostetes WordPress.com, mit OAuth 2.1; kein Mediendienst für jeden selbst gehosteten Shop.[12][13]

  1. Verbinden und prüfen Sie die Fähigkeiten

    Nutzen Sie WordPress MCP Adapter unter /wp-json/mcp/mcp-adapter-default-server. Authentifizieren Sie sich mit Benutzername und Application Password über HTTPS oder lokal mit WP-CLI --user. Prüfen Sie die tatsächlichen Shop-Schemas.[6][7][11]

  2. Lesen Sie Produkte und Ausgangsfotos

    Wählen Sie Produkte mit woocommerce/products-query. Lesen Sie Bilder über GET /wp-json/wc/v3/products/{id} und Varianten über dessen variations-Endpunkt. Speichern Sie Produkt-, Varianten-, SKU- und Anhangs-IDs.[2][3][8][11]

  3. Geben Sie das Product page set-Briefing frei

    Laden Sie Product page set im Studio Pure White mit 2:3 und aktiviertem KI-Prüfer. Prüfen Sie vor der Generierung die Kosten in Credits. Die QA ist automatisch und abschaltbar: Ist sie aktiv, vergleicht ein KI-Prüfer die Ergebnisse mit den Ausgangsfotos und lässt markierte Ergebnisse erneut generieren.

  4. Laden Sie Fotos hoch und ordnen Sie sie zu

    Nutzen Sie WordPress REST-Upload und alt_text, danach Woo REST images mit id und alt. WordPress-Medienauthentifizierung ist von Woo Consumer Key/Secret getrennt; behalten Sie beim Ergänzen bestehende IDs.[2][15][16][17][18][20]

  5. Prüfen Sie Produkt und gewählte Variante

    Lesen Sie Anhänge und Produkte erneut, warten Sie auf Verfügbarkeit und prüfen Sie Reihenfolge, Alt-Text und Zuschnitt im Shop. Verarbeiten Sie Videos außerhalb des Bild-Payloads.[2][3][16][21]

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 WooCommerce Model Context Protocol (MCP) Integration through WordPress MCP Adapter and the Uwear MCP server in this session. Inspect the installed abilities, select products with woocommerce/products-query, read photos through Woo REST, and keep product, variation and attachment IDs. Load "Product page set" on its Pure White studio setup at 2:3, turn the AI reviewer on, and show me the costed brief in credits before generating. After I approve, use authorized REST operations or a built adapter to POST /wp-json/wp/v2/media, set alt_text, then PUT /wp-json/wc/v3/products/{id} with images containing attachment id and alt while retaining existing IDs. Wait for readiness and verify product and variation galleries 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?

Senden Sie POST /wp-json/wp/v2/media mit Dateibytes, Content-Type und Dateiname in Content-Disposition. Schreiben Sie alt_text über POST /wp-json/wp/v2/media/{id}, dann PUT /wp-json/wc/v3/products/{id} mit images-Einträgen aus id, name und alt. Behalten Sie bestehende IDs: Das übermittelte Array ersetzt Hauptbild- und Galeriezuordnung.[2][16][17][20]

  1. Empfangen Sie Produktereignisse

    Ein Dienst empfängt Woo-Webhooks, validiert den Hash und speichert die Produkt-/Variantenbeziehung. Entfernen Sie doppelte Ereignisse und ignorieren Sie eigene Galerieänderungen.[40]

  2. Starten Sie die Generierung ohne Assistenten

    Senden Sie Aufträge an die Uwear REST API und empfangen Sie Abschluss-Webhooks oder fragen Sie den Status ab. Eine veröffentlichte Production Automation kann auch nach der Verarbeitung eines Kleidungsstücks, dem Hinzufügen eines Tags oder dem Erstellen eines Outfits starten. Diese Auslöser gehören zum Uwear-Arbeitsbereich; die Plattformanbindung benötigt weiterhin einen Adapter.

  3. Übertragen und verknüpfen Sie Bilder per REST

    Verwenden Sie WordPress Application Password für Medienuploads und autorisierte Woo REST-Produktupdates für die Zuordnung. Lesen Sie die endgültige Bildliste erneut.[2][15][16][18]

Plattformanforderungen

Welche Bildvorgaben gelten?

WooCommerce: Welche Bildvorgaben gelten?
SpezifikationAnforderung oder Empfehlung
AusgangsgrößeWoo empfiehlt mindestens 800 × 800 px; dies ist keine verpflichtende Upload-Mindestgröße.[21]
Seitenverhältnis und ZuschnittQuadratische, eigene und unbeschnittene Anzeigeoptionen hängen vom Theme ab. Sie verlangen kein quadratisches Ausgangsbild.[22]
DateigrenzenKeine allgemeine WooCommerce-Bytegrenze wurde verifiziert. Prüfen Sie Hosting und PHP upload_max_filesize.[23]
FormatePrüfen Sie die erlaubten MIME-Typen vor der Wahl von JPEG, PNG, WebP oder AVIF; die Liste ist filterbar.[24]
VariantenbilderNutzen Sie image für das Hauptbild und gallery_image_ids für weitere Bilder, sofern unterstützt. Prüfen Sie die installierte Version.[3]
VideoDie dokumentierte Galerievideo-Beta nutzt den Editor und schließt REST, CSV und Variantengalerien aus. Testen Sie einen separaten Videopfad.[21]

Bestehende Optionen

Welche KI-Bildwerkzeuge sind bereits verfügbar?

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

  • AI Product Image Generator for WooCommerce, W7S

    Geeignet für schnelle Konzeptbilder im Editor. Laut FAQ wird nur der Textprompt an Gemini gesendet. Das Angebot zeigt $39 für ein Jahr plus API-Nutzung; Währung und eigene Plugin-Bewertungen wurden nicht verifiziert.[26]

  • Fotogenic AI – AI Image Studio

    Geeignet für Katalogarbeit mit bestehenden Fotos in WordPress und Galerieveröffentlichung. Das Verzeichnis zeigt unter 10 aktive Installationen und 5/5 aus einer Bewertung. Berechtigte Konten erhalten Testcredits, keine verifizierte Zahl kostenloser Generierungen.[27]

  • VividCart – AI Product Images for WooCommerce

    Geeignet für die Bearbeitung von Ausgangsfotos mit direkter OpenAI- oder Gemini-Abrechnung und Produktzuordnung. Kostenloses Plugin, separate Anbietergebühren. Unter 10 aktive Installationen und keine Bewertungen angezeigt.[29]

  • AnyDress – AI Virtual Try-On for WooCommerce & AI Product Photos

    Geeignet für Kundenanprobe und Admin Virtual Photoshoot in einem Plugin. AnyDress-API-Lizenz nötig. Unter 10 aktive Installationen und keine Bewertungen angezeigt; Passform- und Retourenversprechen wurden nicht geprüft.[30]

  • AI Virtual Try On for WooCommerce, Addify

    Geeignet für Foto-/Kamera-Anprobe mit Platzierungs- und Nutzungskontrollen. Das Angebot zeigte $59 für ein Jahr und lokalisiert CAD $83; prüfen Sie die Checkout-Währung. Keine eigene Bewertungszahl verifiziert.[32]

Häufig gestellte Fragen

Ja, mit Uwear MCP und autorisierten WordPress/Woo REST-Operationen oder einem entwickelten Adapter. Die geprüften Woo-MCP-Produktfähigkeiten haben keine Bildfelder. media.create ist WordPress.com vorbehalten und ordnet keine Woo-Medien zu; eine eigene Medienfähigkeit muss gebaut werden.[2][6][11][12][13][16]

Der gemeinsame MCP-Endpunkt verwendet WordPress-Benutzername und Application Password über HTTPS oder lokal WP-CLI --user. WordPress REST-Medien können Application Passwords nutzen. Woo REST Consumer Key/Secret-Rechte sind getrennt; ein Woo-Schlüssel belegt keinen WordPress-Medienzugriff.[6][15][18]

REST enthält image und gallery_image_ids. Variantengalerien waren in 10.9 optional; der aktuelle Migrationsleitfaden sagt, 11.1 aktiviert sie für alle Shops. Prüfen Sie Version und Theme vor weiteren Bildzuordnungen.[3][4][5]

Die geprüfte Beta-Anleitung schließt REST, CSV und Variantengalerien aus. Halten Sie den Clip getrennt und testen Sie den Editorpfad oder einen eigenen Videoblock.[21]

Uwear verwendet Credits zu $0.10 pro Credit; Modellpreise stehen auf /models. Der Assistent zeigt vor der Generierung ein Briefing mit den Kosten. Die QA ist automatisch und abschaltbar: Ist sie aktiv, vergleicht ein KI-Prüfer die Ergebnisse mit den Ausgangsfotos und lässt markierte Ergebnisse erneut generieren.

Ja. Generieren Sie in Uwear Studio, laden Sie die Ergebnisse herunter und nutzen Sie WooCommerce Product image und Product gallery. Prüfen Sie Theme-Zuschnitt und Reihenfolge.[21][22]

Recherche

Quellen und Abrufdaten

  1. [2]
  2. [3]
  3. [4]
  4. [5]
  5. [6]
  6. [7]
  7. [8]
  8. [9]
  9. [10]
  10. [11]
  11. [12]
  12. [13]
  13. [15]
  14. [16]
  15. [17]
  16. [18]
  17. [20]
  18. [21]
  19. [22]
  20. [23]
  21. [24]
  22. [26]
  23. [27]
  24. [29]
  25. [30]
  26. [32]
  27. [34]
  28. [35]
  29. [36]
  30. [39]
  31. [40]

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.