Guide: GDPR-Compliant Forms in Webflow

2 ways: A detailed guide on how to integrate native Webflow forms into your website in a GDPR-compliant manner. My Webflow community has asked this question more often, especially for customer projects. In this post, I'll show you two paths that take you through the entire process and show you step by step what you need to fill out.

Option 1: Sending Webflow forms via webhooks

Free of charge for approx. 300 form submissions. Recommended if you want a simple no-code solution that's quick to set up.

In this video, I'll show you how to implement Webflow forms in a privacy-compliant manner on your website. To do this, we use the MAKE automation tool and send the form data via a webhook to an email address specified by you. The advantage is that you don't have to write any code yourself for this solution. As usual, you can create the form in Webflow and then simply use POST instead of GET under the form settings. There you enter the webhook URL that MAKE generates for you. You can use MAKE (formerly Integromat) free of charge and thus use it for around 300 form submissions.

You can try MAKE for free here:
‍https://www.make.com/en/register?pc=jonas (affiliate link)

What is a webhook?

A webhook is a type of HTTP request that is sent from one web application to another when a specific event occurs. It is a way for one application to inform and integrate another application about events in real time.

For example, let's say you have an online store that runs on a platform like Shopify. When someone buys a product from your store, Shopify triggers a webhook, which is sent to a URL that you set. For example, this URL could point to another application, which then sends notifications to your customers to let them know that their orders have been shipped.

Put simply, a webhook is a type of message that is sent from one application to another to inform and integrate events.

Option 2: Implement Webflow forms with Tectite, PHP and a subdomain

Unlimited (unlimited) and recommended if your customer has hosting with their domain. Getting started is more complicated the first time and takes a bit longer to set up. Some code understanding is an advantage.

‍

What is needed:

• subdomain
• PHP must run on the server
• SSL certificate
• FTP access → Filezilla for example
• The Tectite Script
• An HTML email template
• A code editor

Questions from the video about the structure of Webflow forms so that they can be used in compliance with the GDPR for German customers

• What is the problem with Webflow forms right now?
• What is a good paid option that makes Webflow Forms compliant with GDPR?
• You've written instructions for hosting Webflow forms yourself for the Webflow community. You use Tectite to do this. What are the prerequisites for using this solution?
• Can you use all Webflow form fields that are available in Webflow with this solution?
• Can you also host the PHP script with Webflow?
• Why is it written in PHP and not JavaScript?
• Where do I have to upload the script?
• Why do we need our own subdomain?
• Is there free web space?
• Can you also use a file upload using this solution?

Links and free cloneable to variant 2

• I have published a more detailed conversation with Dennis as a video here: https://youtu.be/2ee7VCFmAvA
• The Webflow Cloneable created by Dennis and the instructions can be found here: Guide for the Tectite Form Processor
• Preview of the form we built together in the video: https://custom-form-with-tectite-processor.webflow.io/
• Read only link for the form from the 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 email template: https://github.com/leemunroe/responsive-html-email-template
• For questions & help in general about the topic:Discord Server “Webflow German Community”: https://discord.gg/eve7Gq6Sz7“Webflow Designer German Community” Facebook group: https://www.facebook.com/groups/2343083929104974‍