Integration

KI für Ihren WordPress-Shop

WordPress AI MCP

Mit dem MCP Ihres Shops bearbeiten Sie lokale Alter Product-Projekte per KI. ChatGPT kann den Editor neben dem Gespräch anzeigen. Berechtigte Shopbetreiber können auch einen bereits auf ihrer Website eingebetteten Editor verbinden.

Die Beispiele verwenden den fiktiven Shop shop.example. Veröffentlichen Sie keine Passwörter, Zugriffstoken oder Kopplungscodes in Screenshots oder Anleitungen.

WordPress mit ChatGPT verbindenKonfigurieren Sie den Shop einmal und autorisieren Sie anschließend Ihr WordPress-Konto im KI-Client.Zu den SchrittenEditor auf der eigenen Website verwendenShopbetreiber können unterstützte eingebettete Editoren mit demselben WordPress-MCP verbinden.Zu den Schritten
WordPress-Plugin installierenWordPress mit nativer Abilities API, WooCommerce, das Alter Product-Plugin und der offizielle WordPress MCP Adapter einschließlich Abhängigkeiten.

Voraussetzungen

Bereiten Sie den Shop und ein Konto mit den erforderlichen Projektberechtigungen vor.

WordPress + WooCommerce

Bereiten Sie den Shop und ein Konto mit den erforderlichen Projektberechtigungen vor.

  • WordPress 6.9+ mit nativer Abilities API, WooCommerce, das Alter Product-Plugin und der offizielle WordPress MCP Adapter einschließlich Abhängigkeiten.
  • Ein öffentlich erreichbarer HTTPS-Shop und ein berechtigtes WordPress-Konto. Ihr ChatGPT-Konto oder Arbeitsbereich muss eigene MCP-Verbindungen erlauben. Rein lokale Adressen sind aus der Cloud nicht erreichbar.
  • Eine passende Editor-Frontend-Version mit WordPress-MCP-Transport. Ein PHP-Plugin-Update aktualisiert einen separat gehosteten Editor nicht.
  • Ein Business-Tarif, eine verbundene Alter Product API in den Plugin-Einstellungen und die erforderlichen lokal in WordPress gespeicherten Ressourcen. MCP ersetzt die bestehende Alter Product-Integration des Shops nicht.
  • MCP-Einstellungen werden von einem WordPress-Administrator verwaltet. Für die Produktbearbeitung sind WooCommerce-Verwaltungs- und Produktbearbeitungsrechte nötig, normalerweise als Administrator oder Shop Manager.
WordPress MCP Adapter (WordPress.org)WordPress MCP Adapter

Welche Dateien brauche ich?

Die erforderlichen Plugins installierst du in WordPress. Die manuelle ChatGPT-Verbindung verwendet die Serveradresse deines Shops und OAuth.

  • WordPress: Installiere das aktuelle Alter Product-Plugin mit MCP, OAuth und sichtbarem Editor sowie den separaten offiziellen WordPress MCP Adapter samt Abhängigkeiten. ZIP-Pakete lädst du in WordPress hoch, nicht in ChatGPT. OAuth ist in Alter Product enthalten; ein zusätzliches OAuth-Plugin ist nicht nötig.
  • ChatGPT: Wähle Add custom MCP server und trage die Serveradresse ein. Diese manuelle Verbindung benötigt weder ein Plugin-ZIP noch exportiertes JSON, Zugriffstoken oder Client Secret.

WordPress mit ChatGPT verbinden

Konfigurieren Sie den Shop einmal und autorisieren Sie anschließend Ihr WordPress-Konto im KI-Client.

MCP in WordPress aktivieren

Öffnen Sie im WordPress-Dashboard Alter Product → MCP authoring.

  1. Aktivieren Sie authentifiziertes MCP, Browser-Editor-Zugriff und OAuth-Anmeldung. Speichern Sie und prüfen Sie die erforderlichen WordPress-Komponenten.
  2. Kopieren Sie die angezeigte OAuth-MCP-Serveradresse. Verwenden Sie Ihren eigenen Shop; das folgende Beispiel ist fiktiv.
OAuth-MCP-Adresse Ihres Shops
https://shop.example/wp-json/alter-wc/v1/mcp
MCP in WordPress aktivieren
Aktivieren Sie authentifiziertes MCP, Browser-Editor-Zugriff und OAuth-Anmeldung. Speichern Sie und prüfen Sie die erforderlichen WordPress-Komponenten.

Verbindung in ChatGPT hinzufügen

Konfigurieren Sie den Shop einmal und autorisieren Sie anschließend Ihr WordPress-Konto im KI-Client.

  1. Öffne Plugins in ChatGPT im Browser, wähle die Plus-Schaltfläche und dann Add custom MCP server. Dein Konto und Arbeitsbereich müssen diese Option erlauben.
  2. Trage Alter Product WordPress als Namen ein. Eine Beschreibung ist optional.
  3. Trage unter Connection die MCP-Serveradresse deines Shops ein, etwa https://shop.example/wp-json/alter-wc/v1/mcp, und wähle OAuth. Ersetze shop.example durch deinen Shop.
  4. Lies den Hinweis und fahre nur fort, wenn du dem Server deines Shops vertraust. Wähle Create as a plugin und installiere das private Plugin, falls ChatGPT danach fragt.
  5. Verbinde das Plugin, melde dich auf deiner eigenen WordPress-Website an und bestätige den angeforderten Zugriff. Gib dein WordPress-Passwort nur dort ein.
  6. Kehre zum Gespräch zurück, wähle das installierte Plugin mit @ und lasse zuerst die lokalen Projekte auflisten.
Eigenen MCP-Server hinzufügen - OpenAI

Im sichtbaren Editor arbeiten

Öffnen Sie Designer oder Product Generator in einem kompatiblen ChatGPT-Client, um Änderungen zu sehen.

Designer · Customizer · Configurator · Viewer · Product Generator

Öffnen Sie Designer oder Product Generator in einem kompatiblen ChatGPT-Client, um Änderungen zu sehen.

  1. Bitten Sie das verbundene Werkzeug, Designer oder Product Generator zu öffnen, und wählen Sie das gewünschte lokale Projekt.
  2. Beschreiben Sie eine kleine Änderung, prüfen Sie die Vorschau und verwenden Sie bei Bedarf Rückgängig/Wiederholen. Browserbefehle benötigen einen vollständig geladenen Editor.
  3. Speichern Sie den Entwurf mit der Speichern-Aktion des Editors in WordPress. Prüfen Sie das Ergebnis vor Änderungen am veröffentlichten Produkt.
MCP
alter-product-app-catalog
alter-product-open-editor
Mit WordPress verbundener Designer mit 3D-T-Shirt und 2D-UV-Arbeitsbereich
Über WordPress MCP geöffneter Designer: Das Kleidungsstück erscheint in 3D neben UV-Arbeitsbereich, Raster und Linealen in 2D. Speichern bleibt eine eigene Aktion.

Editor auf der eigenen Website verwenden

Shopbetreiber können unterstützte eingebettete Editoren mit demselben WordPress-MCP verbinden.

WordPress → AI MCP

Für einen Inhaber-Arbeitsbereich auf deiner Website müssen MCP und der Browsereditor-Zugriff aktiviert sein. Für die eingebettete ChatGPT-Verbindung wird zusätzlich OAuth benötigt; kompatible lokale Clients können stattdessen ein WordPress-Anwendungspasswort nutzen.

  1. Melde dich im WordPress des Shops mit dem im KI-Client autorisierten Konto an. Wähle am lokal eingebetteten Produkt Mit KI bearbeiten. Bei einem verknüpften lokalen Generatorprojekt erscheint auch Generator mit KI öffnen.
  2. Der separate Arbeitsbereich des Shopinhabers verbindet sich automatisch mit dem WordPress MCP des Shops. In einem bereits geöffneten Administratoreditor öffnest du AI MCP und wählst die WordPress-Verbindung des Plugins.
  3. Lassen Sie im Gespräch die verbundenen Editoren auflisten und wählen Sie das richtige Projekt und den richtigen Tab. Lassen Sie ihn geöffnet.
  4. Prüfen Sie die eingebettete Vorschau und trennen Sie AI MCP nach Abschluss. Das Speichern bleibt ein eigener Schritt.

Verarbeitung und Daten

WordPress verarbeitet MCP-Befehle; Bearbeitung und 3D-Berechnungen laufen im verbundenen Browser.

WordPress + Alter Product

WordPress authentifiziert Benutzer, prüft Berechtigungen und vermittelt begrenzte Aufträge und Ergebnisse. Die Stoffsimulation läuft nicht auf WordPress.

Lokale Designs und Generator-Dokumente werden über die normale Plugin-Speicherung gesichert. Editor-JavaScript, Integrationsautorisierung, heruntergeladene Ressourcen und externe Dienste können weiterhin der Alter Product-Konfiguration folgen. Es wird weder völlige externe Verkehrsfreiheit noch Offline-Betrieb zugesichert.

Verbindungsdiagramm - WordPress AI MCP
Verbindungsdiagramm. WordPress verarbeitet MCP-Befehle; Bearbeitung und 3D-Berechnungen laufen im verbundenen Browser.

Speichern, Berechtigungen und Widerruf

OAuth nutzt die Rechte des angemeldeten WordPress-Benutzers und vergibt keine neue Administratorrolle. Browseränderungen unterstützen Rückgängig/Wiederholen; serverseitige Produktänderungen haben eigene Speicher- und Veröffentlichungsregeln. Widerrufen Sie die KI-Autorisierung für den Kontozugriff und trennen Sie den Editor für die Browsersitzung.

Verbindung oder Vorschau funktioniert nicht

Bestimmen Sie den fehlerhaften Schritt, bevor Sie einen Bearbeitungsbefehl wiederholen.

MCP · OAuth · MCP Apps

Bestimmen Sie den fehlerhaften Schritt, bevor Sie einen Bearbeitungsbefehl wiederholen.

  • Cloud-Clients benötigen eine öffentliche HTTPS-Adresse. Lokale Tests brauchen einen ausdrücklich eingerichteten temporären HTTPS-Tunnel; localhost ist keine ChatGPT-Serveradresse.
  • Fehlen Werkzeuge, prüfen Sie MCP, OAuth, die native Abilities API, den offiziellen MCP Adapter, die genaue URL und Benutzerrechte.
  • Funktionieren Werkzeuge ohne Editoransicht, prüfen Sie MCP Apps, die Frontend-Version und die Frame-Beschränkungen des Clients. Ein WordPress-Wrapper umgeht keine Einbettungsrichtlinien.
  • Ist die Browsersitzung nicht verfügbar, öffnen Sie den richtigen Eigentümer-Editor erneut, verbinden AI MCP und wählen die Sitzung. Lesen Sie vor ungewissen Schreibwiederholungen den aktuellen Projektstand.
MCP Apps - OpenAIOAuth - OpenAI