Webflow Formular-Inhalte direkt über das CMS veröffentlichen

Level:
Einfach 👌
Ergebnis anschauen
Icon für einen externen Link
Im Webflow Designer öffnen und klonen
Icon für einen externen Link
Im Webflow Designer öffnen und klonen
Icon für einen externen Link

Ich zeige dir, wie man mit MAKE (früher Integromat) automatisiert Formularinhalte aus deiner Webflow Website in das Webflow CMS übertragen kann. Das heisst ein Seitenbesucher füllt bei mir ein Formular auf der Website aus und ich möchte diese Daten direkt wieder in meinem CMS veröffentlichen. In meinem Fall ist es ein Testimonial, welches ich so ohne meine Hilfe veröffentlichen kann.
In Zukunft ist dieses einfache Szenario bestimmt so auch mit Webflow Logic möglich. Dafür wird's dann auch mal ein Tutorial geben.

MAKE kannst du mit einem kostenlosen Account nutzen:

https://www.make.com/en/register?pc=jonas (Affiliate Link)

Schriftliche Anleitung, wie du Formularinhalte direkt über das CMS von Webflow veröffentlichen kannst:

  1. Erstelle ein Formular in Webflow, das die Daten erfasst, die du im CMS veröffentlichen möchtest. Du kannst dafür die Standardformular-Elemente von Webflow verwenden.
  2. Erstelle eine CMS Collection in Webflow, in der die Formulardaten später gespeichert werden sollen. Jedes CMS Feld braucht einen Namen, welches der Benennung im Formular entspricht.
  3. Erstelle ein Make-Konto, wenn du noch keines hast. Dies ist notwendig, um die Formulardaten erst an Make zu senden, damit sie von dort aus dann wieder an das CMS gesendet werden können.
  4. Erstelle ein Webhook in Make, um die Formulardaten an Make zu senden. Kopiere dann den Webhook von Make und füge ihn in das entsprechende Feld im Webflow-Formular-Settings-Panel ein.
  5. Gehe zu Make und erstelle eine neue Aktion, die einen Eintrag in der Webflow-Collection erstellt. Gebe die erforderlichen Informationen ein, einschließlich der Collection-ID und der Felder, die mit dem Formular verknüpft sind.
  6. Teste das Formular, indem du einige Daten eingibst und das Formular absendest. Überprüfe, ob die Daten erfolgreich an Make gesendet wurden und ob sie im CMS von Webflow in der entsprechenden Kollektion gespeichert wurden.
  7. Sobald die Formulardaten erfolgreich im CMS gespeichert wurden, kannst du sie manuell veröffentlichen, indem du den entsprechenden CMS Eintrag in Webflow öffnest und auf publish klickst. Die Daten werden dann auf deiner Webseite angezeigt. Dieser Schritt kann auch in Make automatisch veröffentlicht werden.

Das sind die grundlegenden Schritte, um Formularinhalte direkt über das CMS von Webflow zu veröffentlichen. Beachte, dass du dafür ein Make-Konto benötigst und einen Webhook erstellen musst, um die Daten vom Webflow Formular zu MAKE zu senden. Dann kannst du sie ganz einfach automatisiert veröffentlichen und deine Webseite mit aktuellen Inhalten füllen.

Passend dazu mein: Webflow Formulare mit Make verarbeiten