How can I add conversion tracking in Google AdWords to track form submissions on a website built with Webflow?

Published on
September 22, 2023

To add conversion tracking in Google AdWords to track form submissions on a website built with Webflow, you can follow these steps:

  1. Create a conversion action in Google AdWords:
  • Log in to your Google AdWords account and go to the "Tools" tab.
  • Under the "Measurement" section, click on "Conversions".
  • Click on the "+ Conversion" button to create a new conversion action.
  • Choose the "Website" option and click "Continue".
  • Fill in the necessary details for your conversion action, such as the name, value, and counting method.
  • In the next step, select "Lead" as the conversion category and choose the appropriate settings based on your requirements.
  • Finally, click on "Create and continue".
  1. Get the conversion tracking code:
  • After creating the conversion action, you'll be directed to a page where you can get the conversion tracking code.
  • Copy the generated code snippet provided by Google AdWords. Make sure to copy the entire code.
  1. Add the tracking code to your Webflow website:
  • Log in to your Webflow account and open the desired project.
  • Go to the "Project Settings" and click on the "Custom Code" tab.
  • Under the "Head Code" section, paste the conversion tracking code you copied earlier from Google AdWords.
  • Click on "Save Changes" to apply the code to your website.
  1. Add an interaction to track form submissions:
  • While still in the Webflow designer, select the form element you want to track.

  • In the right sidebar, click on the "Add an interaction" button (the lightning bolt icon).

  • Choose the "Form Submission" trigger from the dropdown.

  • In the "Affect different elements" section, select the option to run a custom code.

  • Paste the following code snippet into the "Custom Code" box:

    ```javascript
    gtag('event', 'conversion', {'send_to': 'YOUR_CONVERSION_ID/YOUR_LABEL'});
    ```

  • Replace "YOUR_CONVERSION_ID/YOUR_LABEL" with the actual values from your Google AdWords conversion tracking code. For example, if your conversion ID is "123456789" and your label is "AbC1dEfG", the code should look like this:

    ```javascript
    gtag('event', 'conversion', {'send_to': '123456789/AbC1dEfG'});
    ```

  • Click on "Save" to apply the interaction.

Now, whenever a visitor submits the form on your Webflow website, the conversion will be tracked in your Google AdWords account. You can monitor the conversions and their performance directly in Google AdWords.

Note: These steps assume that you have already set up your Google AdWords account and linked it to your website. If not, you will need to complete those steps first before implementing conversion tracking.

Additional Questions:

  1. How do I create a conversion action in Google AdWords?
  2. How do I add custom code to my Webflow website?
  3. What other tracking methods can I use to track form submissions on Webflow?