ChatGPT mit Webflow verbinden: Was sich geändert hat
Lange war die direkte Anbindung an Webflow ein Vorteil von Claude. Das hat sich geändert. Der offizielle Webflow MCP Server spricht inzwischen auch mit ChatGPT, über den Developer Modus und eine eigene Verbindung. Der Server im Hintergrund bleibt derselbe, nur der Weg dorthin unterscheidet sich leicht von Claude.
In diesem Artikel zeige ich dir, wie du ChatGPT mit deiner Webflow Website verbindest, welche Voraussetzungen du brauchst, und wo die Unterschiede zu Claude liegen.
Was ist der Webflow MCP Server?
MCP steht für Model Context Protocol, eine offene Schnittstelle, über die KI Modelle direkt mit externen Werkzeugen sprechen. Webflow betreibt darauf einen eigenen Server unter der Adresse mcp.webflow.com, der natürliche Sprache in echte Aktionen gegen dein Projekt übersetzt: CMS Einträge anlegen, Inhalte pflegen, Seiten bauen, Audits fahren. Details dazu stehen in der offiziellen Webflow Dokumentation.
Bisher gab es dafür eigene Anleitungen für Claude Desktop, Claude Code, Cursor und Windsurf. ChatGPT kommt jetzt über den Developer Modus als weiterer Client dazu. Mehr zu den Fähigkeiten des Servers selbst findest du in meinem Artikel zu Webflow MCP, und die Einrichtung mit Claude erkläre ich in diesem Artikel.
Brauchst du dafür ein bezahltes ChatGPT Konto?
Ja, und das gilt genauso für Claude. Der Developer Modus mit eigenen MCP Servern steht ausschließlich auf den Plänen Plus, Pro, Team, Enterprise und Edu zur Verfügung. In der kostenlosen Version von ChatGPT gibt es keinen Developer Modus und keine Möglichkeit, einen eigenen Connector wie den Webflow MCP Server hinzuzufügen. Ohne mindestens ChatGPT Plus funktioniert diese Anleitung also nicht.
Voraussetzungen
- Ein ChatGPT Konto mit Plus, Pro, Team, Enterprise oder Edu Plan, ohne diesen Plan geht es nicht
- Einen Webflow Account mit mindestens einer Seite, die du verwalten darfst
- Owner oder Admin Rechte für die Autorisierung
ChatGPT mit Webflow verbinden: Die Einrichtung Schritt für Schritt
- Entwicklermodus aktivieren. Öffne in ChatGPT die Einstellungen, gehe zu Apps und Connectors, dann zu Erweitert, und schalte den Developer Modus ein.
- Neue App anlegen. Klicke auf Neue App erstellen oder auf das Plus Symbol im Connector Bereich.
- Server Adresse eintragen. Trage als Adresse https://mcp.webflow.com/mcp ein und gib der Verbindung einen Namen, zum Beispiel Webflow.
- Autorisieren. Ein Browserfenster öffnet sich automatisch. Melde dich bei Webflow an und erlaube den Zugriff auf dein Konto.
- Seiten und Workspaces auswählen. Wähle aus, welche Websites und Workspaces ChatGPT nutzen darf, und bestätige die Autorisierung.
- Verbindung im Chat aktivieren. Klicke im Chat auf das Plus Symbol, dann auf Mehr, und wähle deine Webflow Verbindung aus, um sie für die aktuelle Unterhaltung zu aktivieren.
- Ersten Prompt schreiben. Jetzt kannst du loslegen, zum Beispiel mit einem der Beispiele weiter unten.
Für Aktionen direkt im visuellen Designer, wie das Anlegen von Elementen auf der Seite, installierst du zusätzlich die Webflow MCP Bridge App in deiner Website. Sie wird bei der Autorisierung automatisch mit angeboten.
Beispielprompts für den Alltag
- Zeig mir alle CMS Collections meiner Website mit ihrer Feldstruktur.
- Erstelle einen neuen Blogartikel als Entwurf mit Titel, Slug und Meta Beschreibung.
- Prüfe meine Startseite auf fehlende Alt Texte und schlag Korrekturen vor.
Was ist der Unterschied zur Anbindung mit Claude?
Bei den Kosten unterscheidet sich wenig: Sowohl Claude als auch ChatGPT brauchen dafür einen bezahlten Plan. Bei Claude mindestens Pro, weil der Webflow Connector zu den Connectors aus dem Verzeichnis gehört, die im kostenlosen Plan nicht verfügbar sind. Bei ChatGPT mindestens Plus, weil der Developer Modus komplett hinter der Bezahlversion liegt. Der eigentliche Unterschied liegt im Weg dorthin: Claude Desktop bietet einen fertigen Connector zum Anklicken, ChatGPT braucht den Developer Modus und die manuelle Eingabe der Server Adresse. Außerdem bestätigt ChatGPT bei jeder schreibenden Aktion in jeder neuen Unterhaltung erneut, dass ein Tool aufgerufen werden darf.
Ein technischer Unterschied im Hintergrund: ChatGPT verbindet sich ausschließlich mit MCP Servern, die im Netz erreichbar sind. Da Webflow seinen Server genau so bereitstellt, spielt das für dich keine Rolle.
Wo liegen die Grenzen?
Custom Connectors in ChatGPT werden nicht von OpenAI geprüft, mehr dazu im OpenAI Hilfecenter. Verbinde deshalb nur Server, denen du vertraust, was für den offiziellen Webflow Server uneingeschränkt gilt. Für visuelle Aktionen am Canvas selbst brauchst du wie bei Claude eine offene Designer Session mit aktiver Bridge App. Alles andere, CMS Pflege, Audits, Seiten anlegen, funktioniert auch ohne geöffneten Designer.
Fazit
Wenn du ohnehin in ChatGPT arbeitest und mindestens den Plus Plan hast, gibt es jetzt keinen Grund mehr, für Webflow Aufgaben in ein zweites Tool zu wechseln. Die Einrichtung dauert etwa 10 Minuten, minimal länger als bei Claude, weil du die Serveradresse manuell einträgst. Wenn dir das zu fummelig ist oder du die Anbindung gleich richtig in deine Webflow Betreuung einbauen willst, melde dich bei mir.
Häufig gestellte Fragen
Brauche ich ein bezahltes ChatGPT Konto für die Anbindung?
Ja, zwingend. Der Developer Modus mit eigenen Connectors steht ab dem Plus Plan zur Verfügung, die kostenlose Version unterstützt das nicht und bietet auch keinen Umweg dafür.
Ist der Webflow MCP Server derselbe wie bei Claude?
Ja. Sowohl ChatGPT als auch Claude, Cursor und Windsurf sprechen mit demselben Server unter mcp.webflow.com. Bei beiden Tools brauchst du dafür einen bezahlten Plan, nur der Weg zur Verbindung unterscheidet sich.
Muss ich bei jeder Aktion einzeln bestätigen?
ChatGPT fragt bei schreibenden Aktionen in jeder neuen Unterhaltung einmal nach, ob das Tool genutzt werden darf. Das ist eine zusätzliche Sicherheitsstufe von ChatGPT selbst.
Kann ich mehrere Websites gleichzeitig verbinden?
Du wählst bei der Autorisierung aus, welche Websites und Workspaces freigegeben werden. Für einen anderen Workspace entfernst du die Verbindung und autorisierst erneut.
Ist es sicher, einen Custom Connector wie diesen zu nutzen?
Custom Connectors werden nicht von OpenAI geprüft, deshalb solltest du grundsätzlich nur Server verbinden, die du kennst. Der offizielle Webflow Server ist hier unproblematisch, weil er direkt von Webflow betrieben wird.
Du willst ChatGPT oder Claude fest in deinen Webflow Workflow einbauen?
Ich helfe dir als Webflow Spezialist, ohne Agentur Overhead, mit Fixpreis.
Jetzt kostenlos anfragen →
