Webflow Formulare über Webhooks versenden (DSGVO Konform) | Make Tutorial

[@bobosvenson8339]

Wirklich klasse, dass du auch an die Leute denkst, die sich nicht ans Tectite-PHP heranwagen. Ich bin zwar an der Verifizierung der eigenen SMTP-Email-Adresse gescheitert (lag wohl am zu restriktiven Anbieter), werde für das benötigte Projekt eine Google-Adresse verwenden (wobei der OAuth-Prozess, um die API zu erlangen auch eine ziemliche Hürde ist.) Aber trotzdem rettest du mir gerade den Tag mit diesem Video... vielen Dank dafür.

[@jonasarleth]

Ich habe einfach die gleichen Daten wie in meinem E-Mail Programm eingegeben und es hat auf anhieb funktioniert. Aber habe mich auch nicht weiter mit beschäftigt und es könnte sein, dass man auch irgendwie eine Fake Email hinterlegen kann. Z.B: noreplay@ ...

[@bobosvenson8339]

@@jonasarleth Ja, so bin ich auch vorgegangen, habe aber eine Ablehnungs-Fehlermeldung meines Mailproviders (do.de) bekommen. daher denke ich, dasss auch die Fake Email nicht funktionieren würde. ich probiere es nochmal aus...

[@bigdealkorbi]

Moin! Vielen Dank für das tolle Video. Hat mir sehr geholfen.

[@jonasarleth]

Das freut mich!

[@manishah1322]

Life Saving !!!! 🎉 Vielen Dank Jonas!

[@jonasarleth]

Für mich auch eine super einfache Lösung 😊

[@tobimahony]

Hi Jonas! Wenn ich es richtig sehe, bezieht sich Deine Anleitung auf Version 1 des Webflow API Moduls (Watch Events). Inzwischen ist Version 2 der Webflow API erschienen und es scheint nicht mehr auf dem im Video gezeigten Weg zu funktionieren. Hast Du oder jemand anderes die gleichen Erfahrungen gemacht und eventuell eine Lösung?

[@opahausen]

Ich habs bei mir mit "Custom Webhooks" geschafft, statt des Webflow Event triggers.

[@tobimahony]

@@opahausen Danke für den Tipp, hab ich inzwischen auch schon gemacht. Nachteil des Custom Webhooks ist der erhöhte Spam, den ich aber durch Einbindung des reCaptchas größtenteils abwehren kann.

[@opahausen]

Ja, das stimmt natürlich - aber generell ist ja ein ReCaptcha nicht verkehrt! Hast du dafür das ReCaptcha von Google genutzt? Ich bin da immer sehr unsicher bei den Google Diensten hinsichtlich der dsgvo

[@tobimahony]

@@opahausen Ja, ich habe das Google reCaptcha genutzt, das von Webflow zur Verfügung gestellt wird. Zur Zeit ist die Nutzung datenschutzkonform, da es seit August letzten Jahres eine neues transatlantisches Datenschutzabkommen gibt.

[@tobimahony]

@@opahausen Ja, ich habe den in Webflow integrierten Google reCaptcha genutzt. Seit August 2023 gibt es das neue transatlantische Datenabkommen zwischen der EU und den USA. Damit ist die Nutzung des Google reCaptcha zur Zeit datenschutzkonform.

[@moricemeid4413]

Vielen Dank für deine tollen Videos. Ich kann mir immer sehr viel daraus mitnehmen! Ich bin kein Datenschutzexperte und frage mich gerade, ob man die DSGVO-Konformität nicht auch einfach durch eine Checkbox mit Einverständniserklärung erreicht. Oder ist dieses Video an diejenigen gerichtet, die es ohne Einverständnis DSGVO-konform machen wollen?

[@jonasarleth]

Ich kenne mich da rechtlich auch nicht aus aber nur eine Checkbox zu implementieren löst nicht das Problem, dass Webflow Formulare standardmäßig im Webflow Projekt gespeichert werden. Heißt Webflow aus den USA hätte potentiell Zugriff auf diese Form-Daten. Mit der Lösung hier werden die Daten direkt versendet und nicht bei Webflow gespeichert.

[@vanderjanzen]

Besten Dank!

[@jonasarleth]

Bitte sehr!

[@janasyt9617]

Eine Update Version wäre super oder eine Alternative. Leider geht die Methode nicht mehr :(

[@denismandal1040]

Hey Jonas! Die Integration hat soweit geklappt. E-Mail geht raus und Make antwortet mit "accepted". Problem ist nur, dass mir über das E-Mail Modul keine Felder aus meinem Webflow Kontakformular angezeigt werden. Weißt du woran das liegen könnte? Danke dir!

[@jonasarleth]

Ist die Verknüpfung zwischen Make und deinem Webflow Projekt auch wirklich angelegt? Teste mal in Make ein anderes Modul hinzuzufügen und schau, ob dann beispielsweise CMS Kollektionen zur Auswahl auftauchen.

[@maxweber7978]

Hi Jonas, die Umsetzung hat soweit geklappt, jedoch kommen pro Tag um die 12 Spam Nachrichten rein. Habe bereits mehrere Honeypot Varianten aus der Community angewandt - ohne erfolg. Hast du da einen Weg gefunden oder akzeptierst du die Spam Mails?

[@jonasarleth]

Pack doch einfach erstmal den ReCaptcha von Webflow mit in das Formular.

[@mourtac]

Selbes Problem bei einem Kundenprojekt. ReCaptcha von Webflow funktioniert, ist aber nicht DSGVO konform... @Max Weber: Hast du schon eine geeignete Lösung für das Problem gefunden, die du empfehlen kannst?

[@nicolas_mondre]

Habe ebenfalls das selbe Problem. ReCaptcha von Webflow ist zwar nicht DSGVO konform, doch es hat weder Abmahnungen noch Gerichtsverhandlungen wegen Einbindung von ReCaptcha bisher gegeben, was ich gelesen habe. Also das "Risiko" eingehen und ReCaptcha einbinden, oder hat jemand eine bessere Lösung dafür gefunden?

[@dirkjasper5038]

Hallo zusammen, habe nun diverses durchprobiert aber es bleibt beim Problem, dass die Eingaben aus dem Formular NICHT mehr ankommen ... hat jemand von euch einen Weg gefunden? Den make Support habe ich angeschrieben aber bisher kein brauchbares Ergebnis.

[@jonasarleth]

Schon mal probiert das ganze über Webflow Logic an Make zu senden?

[@melvin7802]

Hey, danke für das Video. Ich benutze noch gerade die kostenlose Version von Webflow , wo ich maxmal 50 Slots frei habe um Daten vom Kontaktformular speichern zu lassen. Wenn ich jetzt diese Methode benutze, habe ich dann die ,,333" Slots zur Verfügung oder sind die trotzdem auf 50 begrenzt? :)

[@jonasarleth]

Die slots von Webflow spielen dann keine Rolle mehr. Nur das, was MAKE angibt. also die ca 300.

[@specki9850]

Hey, mein Problem liegt noch bei der Anmeldung von der Email. Ich hoste auch für den Kunden. Wenn ich meine nehme, dann wird die Email immer von meinem Account verschickt und ich kann den Inhalt unter gesendet lesen. Das ist nicht so schön, wenn es sensible Daten sind. Und die Email vom Kunden da einzutragen ist ein bisschen kompliziert. Hast du da noch eine Lösung für ?

[@jonasarleth]

Email Adressen kann man meistens endlos erstellen. Entweder der Kunde erstellt sich nochmal eine oder du meldest eine bei Gmail oder Ähnliches an.

[@quest307]

Hey :) ich habe leider, das Problem, dass zwar eine E-Mail ankommt zwar aber die Inhalte wie Name, E-Mail etc nicht. Habe schon viel probiert komme aber leider nicht zu einer Lösung :/

[@jonasarleth]

Schreib mal in make einen Text rein und schau, ob der ankommt. Dann liegt es nicht an der Verbindung make zu Postfach sondern an der Strecke webflow Webhook zu make.

[@quest307]

@@jonasarleth Hey Jonas, vielen Dank für deine Antwort! yes genau so ist es. Die Dinge die ich in Make reinschreibe kommen auch an. Was könnte man hier machen, um das Problem zu lösen? Ist sehr schade, dass es nicht funktioniert, denn so wie du es beschrieben hast ist es eine Mega Lösung! Habe einen Umweg über Jotforms gefunden aber das kostet auch wieder Geld, vor allem wenn man diese Forms nicht braucht :D.

[@NikolaiS.]

Hi Jonas, ich habe ein Multi Step Formular gebaut und würde gerne meinen Webseitenbesuchern auf einer der Seiten ein Upload Link anbieten. Ist der Upload von Daten z.B. Bildern hier umsetzbar? Mfg

[@jonasarleth]

Habe ich mit make noch nicht umgesetzt und kann ich nicht sagen. Aber Du könntest dir mal uploadcare.com/ anschauen. Das Nutzen auch viele.

[@rmo4762]

Hi, das DSGVO Thema bzgl. den Formularen sollte heute ja kein Problem mehr sein oder?

[@jonasarleth]

Genau momentan nein Problem mehr

[@andreaskeim7098]

Darf ich mich hier kurz einhaken? Ich habe auch gelesen das Webflow jetzt DSGVO Konform sein soll. Also stimmt das und man kann ganz normal z.b. die Formular Funktion benutzen?

[@thomasfuxsteiner638]

Vielen Dank für das Video. Ich hätte noch eine Frage: Wo genau auf der Webseite von Make ist denn angeführt das die Daten nicht in ein 3. Land übertragen werden bzw. innerhalb der EU bleiben ?

[@jonasarleth]

www.make.com/en/blog/integromat-gdpr

[@thomasfuxsteiner638]

Danke dir, alles klar !

[@Traumtanz]

Klasse Video! Funktioniert dieses Formular auch noch, wenn die Website exportiert wird? Liebe Grüße

[@jonasarleth]

Müsste eig. Schon, da hier kein Service von Webflow genutzt wird. aber hab’s noch nicht getestet, sorry!

[@sebastianbeck1025]

Moin Jonas! Jedes Video von dir hat einfach einen krassen Mehrwert und man kann dir nicht genug danken. Ich muss ehrlich Weise gestehen, dass mich die Variante mit Tectite in den Wahnsinn treibt. Diese Lösung mit Make macht es um Längen einfacher. Danke! Frage: ist mit Make auch eine Upload-Funktion möglich? Ich habe gerade zwei Projekte in der ein Bewerbungsformular integriert werden soll. Beste Grüße Sebastian

[@jonasarleth]

Hi Sebastian! Ich nutze auch die Variante 😊 Das mit dem Upload habe ich leider noch nie getestet. Könnte sich als Problem rausstellen weil es über ein Webhook läuft. Das ist aber nur ein Gefühl.

[@JanKopmann]

Hi Jonas, sehr gutes Video. Eine Frage zu Make: muss man einen AV-Vertrag mit Make schließen damit alles DSGVO korrekt abläuft, wenn ja wo findet man diesen?

[@jonasarleth]

Dazu musst du dich an MAKE wenden, da gibts einen.

[@moodcatching]

Nice! Jonas, ich danke dir wirklich tausendfach :) Habe vor circa 2 Jahren den Switch zu Webdesign gemacht und deine Videos haben dabei sehr geholfen. Jetzt das letzte Video mit dem PHP-Formularen und alles klappt perfekt mit unserem Kontaktformular. Hatte jetzt nur noch den Newsletter-Signup, der nicht DSGVO-konform war, weil es mit Zapier verknüpft ist. Verstehe ich das richtig, dass make hier quasi die DSGVO-konforme Alternative ist? Falls ja, dann danke ich dir hier noch mal und werde das heute direkt mal umbauen :)

[@jonasarleth]

Ja genau, MAKE ist alles was Zapier kann mit aber noch mehr Funktionen und aus der EU 👍

[@tristanma5709]

Hi! Erstmal vielen Dank für das wirklich gute Video! Ich habe nur folgendes Problem: Bei mir werden keine Daten aus dem Formular an make gesendet. Ganz egal wie ich meine Felder benenne oder anpasse. Hast du eine Idee woran das liegen könnte? Wenn ich einen html Code für die Zuordnung ähnlich wie bei dir hinzufüge, wird Text angezeigt, nur leider keine infos. Make erkennt auch nicht die gesendeten Daten so wie bei dir. Vielleicht kannst du oder jemand aus der community helfen. Vielen Dank!

[@jonasarleth]

Hast du MAKE schon mit deinem Webflow Projekt über ein Webhook verknüpft? Und getestet, ob dieser was sendet?

[@FamRuthenburg]

Prima Video! Ales funktioniert. Nur die Daten die im Webformular eingegeben werden, werden in der Mail dann nicht angezeigt. Finde den Fehler leider nicht

[@jonasarleth]

Dann muss der Fehler doch bei make liegen, oder? Gerne dort mal dem Support schreiben. Die sind sehr hilfsbereit und schauen rein.

[@marvvanpal3369]

Bin vor ein paar Wochen exakt über dasselbe Problem gestolpert. Konnte es nicht lösen. Würde mich sehr interessieren, ob und wie das später gelöst hast.

[@tobimahony]

Ich möchte die in Make übertragenen Daten wieder in Webflow zurückspielen, ohne CMS Items zu nutzen (wegen DSGVO). Hat jemand eine Lösung dafür?

[@jonasarleth]

Webflow Formular-Inhalte direkt über das CMS veröffentlichen (MAKE & Webflow) kzbin.info/www/bejne/l2nNgYxmmtmCipo

[@jonasarleth]

Was hat das mit DSGVO zu tun? Du meinst in exportiertem Code?

[@tobimahony]

@@jonasarleth Ich kann aus Datenschutzgründen keine CMS-Items in Webflow mit personenbezogenen Daten füllen, weil ich dann Daten außerhalb der EU speichere.

[@tobimahony]

@@jonasarleth Danke für Deine Antwort! Ich habe bereits eine Lösung gefunden, in dem ich die Formulardaten auf der nächsten Seite per JS ausgebe. Ich wollte den umständlichen Weg über Make gehen, das hat sich aber als Denkfehler herausgestellt.

[@specki9850]

Hey, danke dir für das Video! Ich hatte meine Seite in einer Online Community von Webdesigner gepostet und ich wurde regelrecht angefeindet, wie man heutzutage denn noch seine Leistungen in Webflow anbieten könnte, wenn einem die DSGVO nicht scheiß egal wäre. Unverantwortlich den Kunden gegenüber etc. Deshalb bin ich sehr dankbar, über jede Möglichkeit die Webseiten besser für DSGVO zu wappnen. Gibt es eine Möglichkeit bei Make, dass der Kunde nicht seine Login-Daten rübergeben muss ? Sah für mich auf den ersten Blick so aus, als müsste der Kunde seine Mail Daten dort hinterlegen. Beste Grüße Marcel

[@jonasarleth]

Das wahren Wohl noch Webdesigner vom alten Pflaster, die Angst um ihr typo3 CMS haben 😅 Du könntest deine Mail Daten hinterlegen. Und dafür eine neue Adresse anlegen. Beispiel: [e-mail] braucht ja eigentlich kein Postfach Space und Mail Adressen kann man heute ja einige anlegen. Oder eine Fake Gmail Account anlegen.

[@lucadicosmo164]

Mega, dass es eine Lösung gibt, welches die Tectite Variante stark vereinfacht. Ist es richtig, dass man halt dafür eine Danke-Seite benötigt?

[@jonasarleth]

Ich habe es der Einfachheit halber mit einer Dankesseite gemacht. Mit Sicherheit geht es aber auch direkt mit success Meldung.

[@lucadicosmo164]

@@jonasarleth wäre auf jeden Fall interessant. Damit könnte man das Formular zu 100% so verwenden wie es Webflow anbietet. Vielleicht gibt es ja bald ein Video dazu 😉

[@jeanmoineau]

@@jonasarleth Es würde mich auch interessieren, wie es mit Success Meldung klappt. VG

[@jeanmoineau]

Okay, ich habe eine Lösung via Code gefunden! Falls jemand Hilfe braucht, kann er sich gerne melden.

[@sabrina-goethals]

Hej Jonas, erstmal: mega Anleitung! Vielen Dank dafür!! Ich hab's gerade genau so eingerichtet und gesehen, dass die Formulare nach wie vor in den Webflow-Formularen gespeichert werden. Muss das so oder ist das nicht eigentlich das, was die Lösung umgehen sollte 😅? Ich freu mich auf deine Antwort :) Sabrina

[@jonasarleth]

Bitte achte darauf, dass du bei den Form Einstellungen POST und nicht GET eingeben hast.

[@jonasarleth]

Kommt’s denn auch bei make an?

[@sabrinag.9703]

@@jonasarleth es hat einfach ein paar Minütchen gedauert oder ich hab ganz vielleicht vergessen, zu publishen 🫠. Auf jeden Fall läuft's jetzt und ich bin sehr begeistert.

[@cuddy5589]

Hi Jonas, mega gut erklärt. Erstmal Danke dafür. Ich habe alles so gemacht, wie von dir beschrieben. Leider klappt es bei mir nicht. Ich habe es jetzt mehrfach versucht. Hab es 1:1 übernommen, bei Make auch alles richtig eingestellt. Das Formular testweise ausprobiert, genauso eine Accepted Seite erhalten. Leider ist die Mail über das Form dann final nicht durchgegangen und ich habe von Make eine Fehlermeldung erhalten: Error Mail command failed: XXX X X.0 User not authenticated (ich hab die Zahlen mal ge-xt ;) Da ich Laie bin und wir ja hier in einem öffentlichen Raum das ganze besprechen ;) VG Katti

[@jonasarleth]

Hast du das Finsweet Skript mit eingebunden? Ich habe sehr, sehr gute Erfahrungen mit dem MAKE Support gemacht. Sonst einfach den mal schreiben. Die kennen den Fehlercode und antworten mit Screenshots und guten Hinweisen.

[@cuddy5589]

@@jonasarleth Nee, Finsweet Skript hab ich nicht bewusst eingebunden. Ganz lieben Dank für den Hinweis mit dem Support. Hätte ich auch selbst mal drauf kommen können ;). Vielen Dank noch mal!

[@jonasarleth]

@@cuddy5589 Sorry, mein Fehler, das hat auch garnicht mit Finsweet zu tun. War mit dem Kopf bei einem anderen Video. Aber der Support hilft dir sicher weiter!