Installation überspringen. In unter 2 Minuten einsatzbereit.
Starte eine kostenlose Testphase auf cloud.anythingmcp.com, füge Webflow mit einem Klick hinzu und richte deinen KI-Client (Claude, ChatGPT, Copilot oder Cursor) auf den erzeugten MCP-Endpoint. Kein Docker, kein git clone, keinerlei Entwicklungserfahrung nötig.
Zusammenfassung
Lass deine KI an einer Webflow-Site arbeiten: die Site, ihre Seiten und SEO-Einstellungen, CMS-Collections und -Items, Formulare und Einsendungen, Assets sowie E-Commerce-Produkte und -Bestellungen lesen; CMS-Items entwerfen und aktualisieren und Items oder die ganze Site veröffentlichen, sobald du zustimmst. Mit einem Site-API-Token.
Frag einfach
Beispiel-Prompts für Webflow
Klick auf einen Prompt, um ihn zu kopieren. In Claude, ChatGPT, Cursor, Gemini, Copilot oder OpenClaw einfügen — und gegen diesen Connector laufen lassen.
Claude ist KI und kann Fehler machen. Bitte Antworten gegenprüfen.
💡 Keine Installation? Nutze cloud.anythingmcp.com direkt. Einloggen, Connectors → Webflow klicken, Zugangsdaten einfügen, MCP-API-Key erzeugen, fertig. Kein Docker, kein
git clone, kein lokaler Server.
Webflow + ChatGPT
Lass deine KI an einer Webflow-Site arbeiten: die Site, ihre Seiten und SEO-Einstellungen, CMS-Collections und -Items, Formulare und Einsendungen, Assets sowie E-Commerce-Produkte und -Bestellungen lesen; CMS-Items entwerfen und aktualisieren und Items oder die ganze Site veröffentlichen, sobald du zustimmst. Mit einem Site-API-Token.
Voraussetzungen
Die vollständige Setup-Anleitung ist in den Connector eingebaut (im Store sichtbar, wenn du den Connector auswählst). Benötigte Umgebungsvariablen für diesen Connector:
WEBFLOW_API_TOKEN
Schritt 1 — Zugangsdaten holen
- Melde dich unter https://webflow.com/dashboard an, fahre mit der Maus über die Site und klicke auf ihr Zahnradsymbol, um die Site settings zu öffnen. Dafür musst du Site-Administrator sein.
- Wähle in der linken Seitenleiste Apps & integrations, scrolle ganz nach unten zu API access und klicke auf Generate API token.
- Gib dem Token einen Namen (zum Beispiel „AnythingMCP“) und wähle diese Scopes:
sites:read,sites:write(um die Site zu veröffentlichen)pages:read,pages:write(für Seiteneinstellungen)cms:read,cms:write(um Items anzulegen, zu ändern, zu veröffentlichen, zurückzuziehen oder zu löschen)forms:read,assets:readecommerce:read(nur bei einer E-Commerce-Site)
- Klicke auf Generate token, kopiere das Token sofort und trage es ohne das Wort Bearer in
WEBFLOW_API_TOKENein, dann installiere den Connector. - Beginne mit
webflow_get_token_info: Das Tool zeigt die Scopes und die Site-ID, für die das Token gilt.webflow_list_sitesliefert danach die Details der Site; ihreidist diesite_id, die die anderen Tools erwarten.
Scopes: Einem bestehenden Token lassen sich keine Scopes hinzufügen. Antwortet ein Tool mit 403 missing_scopes, erstelle ein neues Token mit dem fehlenden Scope und trage es in WEBFLOW_API_TOKEN ein.
Nur lesen: Setze nur die :read-Scopes und schalte webflow_publish_site, webflow_update_page_settings, webflow_create_item, webflow_update_item, webflow_publish_items, webflow_create_live_item und webflow_update_live_item aus.
Bei der Installation ausgeschaltet: webflow_delete_item, das ein CMS-Item endgültig löscht, und webflow_unpublish_live_item, das ein veröffentlichtes Item von der Website nimmt (es bleibt als Entwurf im CMS). Schalte sie nur ein, wenn die KI Items löschen oder zurückziehen soll.
Eine Site pro Token: Ein Site-Token erreicht nur die Site, auf der es erstellt wurde. Eine Site kann bis zu 5 Tokens haben, und ein Token läuft nach 365 Tagen ohne Nutzung ab. Für mehrere Sites installierst du den Connector einmal pro Site.
Pläne: Die API funktioniert in jedem Site-Plan, auch im kostenlosen Starter-Plan. Die CMS-Tools brauchen einen Plan mit CMS: Starter enthält ein kleines (20 Collections, 50 Items), Basic keins. Im Starter-Plan lehnt Webflow das Veröffentlichen einzelner Items (webflow_publish_items, webflow_create_live_item, webflow_update_live_item, webflow_unpublish_live_item) eventuell ab, weil es zu den bezahlten CMS-Plänen gehört: Veröffentliche dann die ganze Site. Produkte und Bestellungen brauchen einen E-Commerce-Plan; andere Sites antworten mit 409.
Staged- und Live-Inhalte: Jedes CMS-Item hat eine Staged-Version (das, was Redakteure sehen) und, sobald es veröffentlicht ist, eine Live-Version auf der Website. webflow_create_item und webflow_update_item ändern nur die Staged-Inhalte, auf der öffentlichen Site ändert sich also nichts; neue Items sind Entwürfe. webflow_publish_items stellt ausgewählte Items live, webflow_publish_site veröffentlicht alle vorbereiteten Änderungen der Site, Seiten und Items. webflow_create_live_item und webflow_update_live_item schreiben direkt auf die öffentliche Site. Ein veröffentlichtes Item als Entwurf zu markieren, nimmt es nicht von der Site; Archivieren tut das beim nächsten Veröffentlichen der Site. webflow_list_items zeigt die Staged-Items, webflow_list_live_items das, was Besucher sehen.
Veröffentlichen ist öffentlich: erst bestätigen. Bevor die KI die Site oder Items veröffentlicht, Live-Items schreibt oder Seiteneinstellungen ändert (Titel, Slugs, SEO- und Open-Graph-Texte mit webflow_update_page_settings), sagt sie dir genau, was sich auf der Website ändert, und wartet auf dein Ja. Webflow akzeptiert eine erfolgreiche Veröffentlichung der Site pro Minute.
Felddaten: Der Inhalt eines Items ist nach dem Slug jedes Felds aus webflow_get_collection benannt, nicht nach dem Anzeigenamen; name und slug sind für ein neues Item Pflicht. Rich Text ist HTML, eine Referenz erwartet eine Item-ID, und ein neues Bild ist eine öffentliche URL (höchstens 4 MB) in der Form {"url": "https://..."}. Ändert sich der Slug eines Items, funktionieren Links auf die alte URL nicht mehr.
Sprachversionen: Auf einer lokalisierten Site listet webflow_get_site die Locales auf. Ohne Angabe nutzen die Tools die primäre Locale.
Rate Limits: Pro Token 60 Anfragen pro Minute in den Site-Plänen Starter und Basic, 120 in den CMS-, E-Commerce- und Business-Plänen. Darüber antwortet Webflow mit 429 und einem Retry-After-Header, meist 60 Sekunden: Warte und versuche es erneut. Listen-Tools liefern höchstens 100 Einträge pro Seite.
Häufige Fehler: 400 nennt das fehlerhafte Feld: einen unbekannten Feld-Slug, einen Wert im falschen Format oder ein fehlendes name oder slug. 401 heißt, dass das Token falsch, widerrufen oder abgelaufen ist: Erstelle ein neues unter Site settings → Apps & integrations → API access. 403 (missing_scopes oder forbidden) heißt, dass dem Token ein Scope fehlt (erstelle ein neues Token damit) oder der Site-Plan die Funktion nicht enthält. 404 ist eine falsche ID oder eine ID von einer anderen Site. 409 heißt, dass die Anfrage nicht zum Zustand der Site passt, zum Beispiel E-Commerce-Aufrufe auf einer Site ohne E-Commerce. 429 ist das Rate Limit: Warte die Retry-After-Zeit ab.
Der Connector legt keine Collections und Felder an und ändert sie nicht, bearbeitet keine Seiteninhalte, Komponenten oder Custom Code, lädt keine Assets hoch und löscht keine, ändert keine Formular-Einsendungen, bearbeitet keine Produkte und Bestellungen und unterstützt keine Webhooks, Kommentare oder Analytics.
Schritt 2 — Adapter installieren
curl -fsSL https://raw.githubusercontent.com/HelpCode-ai/anythingmcp/main/docker-compose.quickstart.yml -o docker-compose.yml
printf 'JWT_SECRET=%s\nENCRYPTION_KEY=%s\n' "$(openssl rand -hex 32)" "$(openssl rand -hex 32)" > .env
docker compose up -d
Schritt 3 — Connector in ChatGPT hinzufügen
Deine Server-URL: Öffne in AnythingMCP MCP Servers → den Server, auf dem dieser Connector liegt, und kopiere seine URL (
https://cloud.anythingmcp.com/mcp/…). Setze sie überall ein, wo diese AnleitungYOUR_SERVER_IDzeigt.
ChatGPT verbindet MCP-Server als eigene Apps im Entwicklermodus (Developer mode). Den gibt es in den kostenpflichtigen Tarifen, nicht im kostenlosen. In Business- und Enterprise-Workspaces muss ihn eventuell erst ein Admin freigeben.
- Öffne in ChatGPT Settings → Security and login und aktiviere Developer mode.
- Geh zu chatgpt.com/plugins und klicke auf +.
- Gib einen Namen und eine kurze Beschreibung ein, z. B. Name:
Webflow. - Trag unter Connection die MCP-Server-URL
https://cloud.anythingmcp.com/mcp/YOUR_SERVER_IDein und erstelle die Verbindung. - Wenn ChatGPT danach fragt, meldest du dich bei AnythingMCP an (OAuth) und erlaubst den Zugriff.
Verfügbare Tools
| Tool | What it does |
|---|---|
webflow_get_token_info | Check the connected token: its scopes (comma-separated), the site ids it is authorized for, its rate limit per minute, grant type, and when… |
webflow_list_sites | List the sites the token can reach: id, displayName, shortName, workspaceId, lastPublished, lastUpdated, timeZone, customDomains and locales |
webflow_get_site | Read one site: displayName, shortName, lastPublished, lastUpdated, timeZone, customDomains (id and url) and locales (primary and secondary… |
webflow_list_custom_domains | List the site's custom domains with id, url and lastPublished |
webflow_publish_site | Publish the site (or one page with page_id) to its custom domains and/or the webflow.io subdomain: every staged change, pages and CMS… |
webflow_list_pages | List the site's pages: id, title, slug, parentId, collectionId (set for CMS template pages), publishedPath, draft, archived, lastUpdated… |
webflow_get_page | Read one page's settings: title, slug, publishedPath, draft, archived, collectionId, lastUpdated, seo (title, description) and openGraph… |
webflow_update_page_settings | Change a page's title, slug, SEO title and description, or Open Graph title and description, optionally for one locale |
webflow_list_collections | List the site's CMS collections: id, displayName, singularName, slug, createdOn and lastUpdated |
webflow_get_collection | Read a collection's schema: displayName, singularName, slug and fields, each with id, slug, displayName, type (PlainText, RichText, Image… |
webflow_list_items | List a collection's staged items (drafts and published ones, as editors see them): id, fieldData, isDraft, isArchived, lastPublished (null… |
webflow_get_item | Read one staged item: id, fieldData (keyed by field slug), isDraft, isArchived, lastPublished, lastUpdated, createdOn and cmsLocaleId… |
webflow_create_item | Create a staged CMS item; nothing appears on the public site |
webflow_update_item | Change a staged item: only the fields in field_data change |
webflow_delete_item | Delete an item from the CMS for good (in the primary locale, or in the given locales) |
webflow_publish_items | Publish staged items to the live site without publishing the rest of it: their current staged content becomes public and drafts stop being… |
webflow_list_live_items | List a collection's published items as visitors see them: id, fieldData, lastPublished, lastUpdated, createdOn and cmsLocaleId |
webflow_get_live_item | Read the published version of one item: id, fieldData, lastPublished, lastUpdated and cmsLocaleId |
webflow_create_live_item | Create an item and publish it on the live website at once, skipping the draft stage |
webflow_update_live_item | Change a published item and push the change to the live website immediately: only the fields in field_data change |
webflow_unpublish_live_item | Take a published item off the live website (primary locale, or the given locales) |
webflow_list_forms | List the site's forms: id, displayName, pageId, pageName, formElementId, fields (name and type per field), createdOn and lastUpdated |
webflow_get_form | Read one form's schema: displayName, the page it sits on, formElementId, its fields with their types, and responseSettings (notification… |
webflow_list_form_submissions | List the site's form submissions: id, displayName (the form name), dateSubmitted, formResponse (the submitted values by field name) and… |
webflow_list_form_submissions_by_form | List the submissions of one form by its form id: id, dateSubmitted, formResponse (the submitted values by field name) and localeId |
webflow_get_form_submission | Read one form submission: form name, dateSubmitted, localeId and formResponse with every submitted value by field name |
webflow_list_assets | List the files uploaded to the site: id, displayName, originalFileName, contentType, size in bytes, hostedUrl, altText, folderId, variants… |
webflow_get_asset | Read one asset: displayName, originalFileName, contentType, size, hostedUrl (the public file URL), altText, variants and dates |
webflow_list_products | List e-commerce products, each with its product fieldData (name, slug, description, ...) and its SKUs (variants with price, SKU code and… |
webflow_get_product | Read one e-commerce product with all its SKUs: the product's fieldData and, per SKU, price, compare-at price, SKU code and option values |
webflow_list_orders | List e-commerce orders: orderId, status, acceptedOn, fulfilledOn, customerInfo, shipping and billing address, purchasedItems, totals… |
webflow_get_order | Read one e-commerce order: status, dates, customerInfo, addresses, purchasedItems, totals with taxes and shipping, payment details… |
Beispiel-Prompts
- „Liste die Seiten unserer Webflow-Site auf, bei denen der SEO-Titel oder die Meta-Description fehlt.“
- „Welche Blogartikel im CMS sind noch Entwürfe, und wann wurden sie zuletzt bearbeitet?“
- „Zeig mir die Einsendungen des Kontaktformulars aus dieser Woche mit Name, Firma und Nachricht.“
- „Leg in der Collection Blog einen neuen Artikel mit dem Titel „Frühjahrs-Produktupdate“ und einer kurzen Zusammenfassung an, nur als Entwurf. Veröffentliche ihn nicht.“
FAQ
Funktioniert der kostenlose ChatGPT-Tarif mit eigenen MCP-Connectors? Nein. Eigene MCP-Verbindungen brauchen den Entwicklermodus, und den gibt es nur in kostenpflichtigen Tarifen.
Nächste Schritte
- Connector-Startseite
- Mit Claude verbinden
- Mit Cursor verbinden
- Mit Gemini verbinden
- Mit Meta Muse verbinden
War dieser Guide hilfreich?
