Integration · Websites und Inhalte

Claude & ChatGPT mit Webflow verbinden

Bitte deine KI, einen Blogbeitrag in deinem CMS zu entwerfen, den SEO-Titel einer Seite zu verbessern oder die neuesten Formulareingänge in Webflow anzuzeigen. Sie liest und bearbeitet Einträge in CMS-Sammlungen, liest Seiten, Formulare und Assets und aktualisiert Seiteneinstellungen. Sobald du bereit bist, kann sie Einträge oder die gesamte Website veröffentlichen. So erledigst du regelmäßige Website-Aktualisierungen direkt im Chat.

Webflow kostenlos verbinden

Kostenloser Tarif, keine Kreditkarte erforderlich. Dauert etwa eine Minute.

Fragen Sie zum Beispiel

“Erstelle einen Entwurf für einen Blogbeitrag über unsere neuen Öffnungszeiten in der Sammlung Blog Posts.”
Die KI liest die Felder der Sammlung und erstellt dann einen noch unveröffentlichten Entwurf mit Name, Slug und Inhalt. Es geht noch nichts live.
“Veröffentliche den Beitrag zu den Öffnungszeiten.”
Sie veröffentlicht den vorbereiteten Eintrag auf der Live-Website.
“Zeig mir die Kontaktformulareingänge dieser Woche.”
Sie listet die neuesten Formulareingänge mit den übermittelten Feldwerten auf.

Was Ihre KI tun kann

CMS

Sammlungen und ihre Felder auflisten, vorbereitete und veröffentlichte Einträge lesen sowie Einträge erstellen, aktualisieren, archivieren und veröffentlichen.

Seiten und SEO

Seiten auflisten, Seiteninhalte lesen sowie Titel, Slugs, SEO- und Open Graph-Einstellungen aktualisieren.

Formulare, Assets und Veröffentlichung

Formulare und Formulareingänge lesen, Assets und Designer-Kommentare auflisten und die Website auf deinen Domains veröffentlichen.

“Gib der Seite Pricing einen besseren SEO-Titel und eine bessere Meta-Beschreibung.”
Sie liest die Seiteneinstellungen und aktualisiert den SEO-Titel und die Beschreibung. Die Änderung erscheint nach der nächsten Veröffentlichung auf der Live-Website.
“Welche Teammitglieder sind auf der Live-Website aufgeführt?”
Sie listet die veröffentlichten Einträge der Sammlung Team Members so auf, wie Besucher sie sehen.
“Veröffentliche die Website auf unserer eigenen Domain.”
Sie ermittelt deine eigenen Domains und veröffentlicht dort alle vorbereiteten Änderungen.

25 Tools für Webflow

Diese Tools werden beim Verbinden aktiviert. Sie können jedes einzelne deaktivieren oder festlegen, dass es vor der Ausführung Ihre Freigabe benötigt.

create_itemÄndert DatenEinen noch unveröffentlichten Eintrag in einer Sammlung erstellen, mit `collection_id` und `body`, das fieldData (name, slug und die Felder der Sammlung) sowie isDraft enthält. Er geht erst nach publish_items oder publish_site live.
create_live_itemÄndert DatenEinen Eintrag in einer Sammlung erstellen und sofort auf der Live-Website veröffentlichen. `body` enthält fieldData (name, slug und die Felder der Sammlung).
delete_itemLöscht DatenEinen Eintrag anhand von `collection_id` und der Eintrags-ID (als `product_id` übergeben) dauerhaft aus einer Sammlung löschen. War er veröffentlicht, bleibt er live, bis die Website erneut veröffentlicht wird.
get_collectionEine CMS-Sammlung anhand ihrer ID (als `category_id` übergeben) mit ihren Feldern sowie deren Slugs und Typen abrufen. Vor dem Erstellen oder Aktualisieren von Einträgen prüfen.
get_form_submissionEinen Formulareingang anhand von `form_submission_id` mit allen übermittelten Feldwerten abrufen.
get_itemEinen Sammlungseintrag anhand von `collection_id` und der Eintrags-ID (als `product_id` übergeben) mit allen Feldwerten abrufen.
get_pageDie Einstellungen einer Seite anhand von `page_id` abrufen: Titel, Slug sowie SEO- und Open Graph-Felder.
get_page_contentDie Text- und Bildinhalte einer statischen Seite anhand von `page_id` als Liste von Inhaltsknoten abrufen.
get_siteName, Kurzname, Domains, Gebietsschemas und Zeitpunkt der letzten Veröffentlichung der verbundenen Website abrufen.
list_assetsDie auf die Website hochgeladenen Bilder und Dateien auflisten, optional innerhalb einer bestimmten `folder_id`.
list_collectionsDie CMS-Sammlungen der Website (z. B. Blog Posts, Team Members) mit ihren IDs auflisten.
list_commentsDie Kommentarverläufe im Designer der Website mit Text, Verfasser und Erledigungsstatus auflisten.
list_domainsDie eigenen Domains der Website mit ihren IDs auflisten, die zum Veröffentlichen auf diesen Domains benötigt werden.
list_form_submissionsDie Formulareingänge der Website über alle Formulare hinweg auflisten, die neuesten zuerst.
list_formsDie Formulare der Website mit ihren IDs und Feldern auflisten.
list_itemsDie Einträge einer Sammlung anhand von `collection_id` auflisten (Stand vor der Veröffentlichung, einschließlich Entwürfen). Nach `name` oder `slug` filtern, mit `sort_by` sortieren und mit `limit`/`offset` seitenweise abrufen.
list_live_itemsDie veröffentlichten (Live-)Einträge einer Sammlung anhand von `collection_id` so auflisten, wie Besucher sie sehen.
list_pagesDie Seiten der Website mit ihren IDs, Titeln, Slugs und SEO-Einstellungen auflisten.
list_submissions_for_formDie Eingänge eines Formulars anhand von `form_id` auflisten.
publish_itemsFür andere sichtbarVorbereitete Sammlungseinträge auf der Live-Website veröffentlichen: `collection_id` und `body` mit itemIds.
publish_siteFür andere sichtbarDie vorbereiteten Änderungen der gesamten Website live veröffentlichen: auf `custom_domains` (IDs aus list_domains) und/oder mit `publish_to_webflow_subdomain` auf der Webflow-Subdomain. Besucher sehen die Änderungen sofort.
reply_to_commentÄndert DatenMit `comment_thread_id` und `content` auf einen Kommentarverlauf im Designer antworten.
update_itemÄndert DatenEinen noch unveröffentlichten Eintrag anhand von `collection_id` und der Eintrags-ID (als `product_id` übergeben) aktualisieren: `field_data` ändern oder `is_draft` bzw. `is_archived` setzen. Anschließend veröffentlichen, damit er live geht.
update_live_itemFür andere sichtbarEinen Eintrag anhand von `collection_id` und `item_id` aktualisieren und die Änderung sofort auf der Live-Website veröffentlichen.
update_page_settingsÄndert DatenDie Einstellungen `title`, `slug`, `seo` (title, description) oder `open_graph` einer Seite anhand von `page_id` ändern. Änderungen erscheinen nach der Veröffentlichung auf der Live-Website.

In drei Schritten einrichten

1
App auswählen
Erstellen Sie ein kostenloses PipMCP-Konto und wählen Sie Webflow aus der App-Liste.
2
Schlüssel einfügen
Füge ein Webflow-Website-API-Token und deine Website-ID ein. Öffne für die Website Site settings > Apps & integrations, scrolle zu API access und klicke auf Generate API token. Wähle dann die benötigten Berechtigungsbereiche aus. Nur Website-Administratoren können ein Token erstellen. Die Website-ID findest du unter Site settings > General.
3
Link zu Ihrer KI hinzufügen
Sie erhalten einen persönlichen MCP-Link. Fügen Sie ihn in Claude, ChatGPT oder Cursor hinzu:
1. Klicken Sie auf Ihren Namen und dann auf Einstellungen › Konnektoren › Benutzerdefinierten Konnektor hinzufügen.
2. Fügen Sie Ihren Link als URL des Remote-MCP-Servers ein.
3. Aktivieren Sie den Konnektor über das +-Menü in einem Chat.

Fragen

Was kann die KI in Webflow tun?

Die KI kann deine Website, Seiten, Seiteninhalte, CMS-Sammlungen und Einträge, Formulare, Formulareingänge, Assets, Domains und Designer-Kommentare lesen. Sie kann CMS-Einträge erstellen und aktualisieren, Seiteneinstellungen ändern, auf Kommentare antworten und Einträge oder die gesamte Website veröffentlichen. Wenn du das entsprechende Tool aktivierst, kann sie auch einen CMS-Eintrag löschen.

Sieht die KI mein Webflow-API-Token?

Nein. Deine Webflow-Zugangsdaten werden verschlüsselt gespeichert und der KI niemals angezeigt. Nach dem Speichern werden sie nicht erneut angezeigt, auch dir nicht. Die KI sieht nur die Ergebnisse der Tools, die sie aufruft.

Kann ich steuern, was die KI tun darf?

Ja. Du wählst aus, welche Tools aktiviert sind, und kannst zunächst nur Lesezugriff erlauben. Durch das Veröffentlichen von Einträgen oder der Website werden Änderungen sofort für Besucher sichtbar. Das Löschen eines Eintrags ist dauerhaft. Daher können diese Aktionen vor der Ausführung deine Freigabe erfordern. Jeder Tool-Aufruf wird protokolliert.

Funktioniert das mit ChatGPT?

Ja. Gehe in ChatGPT zu Settings › Apps & Connectors › Advanced, aktiviere den Entwicklermodus und füge dann deinen PipMCP-Link hinzu. Der Entwicklermodus erfordert einen kostenpflichtigen ChatGPT-Tarif: Plus, Pro, Business oder Enterprise. Derselbe Link funktioniert auch in Claude (Settings › Connectors › Add custom connector), Cursor und anderen MCP-Clients.

Was kostet das?

PipMCP bietet einen kostenlosen Tarif ohne Kreditkarte. Kostenpflichtige Tarife werden pro abgeschlossener Aufgabe abgerechnet. Du benötigst außerdem ein eigenes Webflow-Konto.

Ändert die KI meine Live-Website sofort?

Normalerweise nicht. Neue und aktualisierte CMS-Einträge werden zunächst zur Veröffentlichung vorbereitet und gehen erst live, wenn du sie oder die Website veröffentlichst. Nur die Tools für Live-Einträge und Veröffentlichungen ändern, was Besucher sehen. Du kannst diese deaktivieren oder eine Freigabe voraussetzen. PipMCP speichert deine Website-ID mit der Verbindung, sodass die KI nie fragen muss, welche Website sie verwenden soll.