Webflow CMS-API: Integrationen und Dokumentation

Suchen Sie nach Wegen, die Verwaltung Ihrer Webflow-Website zu optimieren? Oder möchten Sie das Webflow-gehostete Frontend mit einer externen API verbinden? Lesen Sie diesen Artikel, um zu erfahren, wie die Webflow-API funktioniert und welche Optionen Ihnen zur Verfügung stehen.
Sehen Sie, was ChatGPT denkt Öffnen Sie den Live-Widget-Editor
Webflow CMS API: Integrations and Documentation

Was ist die Webflow-API?

Die Webflow-Plattform implementiert eine HTTP-JSON-API, die es Nutzern ermöglicht, Daten im Webflow CMS programmatisch hinzuzufügen, zu aktualisieren und zu löschen. Grundsätzlich ermöglicht sie die Verbindung externer Datenquellen mit Webflow-Seiten.

So erhalten Sie Ihren Webflow-API-Schlüssel

  • Schritt 1 – Gehen Sie zu den Projekteinstellungen

    Melden Sie sich in Ihrem Webflow-Dashboard an und suchen Sie das Projekt, für das Sie Ihre API-Anwendung erstellen möchten. Klicken Sie auf die drei Punkte und wählen Sie Einstellungen im Dropdown-Menü.

    Webflow API tutorial
  • Schritt 2 – Gehen Sie zum Bereich Integrationen

    Finden Sie die Integrations-Registerkarte im oberen Menü und klicken Sie darauf.

    api webflow
  • Schritt 3 – Generieren Sie Ihren API-Token

    Scrollen Sie nach unten zum API-Zugriffsteil. Dort sehen Sie den Button Generieren, mit dem Sie Ihren individuellen API-Schlüssel für das Projekt erstellen.

    Webflow API key

    Nach der Generierung findest du das Token in einem separaten Feld – klicke einfach auf die Kopieren-Schaltfläche.

    connect webflow to api

Hinweis: Nachdem du das Token generiert hast, beachte die Meldung, es zu kopieren und für später zu speichern. Wenn du es verlierst, kannst du es nicht wiederherstellen oder neu erstellen. Die Generierung eines neuen Tokens für diese Website macht das vorherige automatisch ungültig.

Webflow-API-Integration

Jede benutzerdefinierte Integration der Webflow-API erfordert die Entwicklung einer Anwendung von Grund auf. Die Benutzeroberfläche des Dienstes unterstützt weder No-Code- noch Low-Code-API-Integrationen. Wenn Sie kein Entwickler sind und nicht in die Programmierung investieren möchten, können Sie nach einer Drittanbieter-Lösung suchen, um Webflow mit einer API zu verbinden, die Ihren Anforderungen gerecht wird.

Eine der beliebtesten Lösungen ist die Nutzung fertiger API-Schnittstellen wie Elfsight widgets. Sie können die Websites beliebiger Nutzer mit verschiedenen Drittanbieter-Diensten und Anwendungen verbinden und Daten im von Webflow gehosteten Frontend veröffentlichen. Sie können in der Liste der API-Lösungen nach derjenigen suchen, die am besten zu Ihrem speziellen Anwendungsfall passt.

Die API von Webflow CMS wird verwendet, um Elemente automatisch aus dem Webflow CMS zu verwalten und Ihnen zu ermöglichen, Drittanbieter-Datenquellen mit einer Website zu verbinden. Allerdings kann diese Art von API beispielsweise keine Sammlungen oder Datensätze aus dem Webflow CMS zurück in eine externe API senden.

API-Changelog

Die erste Version der Webflow-API wurde 2016 veröffentlicht und seitdem gab es nur zwei größere Funktionsupdates.

  • <strong>Im Jahr 2017</strong> wurden Endpunkte zum Veröffentlichen einer Website und zum Abfragen der benutzerdefinierten Domains einer Website hinzugefügt
  • Im Jahr 2020 E-Commerce wurde in Kollektionen, Bestellungen und Bestand aufgeteilt; es wurden Collection-Modelle für Produkte, SKUs und Kategorien sowie der Endpunkt zur Erstellung von Produkten hinzugefügt

Webflow-API-Dokumentation

Die Plattform bietet den Entwicklerbereich mit der detaillierten CMS-API-Referenz. Sie beschreibt die Funktionsprinzipien und Parameter der API, zeigt ihre Datenmodelle und bietet kurze Informationen, API-Tutorials und Beispiele zu jedem hervorgehobenen Punkt. Außerdem gibt es einen Abschnitt, der die Webflow Ecommerce API im Detail erklärt.

Häufige Fragen

Hat Webflow eine API?

Ja, die Plattform ermöglicht das Verwalten von Webflow-Frontend-Inhalten, die über API-Aufrufe gehostet werden. Dabei handelt es sich um eine HTTP-JSON-API, die über HTTP, den JavaScript-API-Client oder Integrationen von Drittanbietern zugänglich ist.

Wie integriert Webflow die API?

Die API lässt sich entweder durch Ihre eigene Webanwendung oder durch externe Integrationsdienste integrieren. Beachten Sie, dass die Webflow-API keine Informationen und Daten aus dem Webflow CMS an eine externe API senden kann.

Wie finde ich meinen Webflow-API-Schlüssel?

Sie können im Bereich Integration in Ihren Projekteinstellungen einen API-Zugriffstoken erzeugen.

Beachten Sie außerdem, dass wir weitere großartige Guides haben – zum Beispiel erfahren Sie, wie Sie Google-Unternehmensbewertungen in Ihre Website einbetten!

Artikel von
Marketing-Lead
Ich bin Andrei Kozinskiy, Marketing-Leiter bei Elfsight. Meine Aufgabe ist es, das Nutzerwachstum durch Inhalte und verschiedene Traffic-Kanäle voranzutreiben. Ich teile gern Einblicke und Erfahrungen, um anderen zum Erfolg zu verhelfen.