How can I capture form submission details in Webflow while also using an external URL as the form action?
TL;DR
- Use JavaScript to capture and store form data locally before redirection.
- Utilize third-party tools like Zapier or Make for backend tracking.
- Use Webflow Logic (if available) to log submissions before sending externally.
If you're using an external URL as the form action in Webflow, Webflow's native form submission tracking won't capture the data. However, you can use custom JavaScript or third-party tools to log the submission details before redirecting the form.
1. Use JavaScript to Capture Submissions
Before sending the form data to an external service, you can log it using JavaScript.
- Add an Embed Block inside the form.
- Insert this JavaScript inside the embed:
```js``` - This stores submitted data before redirecting.
2. Use Third-Party Form Tracking Tools
If you need backend-based tracking, consider:
- Zapier: Connect Webflow and Google Sheets (or another app).
- Make (Integromat): Similar automation for storing form data.
- Convert Forms into AJAX Requests: Use JavaScript to send data before redirection.
3. Webflow Logic (If Available in Your Plan)
- Webflow Logic can help you store submissions in the CMS before sending them externally.
- Use a Webhook trigger that logs submission details before pushing data to an external service.
Summary
Since Webflow won't store submissions when using an external action, the best workaround is custom JavaScript to capture and store data before redirection. Alternatively, use Zapier, Make, or Webflow Logic for automation.