hi @artur thanks for your help here. What is the best way to catch a click on a list element (when not using the action buttons for which the React version of the solution seems to be this one: Action Buttons - Update Records event listeners)?
Hi @artur - Should this script work on pages that use the “Signup with side image” content block? The form I’m using doesn’t appear to have an ID or class I can use: https://app.coverdoc.ai/sign-up
I’m trying to use Google Tag Manager to fire an event in GA4 when a user signs up via the Softr form. I’d like to use dataLayer.push for the “submit-form” event but the script doesn’t work for me when I use a custom code block in Softr on https://app.coverdoc.ai/sign-up
@artur I have a custom code that listens to different forms on different pages in the footer custom code. the code is meant to show a custom loading screen when a form is submitted and refresh the parent page when the form submission is successful, it works on the dev environment(app clone) but it doesn’t work in prod(user-visible) the code looks like this below:
For your use case, few things:
You point, in your script, to loading-screen, but in your html it is loading-screen-n (at least one of them). Would this come from there?
The event listener for a block should be nested in another event listener, to avoid bugs.
@matthieu_chateau ok I tried adding the code at the page level, but then I feel it’s a selector thing because when i tried console logging something when the form is submitted it doesn’t show up in the console
here is a copy of my code
There are problems with your code, not really a problem of selector.
Few things:
It’s or failure or success but not just submit-form (which is triggerred whether it’s a success or a failure => it will lead to conflicts)
Can you explain me exactly what you want to do, step by step with this script and by naming the elements.
Like “when there is form submission (form name) in this page… I want this to happen…”
@matthieu_chateau@artur ok I want to show a loading screen immediately after a user submits a form(named metricform) in a modal(named “ad-filter-modal”), hide the screen and reload the page that brought up the modal(poping the modal off) when the form returns success,
and hiding the screen when the foem submission fails
so I have automation in make/integromat with a response webhook that fires on completion of the automation, this emits the “submit-form-success” event which is supposed to hide the loading screen and reload the parent window. so that’s why I listen to the “submit-form” and “submit-form-success” events. I hope this gives you clarity on my use case
Ok, so the submit form success event listener is not supposed to be trigerred on completion of the automation, it is trigerred on form submission stricto sensu (so => before the automation is completed or, in other words, whatever if the make automation is a success or a fail).
Does this Make automation, when it is successful, change something in the page, visually? A field in a table or in a list or something?
@matthieu_chateau or @artur, is there an event for a Call API success yet? I am needing to listen to a List Block for a successful Call API event and could not find the event name to listen for. Thank you.
I’m a complete novice, but these didn’t work for me - I was just testing a basic page refresh. I did a test with another event listener (record update) and it did work.