Can Webflow forms bypass the use of the Webflow servers and directly submit form data to my own server if I choose to host my client sites there?

Published on
September 22, 2023

Yes, Webflow forms can bypass the use of Webflow servers and directly submit form data to your own server if you choose to host your client sites there. This is done by setting up a custom code integration in Webflow.

Here's how you can set it up:

  1. Create your form in Webflow: Start by designing and adding the form fields you need in your Webflow project. Once you're done, make sure to set up the form submission settings in the form settings panel.

  2. Set up the custom code integration: Go to the project settings in Webflow and select the Integrations tab. Click on the "Add New Integration" button and choose the "Webhook" option.

  3. Configure the webhook settings: Enter the URL of your server where you want the form data to be submitted in the "URL" field. Make sure your server is capable of processing the incoming form data. You can also define any additional headers you need for authentication or data formatting purposes.

  4. Map form fields to the webhook payload: In the "Request Payload" section, you can define how the form submission data should be formatted when sent to your server. By default, Webflow sends the form data as JSON. You can use field mapping to match the form field names with the expected keys on your server.

  5. Save and publish your changes: Once you've configured all the necessary settings, click on the "Save & Close" button to save the integration. Publish your Webflow project to make the changes take effect.

Now, when a user submits the form on your Webflow site, the entered data will be sent directly to your server instead of being processed by Webflow's servers. Keep in mind that you'll be responsible for handling and storing the form data securely on your own server.

Note: This custom code integration feature is available on Webflow's paid plans.


Additional questions:

  1. How can I set up a custom code integration in Webflow?
  2. Can I still use Webflow's built-in form submission functionality if I choose to bypass the Webflow servers?
  3. Are there any limitations or restrictions when using custom code integrations for form submissions in Webflow?