Is it possible to track a contact form submission event in Webflow without making changes to the webflow.js file?

Published on
September 22, 2023

Yes, it is possible to track a contact form submission event in Webflow without making changes to the webflow.js file. Webflow allows you to integrate with various third-party tools and services that provide tracking and analytics capabilities. One such tool is Google Analytics. Here is a step-by-step guide on how to track contact form submissions using Google Analytics in Webflow:

  1. Set up a Google Analytics account: If you don't have a Google Analytics account, create one by visiting the Google Analytics website and following the sign-up process. Once you have an account, make note of your Google Analytics tracking ID.

  2. Add your Google Analytics tracking ID to Webflow: In your Webflow project, go to the Project Settings in the Designer.

  3. Open the Integrations tab: Within the Project Settings, navigate to the Integrations tab.

  4. Enable Google Analytics: Under the Analytics section, toggle the switch to enable Google Analytics.

  5. Enter your tracking ID: After enabling Google Analytics, enter your Google Analytics tracking ID into the provided field.

  6. Save and publish your project: Once you have entered your tracking ID, save your changes and publish your Webflow project.

  7. Set up a goal in Google Analytics: In your Google Analytics account, go to the Admin section. Under View, click on Goals. Set up a new goal by clicking on the "+ New Goal" button.

  8. Define the goal type: In the goal setup, choose the "Custom" option and click the "Continue" button.

  9. Enter a goal description: Give your goal a name and select the "Destination" goal type. Click the "Continue" button.

  10. Define the goal details: In the destination details, select the "Begins with" option and enter the URL path of your form's success page. This is usually the page that users are redirected to after submitting the form. Click the "Save" button.

  11. Test your goal: Submit a test form on your website and check if the goal is triggered in Google Analytics. You can view the goal conversion data under the Conversions > Goals section in Google Analytics.

By following these steps, you can track contact form submissions in Webflow using Google Analytics without making any changes to the webflow.js file. This approach allows you to leverage the power of Google Analytics for tracking and analyzing form submission events on your website.

Additional questions:

  1. How do I integrate Google Analytics with Webflow?
  2. Can I track form submissions in Webflow using tools other than Google Analytics?
  3. What other analytics platforms can I use to track contact form submissions in Webflow?