Webflow

Integrate conversion tracking with Ruler Analytics and your Webflow forms

If you are using Webflow form builder, you can apply this additional script to the footer of your website before the closing </body> tags located in the Footer file on your website, to track the submitted values as a conversion to Ruler Analytics.

The script can be applied to your website directly or as a Custom HTML tag in Google Tag Manager.

We recommend this fires on all pages on site. More information can be found on Webflow to support you in how to apply code to the footer.

<script>
  var Webflow = Webflow || [];
  Webflow.push(function () {
    var forms = document.querySelectorAll('form');

    for (var i = 0; i < forms.length; i++) {
      forms[i].addEventListener('submit', function (event) {
        var RulerPayload = {};
        var elements = event.target.elements;

        Array.from(elements).forEach(function (element) {
          if (element.name) {
            RulerPayload[element.name] = element.value;
          }
        });

        RulerAnalytics.trackConversionAsync(RulerPayload, "", "", 500);
      });
    }
  });
</script>

To test the additional script you can follow our guide here.

If you have any questions, please email [email protected]