Webflow Formulare über Webhooks versenden (DSGVO Konform) | Make Tutorial
ฝัง
- เผยแพร่เมื่อ 7 ส.ค. 2024
- Heute zeige ich dir eine zweite Variante, wie du Webflow Formulare DSGVO Konform in deine Website umsetzen kannst. Dafür nehmen wir uns das Automatisierungs-Tool MAKE zu Hilfe und senden die Formulardaten über einen Webhook an eine von dir bestimmte E-Mail Adresse. Der Vorteil ist, dass du für diese Lösung keinerlei Code selbst schreiben musst. Du kannst wie gewohnt das Formular in Webflow anlegen und dann einfach unter den Formulareinstellungen POST statt GET verwenden. Dort trägst du die Webhook URL ein, die MAKE dir generiert.
Du kannst MAKE (früher Integromat) kostenlos nutzen und damit für ca 300 Formularabsendungen einsetzen.
Du kannst MAKE hier kostenlos testen:
www.make.com/en/register?pc=j... *
* Affiliate Links
---------------------------------------------
Meine Onlinekurse:
👉 Webflow Onlinekurs: Lerne Webseiten für Kunden Schritt für Schritt professionell umzusetzen (ohne Programmierkenntnisse!):
formburg.com/kurs
👉 50+ Webflow-Tricks:
www.formburg.com/tricks
👉 Webdesign Angebote mit drei Preisoptionen erstellen:
www.jonasarleth.com/produkt/w...
---------------------------------------------
Kostenlosen Webflow Account anlegen:
formburg.com/webflow-kostenlos *
Webflow schnell und einfach lernen:
formburg.com/tutorials
---------------------------------------------
// TIMESTAMPS
00:00 - Intro
01:22 - Aufbau in Webflow
03:06 - MAKE Vorteile kurz erklärt
04:48 - Aufbau Webhook in MAKE
10:59 - Auf Bestätigungsseite weiterleiten
11:54 - Ergebnis
#webflow #websitedesign #webdesign
---------------------------------------------
// PATREON
► Unterstütze meinen Kanal auf Patreon (mehrere Podcast Sonderfolgen und Webflow Tutorials pro Monat): bit.ly/patreon-seite
----------------------------------------------
// MEIN WEBDESIGN UND FREELANCER BLOG
► jonasarleth.com/blog
----------------------------------------------
// SOCIAL MEDIA
► Instagram: / jonasarleth
► Dribbble: dribbble.com/jonasarleth
► LinkedIn: / jonasarleth
----------------------------------------------
// MEIN WEB & DESIGN PODCAST
► iTunes: jonasarleth.com/itunes
► Spotify: jonasarleth.com/spotify
► Pocket Casts: jonasarleth.com/pocketcasts
► SoundCloud: jonasarleth.com/soundcloud
► Overcast: jonasarleth.com/overcast
► Stitcher: jonasarleth.com/stitcher
----------------------------------------------
* Affiliate Links
Life Saving !!!! 🎉 Vielen Dank Jonas!
Für mich auch eine super einfache Lösung 😊
Moin! Vielen Dank für das tolle Video. Hat mir sehr geholfen.
Das freut mich!
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.
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@ ...
@@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...
Besten Dank!
Bitte sehr!
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
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.
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 :)
Ja genau, MAKE ist alles was Zapier kann mit aber noch mehr Funktionen und aus der EU 👍
Hi Jonas, vielen Dank für deinen Content. Ein Frage zu Make: Wie genau nutzt du das für Kundenprojekte, laufen die Workflows / Connections über deinen eigenen Account oder erstellst du jeweils einen Account für den Kunden?
Läuft über einen Kunden Account. Hängt aber wirklich ich von der Anzahl an Aufgaben ab, ob sich das für einen Kunden lohnt auch dafür zu bezahlen. Meistens lohnt es sich dann, wenn neben einem Formular auch noch andere Bereiche automatisiert werden.
Eine Update Version wäre super oder eine Alternative. Leider geht die Methode nicht mehr :(
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?
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.
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? :)
Die slots von Webflow spielen dann keine Rolle mehr. Nur das, was MAKE angibt. also die ca 300.
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?
Dazu musst du dich an MAKE wenden, da gibts einen.
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 ?
www.make.com/en/blog/integromat-gdpr
Danke dir, alles klar !
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.
Schon mal probiert das ganze über Webflow Logic an Make zu senden?
Klasse Video!
Funktioniert dieses Formular auch noch, wenn die Website exportiert wird?
Liebe Grüße
Müsste eig. Schon, da hier kein Service von Webflow genutzt wird. aber hab’s noch nicht getestet, sorry!
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!
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.
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
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.
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?
Pack doch einfach erstmal den ReCaptcha von Webflow mit in das Formular.
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?
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?
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
Bitte achte darauf, dass du bei den Form Einstellungen POST und nicht GET eingeben hast.
Kommt’s denn auch bei make an?
@@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.
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 ?
Email Adressen kann man meistens endlos erstellen. Entweder der Kunde erstellt sich nochmal eine oder du meldest eine bei Gmail oder Ähnliches an.
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 :/
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.
@@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.
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!
Hast du MAKE schon mit deinem Webflow Projekt über ein Webhook verknüpft? Und getestet, ob dieser was sendet?
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?
Ich habs bei mir mit "Custom Webhooks" geschafft, statt des Webflow Event triggers.
@@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.
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
@@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.
@@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.
Hi, das DSGVO Thema bzgl. den Formularen sollte heute ja kein Problem mehr sein oder?
Genau momentan nein Problem mehr
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?
Prima Video! Ales funktioniert. Nur die Daten die im Webformular eingegeben werden, werden in der Mail dann nicht angezeigt. Finde den Fehler leider nicht
Dann muss der Fehler doch bei make liegen, oder? Gerne dort mal dem Support schreiben. Die sind sehr hilfsbereit und schauen rein.
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.
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
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: kundename@specki.de braucht ja eigentlich kein Postfach Space und Mail Adressen kann man heute ja einige anlegen. Oder eine Fake Gmail Account anlegen.
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?
Ich habe es der Einfachheit halber mit einer Dankesseite gemacht. Mit Sicherheit geht es aber auch direkt mit success Meldung.
@@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 😉
@@jonasarleth Es würde mich auch interessieren, wie es mit Success Meldung klappt. VG
Okay, ich habe eine Lösung via Code gefunden! Falls jemand Hilfe braucht, kann er sich gerne melden.
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?
Webflow Formular-Inhalte direkt über das CMS veröffentlichen (MAKE & Webflow)
th-cam.com/video/a8jPY0etOT8/w-d-xo.html
Was hat das mit DSGVO zu tun? Du meinst in exportiertem Code?
@@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.
@@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.
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
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.
@@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!
@@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!