How can I capture form submission details in Webflow while also using an external URL as the form action?
TL;DR
- Access Webflow's form settings, enter the external action URL, and optionally enable "Get submissions" to save records in Webflow.
- Test the form post-publication to ensure data is captured both externally and within Webflow.
To capture form submission details in Webflow and send them to an external URL simultaneously, you will need to configure the form settings properly and make use of Webflow's form submission features.
1. Access Form Settings
- Go to your Webflow project's Designer and select the page containing the form you want to modify.
- Click on the form block to reveal the form settings in the settings panel.
2. Configure External Action URL
- In the settings panel, locate the Form Settings section.
- Enter the external URL as the form action URL under the "Action" field. Ensure it's a valid URL to which the form data will be sent.
3. Use Webflow Form Submissions (Optional)
- If you also want to keep records in Webflow, ensure the form's "Get submissions" box is checked. This will save form submissions in your Webflow dashboard, even as the data is sent to the external URL.
- Be aware that a custom action URL means Webflow will not handle the form data directly; only the "Get submissions" feature will capture it.
4. Test the Form
- Publish your site to apply changes.
- Test the form by filling it out on the live site to ensure submissions are recorded in your Webflow dashboard and that data is sent to the defined external URL.
5. Monitor Submissions
- Check both the external service and your Webflow Forms Tab under Project Settings to verify successful data capture.
Summary
To capture form submissions in Webflow while using an external URL action, configure the form's settings to include the URL and enable submission saving within Webflow. This ensures form details are sent externally and optionally stored in your dashboard.