To call a form 'submit' event on a button click, you need to follow the below 5 steps:

1. You will need to set up a "New Tag" in GTM and then choose "Custom HTML":

2. Once you have the new tag open, add the following snippet of JavaScript to the HTML like seen below:

<script type="text/javascript">
window._mfq.push(["formSubmitAttempt", "#myForm"]);

Note: The form ID must have a hash sign "#" prepended when pushing the submission state to Mouseflow. You can find the form's ID in the Mouseflow app as it is always displayed on top of the 'Form Fileds' when you are editing your form:

3. After that, you have to add a "Trigger":

You can trigger the tag on anything you want but if for example, you want the tag to be set whenever a visitor clicks a specific button, you can do that by clicking inside the "Triggering card" -> and then clicking the "+" sign in the upper right-hand corner:

Click inside the new "trigger card" that appears and then choose Click > All Elements:

Note: If you don't have the option to choose "Click" then you can add the "click" selector by going to Variables -> Configure -> and then enable "Click Element" in the list.

Click inside the new "trigger card" that appears and then choose Page Load -> Some Page Views. Once you've chosen the trigger type, you can set it up like this:

That will make it trigger based on events for specific elements on your site. In this example, you define the element you want the tag to trigger on by its CSS selector.

Finding the CSS Selector

Finding the selector of an element in Chrome only takes a couple of clicks using the built-in Developer Tools.

To find the CSS selector of a page element:

A. Right-click the element on the page and choose "Inspect" - The Developer Tools window will open.

B. In the Elements tab of Developer Tools, right-click the highlighted element and select Copy > Copy selector.

That's it! The selector string is now in your clipboard and you can paste it into your trigger.

4. When you've configured the trigger as shown above please "save" the trigger and the tag - and then click the "submit" button in the top right-hand corner.

5. Once you've set up the "formSubmitAttempt" event you will need to set up a second "formSubmitSuccess" event on the success screen.

Please find our guide on how to do that here.

Did this answer your question?