How can I capture form submission details in Webflow while also using an external URL as the form action?

To capture Webflow form submissions while also sending data to an external URL, you need to work around Webflow’s native limitations, since using a custom action URL disables native form capture.

1. Use JavaScript for Dual Submission

• When you set a custom Form Action URL in Webflow, it bypasses Webflow's internal submission logging and notifications.
• To capture form data in Webflow and send it to an external service, you can:
• Keep the default Webflow form (leave the Action field empty).
• Intercept the form submission with JavaScript and then forward data to the external endpoint using fetch or XMLHttpRequest.

2. Add a Custom Embed with Script

• Add an HTML Embed at the bottom of your form (inside the form block) with a script that:
• Prevents the native submit, manually submits to Webflow via AJAX, and
• Also posts the same data to your external URL.
• Example (pseudo-code, modify per use case):
• Use document.querySelector("form").addEventListener("submit", ...)
• Read form field values into a FormData object
• Use JavaScript fetch() to send POSTs to:
  • Webflow endpoint (/) – this preserves data in Webflow.
  • External API endpoint – your specified third-party service.

Always make sure both requests match the format the targets expect.

3. Use Zapier or Make as an Alternative

• As an advanced alternative, you can:
• Let Webflow capture the form as usual.
• Then forward the data from Webflow to a third-party app using Zapier or Make (Integromat).
• This avoids writing any custom code and keeps your backend logic separated.

Summary

To capture submission data in Webflow while sending it to an external URL:

• Don’t set a custom Form Action; use JavaScript to post data to both Webflow and your external endpoint.
• Or, use Zapier/Make to forward Webflow form data after initial submission.

This ensures Webflow still stores the submission while your external service receives the same data.