I have a website built on Shopify using the Dawn 15.2.0 theme. This theme comes with some pre-installed forms and basic new form creation options. Whenever I submit or start filling out any of these forms, Google Tag Manager (GTM) events trigger automatically:

1. form_submit when the form is submitted.
2. form_start when the user starts filling out the form. For these events to trigger, no additional event triggers setup was required, simply enabling form variables in Google Tag Manager was enough.

The Issue

The problem started when I installed the Shopify Forms app to create more customized form on my website. Using this app, I created two forms:

1. Form-1 (can be seen on homepage)
2. Form-2 (popup form)

I have noticed that any form created on the website by a third-party app (even if the app was developed by Shopify) does not trigger GTM events (like form_submit or form_start) when a user starts filling out or submits the form 1 & 2.
So, I am trying to set up a trigger in Google Tag Manager manually to track user interactions (like form_start or form_submit) with Form-1 and Form-2.

I have tried may ways like using:

• Trigger Type: Form Submission > class
• Trigger Type: Element Visibility > CSS Selector > Element Selector
• Trigger Type: Element Visibility > ID > Element ID

But they are not working, possibly because I am choosing the wrong CSS selector, wrong ID, or wrong class, or there could be another issue. I’m not exactly sure what I’m doing wrong, kindly help me out with this. I would be grateful.

As you can gather all the required data needed to set up a GTM trigger manually by visiting the website and using Inspect Mode, here is my website URL: /

I want to setup GTM trigger for the event for form submitted.