Replies posted by vmancini

2 Replies

Noah
NoahFormer Unbouncer
posted in Tips & Scripts

[How To] Add A Multi-Step Form 2.0

Did a bit more testing and I think I cracked the code (pun intended): <script> function UnbounceMultiStep(form, options) { // Validate arguments if ( !form.is('.lp-pom-form form') ) return console.error('jQuery.unbounceMultiStep must be called on an Unbounce form.'); if ( typeof options !== 'object' ) return console.error('No options were passed to jQuery.unbounceMultiStep'); this.options = options; // Store DOM elements this.form = form; this.formContainer = this.form.closest('.lp-pom-form'); this.fields = this.form.find('div.lp-pom-form-field'); this.fieldsByStep = []; this.currentStep = 0; this.forwardButton = this.formContainer.find('.lp-pom-button').eq(0); //this.validationError = $('.lp-form-errors'); // Verbiage this.text = {}; this.text.next = this.options.nextButton; this.text.showSteps = this.options.showSteps; this.text.back = this.options.backButton; this.text.submit = this.forwardButton.children('span').html(); // Cal

224
I
1 year ago
Noah
NoahFormer Unbouncer
posted in Tips & Scripts

[How To] Add A Multi-Step Form 2.0

Hi there, I’m trying to reduce an existing multi-form script that has 3 steps down to 2 steps. I’m not a developer, and I’ve found myself a bit stuck! I have a feeling it’s a matter of changing a minor element of the script. Any help would be much appreciated! Here’s the existing script: <script> function UnbounceMultiStep(form, options) { // Validate arguments if ( !form.is('.lp-pom-form form') ) return console.error('jQuery.unbounceMultiStep must be called on an Unbounce form.'); if ( typeof options !== 'object' ) return console.error('No options were passed to jQuery.unbounceMultiStep'); this.options = options; // Store DOM elements this.form = form; this.formContainer = this.form.closest('.lp-pom-form'); this.fields = this.form.find('div.lp-pom-form-field'); this.fieldsByStep = []; this.currentStep = 0; this.forwardButton = this.formContainer.find('.lp-pom-button').eq(0); //this.validationError = $('.lp-form-errors'); // Verbiage t

224
I
1 year ago

Badge winners

Show all badges
Terms & ConditionsCookie settings