Anleitung: Webflow Formulare DSGVO konform umsetzen

2 Wege: Eine ausführliche Anleitung, wie du native Webflow Formulare DSGVO konform in deine Website integrieren kannst. Das wurde aus meiner Webflow Community gerade für Kundenprojekte schon häufiger gefragt. In diesem Beitrag zeige ich dir zwei Wege, die dich einmal durch den gesamten Prozess führen und Schritt für Schritt zeigen, was du ausfüllen musst.

Variante 1: Webflow Formulare über Webhooks versenden

Kostenlos für ca 300 Formularabsendungen. Zu empfehlen, wenn du eine einfache No-Code Lösung möchtest, die schnell aufzusetzen ist.

In diesem Video zeige ich dir, wie du Webflow Formulare Datenschutz konform in deiner 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:
‍https://www.make.com/en/register?pc=jonas (Affiliate Link)

Was ist ein Webhook?

Ein Webhook ist eine Art von HTTP-Anforderung, die von einer Web-Anwendung an eine andere gesendet wird, wenn ein bestimmtes Ereignis eintritt. Es ist eine Möglichkeit für eine Anwendung, eine andere Anwendung über Ereignisse in Echtzeit zu informieren und zu integrieren.

Ein Beispiel: Angenommen, Sie haben einen Online-Shop, der auf einer Plattform wie Shopify betrieben wird. Wenn jemand ein Produkt in Ihrem Shop kauft, wird ein Webhook von Shopify ausgelöst, das an eine von Ihnen festgelegte URL gesendet wird. Diese URL könnte beispielsweise auf eine andere Anwendung verweisen, die dann Benachrichtigungen an Ihre Kunden sendet, um sie über den Versand ihrer Bestellungen zu informieren.

Ganz einfach ausgedrückt: Ein Webhook ist eine Art von Nachricht, die von einer Anwendung an eine andere gesendet wird, um sie über Ereignisse zu informieren und zu integrieren.

Variante 2: Webflow Formulare mit Tectite, PHP und einer Subdomain umsetzen

Ohne Begrenzung (unlimitiert) und zu empfehlen, falls dein Kunde ein Hosting bei seiner Domain dabei hat. Der Einstieg ist beim ersten mal komplizierter und benötigt etwas länger aufzusetzen. Etwas Code Verständnis ist von Vorteil.

‍

Was benötigt wird:

• Subdomain
• PHP muss auf dem Server laufen
• SSL Zertifikat
• FTP Zugang → Filezilla zum Beispiel
• Das Tectite Script
• Ein HTML Email Template
• Ein Code Editor

Fragen aus dem Video zum Aufbau von Webflow Formularen um sie DSGVO konform für deutsche Kunden einsetzen zu können

• Was ist momentan das Problem mit Webflow Formularen?
• Was ist eine gute kostenpflichtige Variante, die Webflow Forms DSGVO konform macht?
• Du hast eine Anleitung für Webflow Formulare zum selber Hosten für die Webflow Community geschrieben. Dabei verwendest du Tectite. Was sind die Vorraussetzungen um diese Lösung einzusetzen?
• Kann man mit dieser Lösung alle Webflow Formularfelder einsetzen, die in Webflow zu Verfügung stehen?
• Kann man das PHP Skript auch bei Webflow Hosten?
• Warum ist es in PHP geschrieben und nicht in JavaScript?
• Wo muss man das Skript hochladen?
• Warum brauchen wir eigene Subdomain?
• Gibt es kostenlosen Webspace?
• Kann man über diese Lösung auch einen File-Upload nutzen?

Links und kostenloses Cloneable zu Variante 2

• Ein ausführlicheres Gespräch mit Dennis habe hier als Video veröffentlicht: https://youtu.be/2ee7VCFmAvA
• Das von Dennis erstellte Webflow Cloneable und die Anleitung findest du hier: Guide for the Tectite Form Processor
• Vorschau des Formulars, welches wir zusammen im Video gebaut haben: https://custom-form-with-tectite-processor.webflow.io/
• Read Only Link für das Formular aus dem Video: https://preview.webflow.com/preview/custom-form-with-tectite-processor?utm_medium=preview_link&utm_source=designer&utm_content=custom-form-with-tectite-processor&preview=0e7e491a972758937e3fc5a17530d570&workflow=preview
• Download Tectite Form Script: https://www.tectite.com/index.php
• Download E-Mail Template: https://github.com/leemunroe/responsive-html-email-template
• Bei Fragen & Hilfe generell zu dem Thema:Discord Server „Webflow German Community“: https://discord.gg/eve7Gq6Sz7Facebook-Gruppe „Webflow Designer German Community“: https://www.facebook.com/groups/2343083929104974‍