AI verbonden met je WordPress-winkel
WordPress AI MCP
Bewerk lokale Alter Product-projecten met AI via de MCP-verbinding van je winkel. ChatGPT kan de editor naast het gesprek tonen. Als winkeleigenaar kun je ook een editor verbinden die al op je website is ingebed.
Voorbeelden gebruiken de fictieve winkel shop.example. Publiceer geen wachtwoorden, toegangstokens of koppelcodes in screenshots.
Voor je begint
Zorg voor de juiste winkelonderdelen en een account dat het project mag bewerken.
WordPress + WooCommerce
Zorg voor de juiste winkelonderdelen en een account dat het project mag bewerken.
- Je hebt WordPress 6.9+ met de ingebouwde Abilities API, WooCommerce, de Alter Product-plugin en de officiële WordPress MCP Adapter met alle afhankelijkheden nodig.
- De winkel moet via een openbaar HTTPS-adres bereikbaar zijn. Gebruik een bevoegd WordPress-account en een ChatGPT-account of werkruimte die aangepaste MCP-verbindingen toestaat.
- De frontend van de editor moet WordPress MCP ondersteunen. Een update van alleen de PHP-plugin werkt een apart gehoste editor niet automatisch bij.
- Een Business-abonnement, een gekoppelde Alter Product API in de plugininstellingen en de benodigde bestanden gedownload naar WordPress. MCP vervangt de bestaande Alter Product-integratie van de winkel niet.
- MCP-instellingen vereisen een WordPress-beheerder. Producten maken vereist WooCommerce-beheer en productbewerkingsrechten, meestal via de rol Administrator of Shop Manager.
Welke bestanden heb ik nodig?
Installeer de benodigde plugins in WordPress. De handmatige ChatGPT-verbinding gebruikt het serveradres van je winkel en OAuth.
- WordPress: installeer de actuele Alter Product-plugin met MCP, OAuth en de zichtbare editor, plus de aparte officiële WordPress MCP Adapter met afhankelijkheden. ZIP-pakketten upload je in WordPress, niet in ChatGPT. OAuth zit in Alter Product; een aparte OAuth-plugin is niet nodig.
- ChatGPT: kies Add custom MCP server en voer de URL in. Deze handmatige verbinding vereist geen integratie-ZIP, geëxporteerd JSON-bestand, toegangstoken of client secret.
WordPress verbinden met ChatGPT
Stel de winkel eenmaal in en geef daarna toestemming met je eigen WordPress-account.
MCP inschakelen in WordPress
Open Alter Product → MCP authoring in het WordPress-dashboard.
- Schakel geauthenticeerd MCP-bewerken, browsereditortoegang en OAuth-aanmelding in. Sla de instellingen op en controleer de vereiste WordPress-onderdelen.
- Kopieer de OAuth MCP-server-URL die de plugin toont. Gebruik je eigen winkeladres; het voorbeeld hieronder is fictief.
https://shop.example/wp-json/alter-wc/v1/mcp
Werken in de zichtbare editor
Open Designer of Product Generator in een geschikte ChatGPT-client om de resultaten van opdrachten te zien.
Designer · Customizer · Configurator · Viewer · Product Generator
Open Designer of Product Generator in een geschikte ChatGPT-client om de resultaten van opdrachten te zien.
- Vraag om Designer of Product Generator te openen en kies het juiste lokale project.
- Wacht tot de editor is geladen. Voer een kleine wijziging uit, bekijk het resultaat en probeer Undo en Redo.
- Gebruik Save in de editor om het concept in WordPress op te slaan. Controleer het resultaat voordat je een gepubliceerd product wijzigt.
alter-product-app-catalog
alter-product-open-editor
Een editor op je eigen website gebruiken
De winkeleigenaar kan een ondersteunde ingebedde editor met dezelfde WordPress MCP verbinden.
WordPress → AI MCP
Schakel MCP en browsereditortoegang in voor de eigenaarswerkruimte op je eigen website. De weergave binnen ChatGPT vereist daarnaast OAuth; geschikte lokale clients kunnen een WordPress-applicatiewachtwoord gebruiken.
- Meld je aan bij WordPress met het account dat in de AI-client is geautoriseerd. Kies bij een lokaal ingebed product Bewerken met AI. Heeft het ontwerp een gekoppeld lokaal Generator-project, dan verschijnt ook Generator openen met AI.
- De aparte werkruimte voor de eigenaar verbindt automatisch met de WordPress MCP van de winkel. Open in een bestaande beheerderseditor AI MCP en kies de WordPress-verbinding van de plugin.
- Vraag in het gesprek om verbonden editors en selecteer het juiste project en tabblad. Houd de editor geopend terwijl AI werkt.
- Controleer de wijzigingen in de ingebedde weergave. Verbreek AI MCP na afloop; opslaan blijft een aparte handeling.
Waar werk en gegevens blijven
Je WordPress-installatie verwerkt MCP-opdrachten; de verbonden browser voert bewerkingen en 3D-berekeningen uit.
WordPress + Alter Product
WordPress controleert de gebruiker en rechten en geeft begrensde taken en resultaten door tussen AI en de editor. De stofsimulatie draait niet op WordPress.
Lokale ontwerpen en generatorprojecten gebruiken de normale WordPress-opslag. JavaScript van de editor, integratieautorisatie, bestanden en optionele diensten kunnen volgens de gebruikelijke instellingen nog contact met Alter Product maken. Dit is geen belofte van nul extern verkeer of offline gebruik.
Opslaan, rechten en toegang intrekken
OAuth gebruikt de rechten van de aangemelde WordPress-gebruiker en geeft geen nieuwe beheerdersrol. Undo/Redo werkt voor browserbewerkingen; productwijzigingen op de server volgen eigen opslag- en publicatieregels. Trek de autorisatie van de AI-client in om accounttoegang te stoppen en koppel de editor los om de live browsersessie te beëindigen.
Als de verbinding of weergave niet werkt
Controleer eerst welke stap is mislukt voordat je een bewerkingsopdracht herhaalt.
MCP · OAuth · MCP Apps
Controleer eerst welke stap is mislukt voordat je een bewerkingsopdracht herhaalt.
- Een cloudclient heeft een openbare HTTPS-URL nodig. Gebruik voor een lokale test een bewust ingestelde tijdelijke HTTPS-tunnel; localhost is geen serveradres voor ChatGPT.
- Ontbreken de tools, controleer dan MCP, OAuth, Abilities API, de officiële MCP Adapter, de exacte URL en de WordPress-rechten.
- Werken tools zonder zichtbare editor, controleer dan MCP Apps, de frontendversie en de iframebeperkingen van de client. Een WordPress-wrapper omzeilt het insluitbeleid niet.
- Is de browsersessie onbereikbaar, open dan de juiste eigenaarseditor opnieuw, verbind AI MCP en selecteer de sessie. Lees de huidige projectstatus voordat je een schrijfopdracht met onbekende uitkomst herhaalt.