Wie verbinden Sie AirOps mit dem Webflow CMS?

Kurze Antwort: Sie können AirOps mit dem Webflow CMS über die native Webflow-Integration von AirOps oder über die Aktion „Publish to CMS from Grid“ verbinden. Nach der Verbindung fließen KI-generierte Inhalte direkt in Ihre Webflow-CMS-Collections, ohne dass Sie sie manuell kopieren, formatieren oder zwischen Tools wechseln müssen.

KI-generierte Inhalte sind nur dann nützlich, wenn sie auch veröffentlicht werden. Wenn Ihr Team AirOps-Workflows ausführt und die Ergebnisse anschließend manuell in Webflow kopiert, entsteht Reibung, die den Sinn der Automatisierung zunichtemacht.

Dieses Tutorial zeigt Ihnen Schritt für Schritt, wie Sie AirOps-Ergebnisse automatisch in Webflow-CMS-Collections übertragen. Am Ende haben Sie eine funktionierende Pipeline, die KI-generierte Inhalte Feld für Feld direkt in Ihr CMS veröffentlicht, ohne dass Sie den Webflow-Editor anfassen müssen.

Was die Integration von AirOps und Webflow CMS tatsächlich leistet

Die Integration von AirOps und Webflow verbindet Ihre KI-Content-Workflows per API mit Webflow-CMS-Collections. Statt ein Dokument zu exportieren und für Webflow neu zu formatieren, ordnet AirOps seine Ergebnisfelder direkt den Feldern Ihrer CMS-Collection zu und veröffentlicht Einträge auf Abruf.

Das bedeutet:

• Titelfelder werden dem Namen Ihres Webflow-Eintrags zugeordnet
• Rich-Text-Ergebnisse werden mehrzeiligen Feldern oder Rich-Text-Feldern Ihrer Collection zugeordnet
• Meta-Beschreibungen, Slugs und Tags werden den jeweiligen Feldern zugeordnet
• Der Status „Entwurf“ oder „Veröffentlicht“ wird im Workflow selbst festgelegt

Das Webflow-Team selbst hat diese Integration mit AirOps genutzt, um Content-Aktualisierungen um das Fünffache zu beschleunigen. Wenn Sie einen skalierbaren Veröffentlichungs-Workflow aufbauen, hilft es außerdem zu verstehen, wie sich Ihr CMS auf die organische Performance auswirkt, besonders bei der Wahl des besten CMS für SEO.

Was Sie vor dem Start brauchen

Bevor Sie die Pipeline aufbauen, stellen Sie sicher, dass Folgendes vorhanden ist:

• Ein aktives AirOps-Konto (jeder kostenpflichtige Tarif enthält CMS-Integrationen)
• Eine Webflow-Website mit mindestens einer eingerichteten CMS-Collection
• Ein Webflow-API-Token mit Lese- und Schreibrechten für das CMS
• Ein funktionierender AirOps-Workflow, der strukturierte Ergebnisse liefert (Titel, Haupttext, Meta-Beschreibung usw.)

Wenn Ihr AirOps-Workflow noch unstrukturierten Text ausgibt, strukturieren Sie ihn zuerst. Die Integration arbeitet Feld für Feld, daher müssen Ihre Ergebnisse zum Schema Ihrer Collection passen, bevor die Zuordnung sinnvoll ist.

Schritt 1: Webflow mit AirOps verbinden

1. Öffnen Sie AirOps und gehen Sie in der linken Seitenleiste zu Integrationen
2. Wählen Sie in der Liste der Integrationen Webflow aus
3. Klicken Sie auf Connect und melden Sie sich mit Ihrem Webflow-Konto an
4. Erteilen Sie AirOps die Berechtigung, auf die CMS-Collections Ihrer Website zuzugreifen
5. Wählen Sie die Webflow-Website aus, auf der Sie veröffentlichen möchten

AirOps verwendet OAuth zur Authentifizierung, sodass Sie in diesem Schritt keine API-Schlüssel manuell einfügen müssen. Wenn Sie in einem Team-Workspace arbeiten, richten Sie die Integration auf Workspace-Ebene ein, damit alle Workflows dieselbe Webflow-Verbindung nutzen.

Schritt 2: Das Schema Ihrer Webflow-CMS-Collection einrichten

Ihre Webflow-Collection muss zu den Ergebnissen passen, die Ihr AirOps-Workflow erzeugt. Öffnen Sie Webflow und gleichen Sie die Felder Ihrer Collection mit Ihren AirOps-Ergebnissen ab.

Ein typisches Blog-Collection-Schema, das gut mit AirOps funktioniert, sieht so aus:

Wenn in Ihrer Collection Felder fehlen, die Ihr AirOps-Workflow erzeugt, fügen Sie diese in Webflow hinzu, bevor Sie fortfahren. Nicht passende Felder führen dazu, dass die Veröffentlichung fehlschlägt oder Inhalte stillschweigend verloren gehen.

Schritt 3: Ihren AirOps-Workflow so erstellen oder anpassen, dass er strukturierte Felder ausgibt

In AirOps muss Ihr Workflow benannte Ergebnisse erzeugen, die Ihren Webflow-Feldern entsprechen. Wenn Sie einen Grid-Workflow verwenden (das Batch-Content-Tool von AirOps), wird jede Spalte im Grid zu einem zuordenbaren Feld.

Strukturieren Sie Ihre Workflow-Ergebnisse so:

• title (reiner Text, aus SEO-Gründen unter 60 Zeichen)
• body (Rich Text oder HTML, je nach Feldtyp in Webflow)
• meta_description (reiner Text, 140 bis 160 Zeichen)
• slug (Kleinbuchstaben, mit Bindestrichen, ohne Leerzeichen)
• status (während des Testens auf „draft“ setzen, bei Bedarf auf „published“ umstellen)

Speziell für Rich-Text-Felder unterstützt AirOps HTML-Eingaben. Wenn Ihr Webflow-Rich-Text-Feld HTML akzeptiert, formatieren Sie Ihr Body-Ergebnis als HTML statt als einfaches Markdown. So bleiben Überschriftenhierarchie, Fettdruck, Listen und Links erhalten, ohne dass Webflow die Formatierung beim Import entfernt.

Das ist die häufigste Fehlerquelle bei Setups von AirOps und Webflow CMS. Body-Ergebnisse als reiner Text verlieren jegliche Formatierung, wenn sie in ein Rich-Text-Feld übertragen werden.

Schritt 4: Die Aktion „Publish to CMS“ in AirOps hinzufügen

Hier kommt die Pipeline zusammen.

1. Klicken Sie in Ihrem AirOps-Workflow auf Add Action
2. Wählen Sie Publish to CMS from Grid (für Batch-Workflows) oder Webflow CMS Item (für Workflows mit einzelnen Einträgen)
3. Wählen Sie Ihre verbundene Webflow-Website im Dropdown-Menü aus
4. Wählen Sie die Ziel-CMS-Collection aus
5. Ordnen Sie jedes AirOps-Ergebnisfeld dem passenden Feld der Webflow-Collection zu

Auf dem Bildschirm für die Feldzuordnung sehen Sie rechts die Felder Ihrer Webflow-Collection und links die Ergebnisse Ihres AirOps-Workflows. Verbinden Sie sie per Drag-and-drop oder Auswahl.

Bei Verweisfeldern (etwa einem Kategorie- oder Autorenfeld in Webflow) müssen Sie die Webflow-Eintrags-ID des Verweises übergeben, nicht die Textbezeichnung. Diese IDs erhalten Sie über die Webflow-CMS-API oder im Collection-Manager von Webflow.

Schritt 5: Mit einem einzelnen Entwurf testen

Bevor Sie eine Batch-Veröffentlichung starten, testen Sie die Verbindung mit einem Eintrag im Entwurfsstatus.

1. Setzen Sie das Status-Ergebnis Ihres Workflows auf "draft"
2. Führen Sie den Workflow für eine einzelne Zeile oder eine einzelne Eingabe aus
3. Öffnen Sie das Webflow CMS und prüfen Sie, ob der Entwurf in Ihrer Collection erscheint
4. Prüfen Sie jedes Feld: Ist die Rich-Text-Formatierung intakt, stimmt der Slug und ist kein Feld leer?

Häufige Probleme in dieser Phase:

• Das Rich-Text-Feld zeigt rohe HTML-Tags: Ihr Webflow-Feld ist auf reinen Text statt auf Rich Text eingestellt. Ändern Sie den Feldtyp in Webflow.
• Der Eintrag erscheint, aber der Slug ist leer: Ihr Slug-Ergebnis enthält Leerzeichen oder Großbuchstaben. Fügen Sie in AirOps einen Schritt zur Textumwandlung hinzu, um ihn zu bereinigen.
• Das Verweisfeld ist leer: Sie übergeben eine Bezeichnung statt einer Webflow-Eintrags-ID. Wechseln Sie zur ID-basierten Zuordnung.

Beheben Sie alle Feldprobleme, bevor Sie zur Batch-Veröffentlichung übergehen.

Schritt 6: Die Batch-Veröffentlichung aus dem AirOps Grid ausführen

Sobald Ihr Test mit einem einzelnen Eintrag erfolgreich war, können Sie mit AirOps Grids in großem Umfang veröffentlichen.

1. Öffnen Sie Ihr AirOps Grid mit den Inhaltszeilen, die Sie veröffentlichen möchten
2. Wählen Sie die Zeilen aus, die Sie an Webflow übertragen möchten (oder wählen Sie alle aus)
3. Klicken Sie auf Publish to CMS
4. Bestätigen Sie die Ziel-Collection und die Feldzuordnung
5. Starten Sie die Batch-Aktion

AirOps verarbeitet jede Zeile nacheinander und legt in Webflow für jede einen neuen CMS-Eintrag an. Pro Zeile sehen Sie eine Statusanzeige für Erfolg oder Fehler. Bei fehlgeschlagenen Zeilen erscheint eine Fehlermeldung, die meist auf ein bestimmtes Problem bei der Feldzuordnung hinweist.

Bei Workflows zur Content-Aktualisierung (bestehende Webflow-Einträge werden aktualisiert statt neu angelegt) kann AirOps über Eintrags-ID oder Slug abgleichen, um zu aktualisieren statt zu duplizieren. Übergeben Sie die vorhandene Webflow-Eintrags-ID als Ausgabespalte und ordnen Sie sie der Aktion „Aktualisieren“ statt „Erstellen“ zu.

So gehen Sie mit der Rich-Text-Formatierung in Webflow um

Rich Text ist der technisch heikelste Teil der Pipeline von AirOps zum Webflow CMS und verdient deshalb einen eigenen Abschnitt.

Das Rich-Text-Feld von Webflow akzeptiert HTML. AirOps kann HTML ausgeben, wenn Sie es in Ihrem Prompt oder in den Workflow-Einstellungen entsprechend anweisen. Am sichersten gehen Sie so vor:

1. Legen Sie das Body-Ergebnis in AirOps in Ihrem Prompt ausdrücklich auf das HTML-Format fest („Gib den Artikeltext als gültiges HTML mit korrekten Überschriften-, Absatz- und Listen-Tags aus“)
2. Ordnen Sie dieses Ergebnis einem Rich-Text-Feld in Webflow zu
3. Testen Sie, dass die <h2>, <h3>, <ul>, <ol>, <strong>, und <a> Tags in Webflow korrekt dargestellt werden

Tabellen und Custom-Code-Elemente erfordern zusätzlichen Aufwand. Das Rich-Text-Feld von Webflow unterstützt HTML-Tabellen nicht nativ so wie eine normale HTML-Seite. Wenn Ihre Inhalte Tabellen enthalten, wandeln Sie sie vor der Veröffentlichung entweder in strukturierte Listen um oder verwenden Sie in Webflow ein Embed-Feld statt des Rich-Text-Felds.

Den gesamten Ablauf automatisieren: vom Trigger bis zum veröffentlichten CMS-Eintrag

Die effizienteste Variante dieses Workflows kommt komplett ohne manuelle Schritte aus. So richten Sie eine Schleife vom Trigger bis zur Veröffentlichung ein:

1. Auslöser: eine neue Zeile in einem Google Sheet, ein aktualisierter Airtable-Datensatz oder ein geplanter AirOps-Lauf
2. Generieren: AirOps führt den Content-Workflow aus und erzeugt strukturierte Ergebnisse
3. Veröffentlichen: AirOps löst die Veröffentlichungsaktion im Webflow CMS automatisch aus, ohne manuellen Klick
4. Benachrichtigen: AirOps sendet eine Slack- oder E-Mail-Benachrichtigung, die bestätigt, dass der Eintrag veröffentlicht wurde

Dieses Setup ist besonders nützlich für Workflows zur Content-Aktualisierung. Sie übergeben AirOps eine Liste bestehender Webflow-CMS-Eintrags-IDs samt aktuellem Inhalt, der Workflow überarbeitet oder aktualisiert sie, und das Ergebnis geht direkt in dieselben CMS-Einträge zurück.

FAQs

F: Veröffentlicht AirOps direkt im Webflow CMS oder ist dafür Zapier nötig?

AirOps bietet eine native Webflow-Integration, die direkt in CMS-Collections veröffentlicht, ohne dass Zapier oder Make als Middleware nötig sind. Sie verbinden Webflow in AirOps, ordnen Ihre Ausgabefelder den Collection-Feldern zu und veröffentlichen mit einer einzigen Aktion. Ein Automatisierungstool eines Drittanbieters ist nicht erforderlich.

F: Welches Format sollte AirOps für Rich-Text-Felder in Webflow verwenden?

Verwenden Sie für Rich-Text-Felder in Webflow HTML als Ausgabe. Weisen Sie Ihren AirOps-Workflow an, den Fließtext als gültiges HTML mit passenden Tags für Überschriften, Absätze, Fettdruck und Listen zu formatieren. Reiner Text oder Markdown verliert beim Import in ein Rich-Text-Feld von Webflow die Formatierung.

F: Kann AirOps bestehende Webflow-CMS-Einträge aktualisieren oder nur neue erstellen?

AirOps kann bestehende Webflow-CMS-Einträge aktualisieren. Dazu übergeben Sie die Webflow-ID des vorhandenen Eintrags durch den Workflow und ordnen sie einer Update-Aktion statt einer Erstellen-Aktion zu. So funktionieren Workflows zur Aktualisierung von Inhalten: Der Eintrag wird über die ID zugeordnet, der Inhalt neu geschrieben und das Update an denselben CMS-Eintrag zurückgespielt.

F: Wie viele Webflow-CMS-Einträge kann AirOps in einem Batch-Lauf veröffentlichen?

AirOps verarbeitet Grid-Zeilen nacheinander, sodass es von Seiten AirOps keine feste Obergrenze für die Batch-Größe gibt. Die CMS-API von Webflow hat jedoch Ratenlimits (derzeit 60 Anfragen pro Minute bei Standardplänen). Bei großen Batches mit mehr als 60 Einträgen sollten Sie in den Workflow-Einstellungen von AirOps einen Puffer für das Ratenlimit einplanen oder den Batch in kleinere Läufe aufteilen.

F: Ist diese Integration für Teams ohne technische Kenntnisse geeignet?

Ja. Die Oberfläche für die Feldzuordnung in AirOps ist visuell aufgebaut und erfordert keine API-Kenntnisse. Der wichtigste technische Schritt ist die Einrichtung der Webflow-OAuth-Verbindung und das Verständnis Ihres Collection-Schemas. Sobald beides steht, können Content-Teams Workflows ohne Unterstützung durch Entwickler ausführen und veröffentlichen.