Replies posted by sangeeths

4 Replies

Noah
NoahFormer Unbouncer
posted in Tips & Scripts

[How to] Run Custom Code/Scripts on Form Submission

My co-worker also figured the window.ub.form.url part that can let you change the form action URL without messing things up which is pretty neat. I’ve yet to see if this flow is good enough but I still worry if I’m tapping into a private API that Unbounce would change tomorrow and end up breaking the scripts. This, combined with the async hooks could be the nail in the coffin for my woes but it’s quite horrible that these are all undocumented and you have to find it in the community forums. @Noah or anyone else from the UB team, please pass this feedback and provide a good documentation for all the exposed global APIs we can use from client-side.

28
Anna_Z
Unbouncer
4 months ago
Noah
NoahFormer Unbouncer
posted in Tips & Scripts

[How to] Run Custom Code/Scripts on Form Submission

How does your dataLayer work? On every push makes an AJAX call? I also don’t see any waiting bits here so what happens if form submission navigation happens before your API gets called? Wouldn’t it cancel those requests? I really wish the Unbounce team would detail the public APIs exposed in JS here https://developer.unbounce.com/ so that I could avoid writing messy code and not tap into private APIs that could potentially break in the future. The tips & tricks stuff posted in these forums is nice, but it’s quite honestly a nightmare to use and maintain. I still see jQuery tips & tricks being posted here even though that’s a whole lot of extra KBs I need to ship to my users. Please, could y’all just make this a tad-bit developer friendly?

28
Anna_Z
Unbouncer
4 months ago
K
Kelly_Lawler
posted in Ask a Question

Ability to re-order scripts in scriptmanager

Any update on this? This is quite an essential need for us, would love to have this in Global Scripts as well as for per page scripts.

7
S
3 years ago
Noah
NoahFormer Unbouncer
posted in Tips & Scripts

[How to] Run Custom Code/Scripts on Form Submission

I seem to be able to get it to work by using capture flag like so: // Replace with the class you added to your form const form = document.querySelector('.my-form'); form.addEventListener('submit', event => { // Once we verify everything, this global will be set to indicate everything is good and we can proceed // with Unbounce's handling of form submit in which case, we immediately return. Down below, we will // manually trigger form submit event once validation is successful. if (window.__VALIDATED) { return; } // This will prevent Unbounce's default handlers from getting invoked which allows // you to process form submission. event.stopPropagation(); event.stopImmediatePropagation(); event.preventDefault(); // ...Do API calls and whatnot here... // Once all checks are complete and if it's good shape: window.__VALIDATED = true; // Get reference to your submit button using jQuery or `document.querySelector` and

28
Anna_Z
Unbouncer
4 months ago

Badge winners

Show all badges
Terms & ConditionsCookie settings