Hero owned a de

WebMCP vs. MCP im Commerce: Wo verlaeuft die Agenten-Grenze

Zwei Protokolle konkurrieren gerade um dieselbe Aufgabe: einen KI-Agenten auf einem Storefront handeln zu lassen. WebMCP fuehrt die Aktion im Browser aus, direkt auf dem, was der Nutzer ohnehin geoeffnet hat. MCP fuehrt sie gegen einen Server-Endpoint aus, den der Agent direkt aufruft. Beide loesen „wie handelt ein Agent", beantworten aber zuerst eine andere Frage: wo passiert das, Client oder Server? Fuer Teams, die 2026 agent-faehige Storefronts bauen, ist diese Platzierungsentscheidung inzwischen eine Architekturfrage, kein Implementierungsdetail.

Zwei Ebenen, eine Aufgabe: Actuation

WebMCP stellt Tools direkt im Browser-Kontext bereit. Ein Agent, der innerhalb einer Session, einer Browser-Extension oder eines agentischen Browsers arbeitet, kann Funktionen aufrufen, die die Seite selbst registriert: in den Warenkorb legen, einen Filter setzen, den Checkout starten, unter Nutzung von DOM und Client-State, die bereits existieren. Das Actuation-Prinzip selbst haben wir in wie WebMCP Agenten im Browser handeln laesst beschrieben; dieser Beitrag betrachtet die Platzierungsentscheidung, nicht den Mechanismus.

MCP (Model Context Protocol) definiert dagegen Server-seitige Endpoints, die ein Agent unabhaengig von jeder Browser-Session aufruft: Produktsuche, Warenkorb-Mutation, Bestellstatus, alles als aufrufbare Tools auf Ihrem Backend oder einer Middleware-Schicht. Was Agenten an solchen Endpoints konkret tun, haben wir in MCP-Endpoints und Storefront-Agent-Aktionen untersucht. Mehrere Anbieter konvergieren aktuell auf Server-seitige MCP-Bereitstellung, einen Trend, den wir in agent-lesbare Storefronts ueber Anbieter hinweg verfolgt haben.

Die Grenzentscheidung, konkret

  • Wo Actuation laeuft. WebMCP (Browser): Innerhalb der geladenen Seite, client-seitig. MCP (Server): Auf einem dedizierten Backend-/Middleware-Endpoint.
  • Was es braucht. WebMCP (Browser): Eine Seite, die Tools im DOM registriert. MCP (Server): Eine API-Oberflaeche unabhaengig von jeder offenen Seite.
  • Session-Kontext. WebMCP (Browser): Nutzt, was der Shopper ohnehin geoeffnet hat (Warenkorb, Login). MCP (Server): Der Agent muss sich selbst authentifizieren und eine eigene Session halten.
  • Governance. WebMCP (Browser): An das Rendering, die Marke und die Zugriffsregeln des Frontends gebunden. MCP (Server): An Backend-Berechtigungen, Rate-Limits und API-Vertraege gebunden.
  • Passt am besten fuer. WebMCP (Browser): Unterstuetzende Aktionen innerhalb einer laufenden Shopping-Session. MCP (Server): Autonome oder geplante Agenten, die ohne Browser handeln.

Keine Ebene ersetzt die andere. Ein Agent innerhalb einer Browser-Session profitiert vom direkten DOM-Zugriff von WebMCP; ein Agent, der ganz ohne offene Seite arbeitet, eine Backend-Integration, ein geplanter Nachbestell-Job, braucht einen Server-seitigen MCP-Endpoint, der nicht davon abhaengt, dass eine Seite ueberhaupt gerendert ist.

Warum das Frontend diese Entscheidung weiterhin traegt

Egal welche Ebene ein Agent nutzt: Er liest weiterhin die strukturierten Daten, Produktattribute und markenkonforme Auszeichnung des Storefronts, um zu entscheiden, was „das in den Warenkorb legen" ueberhaupt bedeutet. WebMCP-Tool-Registrierung lebt im Frontend-Code. Server-seitige MCP-Endpoints brauchen weiterhin vom Frontend gepflegte Produkt- und Content-Daten, um korrekt zu antworten. Genau das ist die Betriebsfrage, um die unsere Agentic Frontend Management Platform gebaut ist: jemand muss beide Actuation-Oberflaechen konsistent, markenkonform und aktuell halten, unabhaengig davon, welches Protokoll ein einzelner Agent waehlt.

Was das fuer Haendler bedeutet

  • Wenn Ihr Commerce-Team fuer Shopping-Assistenten innerhalb einer Session baut: starten Sie mit WebMCP-Tool-Registrierung auf Ihren wichtigsten Seiten.
  • Wenn Sie Katalog-, Warenkorb- oder Bestelldaten fuer autonome Agenten ohne Browser bereitstellen: bauen Sie zuerst die MCP-Server-Endpoints.
  • Die meisten Storefronts werden innerhalb von 12 bis 18 Monaten beides brauchen. Planen Sie die Datenschicht einmal, stellen Sie sie zweimal bereit.

FAQ

Ist WebMCP ein Ersatz fuer MCP? Nein. WebMCP uebernimmt browserseitige Actuation fuer Agenten innerhalb einer offenen Seite oder Session. MCP uebernimmt serverseitige Actuation fuer Agenten, die Ihr Backend direkt aufrufen, mit oder ohne Browser.

Was sollten Haendler zuerst bauen? Das haengt davon ab, woher Ihr Agent-Traffic heute kommt. Shopping-Assistenten innerhalb einer Session sprechen fuer WebMCP, Backend-Integrationen und autonome Agenten fuer MCP. Die meisten Teams brauchen am Ende beides.

Aendert das die Storefront-Architektur grundsaetzlich? Ja, beide Actuation-Oberflaechen haengen davon ab, dass dieselbe zugrunde liegende Frontend-Datenschicht, strukturierte Produktdaten, konsistente Auszeichnung und Markengovernance, korrekt bleibt. Das ist Frontend-Management-Arbeit, keine einmalige Protokoll-Integration.

Naechste Schritte

Wenn Sie eine konkrete Einschaetzung wollen, wo Ihr Storefront bei Browser- versus Server-Agent-Actuation steht, sprechen Sie mit uns.

CTA: Pruefen Sie, wie agent-faehig Ihr Storefront ist

Mehr von der Laioutr-Plattform

Ueber den Autor: Marcel Thiesies ist CEO & Co-Founder von Laioutr. Er schreibt ueber Frontend-Architektur, Agentic Commerce und den Aufbau composabler Storefronts ohne Replatforming-Risiko.

Mehr interessante Frontend Artikel

Praxiswissen für Frontend-Entwicklung, smarte Agenten und Headless

App Shopify
Shopify
Shopify ist eine Commerce-Plattform zum Verkaufen online und im stationären Handel.
App shopware
Shopware
Shopware ist eine flexible E-Commerce-Plattform aus Europa für Produktkataloge und Omnichannel-Commerce.
App adobe commerce
Adobe Commerce
Adobe Commerce ist eine Enterprise-Commerce-Plattform für komplexe, globale B2C- und B2B-Szenarien.
Planned
App B2B sellers suite
B2Bsellers
B2B-Suite für Shopware, die den Online-Shop zur professionellen B2B-Commerce-Plattform macht.
Planned
App commerce layer
Commerce Layer
Commerce Layer ist eine Headless-Commerce-Plattform, um Bestände und Kataloge online verfügbar zu machen.
App commercetools
Commercetools
Commercetools ist eine SaaS-basierte, headless E-Commerce-Plattform mit weltweitem Einsatz.
App emporix
Emporix
Emporix ist eine composable, API-first Commerce-Plattform für skalierbare B2B- und B2C-Szenarien.
Planned
App HCL Software
HCL Software
Enterprise-Suite für digitalen Commerce und Experience mit hoher Konfigurierbarkeit.
Planned
App intershop
Intershop
Enterprise-Commerce-Plattform für komplexe B2B- und B2C-Geschäftsmodelle.
Planned
App magento 2
Magento 2
Weit verbreitete, erweiterbare Commerce-Plattform für B2C- und B2B-Szenarien.
App Oxid
OXID eShop
OXID eShop ist eine erweiterbare Commerce-Plattform für komplexe B2B- und B2C-Anforderungen.
Planned
App cover patchworks
Patchworks
Patchworks ist eine Low-Code-iPaaS, die E-Commerce, ERP, WMS, 3PL und Marktplätze verbindet.
Planned
App PRESTASHOP
Prestashop
Open-Source-Commerce-Plattform für kleine und mittlere Händler in Europa und darüber hinaus.
Planned
App saleor
Saleor
Open-Source-, API-first-Commerce-Plattform auf GraphQL-Basis für Custom-Storefronts.
Planned
App Commercecloud
Salesforce Commerce Cloud
Salesforce Commerce Cloud ist eine cloudbasierte Enterprise-Commerce-Plattform für Unternehmen jeder Größe.
Planned
App SAP
SAP Commerce Cloud
Enterprise-Commerce-Plattform für komplexe Kataloge, Preismodelle und Omnichannel-Journeys.
Planned
App SCAYLE
Scayle
SCAYLE ist eine Commerce-Engine, mit der Marken und Händler ihr Geschäft skalieren.
Planned
App spryker
Spryker
Composable Commerce-Plattform für anspruchsvolle B2B- und B2C-Geschäftsmodelle.
App Sylius
Sylius
Sylius ist ein entwicklerfreundliches E-Commerce-Framework für B2C- und B2B-Shopping-Erlebnisse.
Planned
App vendure
Vendure
Vendure ist eine Headless-Commerce-Plattform für Unternehmen mit komplexen Anforderungen.
Coming Soon
App VTEX
VTEX
Cloud-native, composable Commerce-Plattform für B2B und B2C im großen Maßstab.
Planned
App Websale
Websale
Stabiles, enterprise-taugliches Commerce-Backend für komplexe Handelsumgebungen.
Book a demo mobile
Strategie-Gespräch

Bereit, Dein Frontend zur Steuerebene zu machen?

Zeig uns Deinen Stack, Deine Roadmap, Dein Replatforming-Szenario, wir zeigen Dir, wie Laioutr passt, was es kostet und wie schnell ihr live geht.

"Nach 30 Minuten wussten wir, dass Laioutr unser Replatforming machbar macht." - Daniel B., CEO, hygibox.de

SEO / GEO / AEO Ready
Performance & Core Web Vitals
WCAG 3.0 Ready
Tracking & Analytics
Brand Consistency