What is the easiest way to include the page where a form was submitted in the form submission data on a Webflow site?

Published on
September 22, 2023

To include the page where a form was submitted in the form submission data on a Webflow site, you can utilize Webflow's built-in form submission integration with external services like Zapier or Integromat. Here's how you can achieve this:

  1. Set up a form on your Webflow site: Start by creating a form on your Webflow site using the Webflow Designer. Add the necessary form fields and set up the form submission settings.

  2. Set up a Zapier or Integromat account: Zapier and Integromat are popular automation platforms that allow you to connect different apps and services together. If you don't have an account, sign up for one of these services.

  3. Create a Zap or Scenario: In Zapier, you'll create a Zap, while in Integromat, you'll create a Scenario. Both are similar concepts that involve connecting triggers and actions together.

  4. Set the trigger to catch form submissions: In Zapier, select "Webflow" as the trigger app and choose the "New Form Submission" trigger. In Integromat, select the "Webhooks" or "Webflow" module and configure it to listen for new form submissions.

  5. Connect your Webflow account: Follow the prompts to connect your Webflow account to your Zapier or Integromat account. This will allow the app to access your form submission data.

  6. Map the form submission data: Once your Webflow account is connected, you can select the specific form from which you want to capture the submission data. Then, map the fields from the form to the corresponding fields in your external service (Zapier or Integromat).

  7. Add a variable for the page URL: To include the page where the form was submitted, you'll need to set up a variable in your integration platform that captures the URL of the page. In Zapier, you can use the "Page URL" field from the Webflow trigger. In Integromat, you can use the "URL Path" from the webhook module or "Current URL" from the Webflow module.

  8. Configure the action or destination: After mapping the form submission data and the page URL variable, you can configure the desired action or destination for the form data. This could be sending an email, adding the data to a spreadsheet, or integrating with another service.

  9. Test and turn on the Zap or Scenario: Once you've finished configuring your integration, it's important to test it to ensure everything is working correctly. Submit a test form on your Webflow site and check whether the form submission data, including the page URL, is successfully captured and processed in your chosen external service.

By following these steps, you'll be able to capture the page where a form was submitted along with the form submission data on your Webflow site using the integration capabilities provided by Zapier or Integromat.

Additional Questions:

  1. How do I integrate Webflow forms with external services?
  2. Can I capture the page URL along with form submissions in Webflow?
  3. What are some popular automation platforms to connect Webflow forms with other apps?