I am now using your code Sanford.
But, how to add another form ?
and how to remove the email parameter ?
thank you so much
Add another form by just nesting it the same way: MktoForms2 :: Progressive Form Substitution - JSFiddle*
You don't want to get rid of passing the email because that's how you make sure Marketo will tie each form's data to the same lead.
* This would be better done using a recursive function when you go over 2 forms, but I don't have time at the moment. Will edit later. The demo now uses a recursive function so you can stack as many forms as you want (the `formidStack` array up in the config section) without adding more code.
Hi Sanford Whiteman,
Is there a way to do this with branching forms? We use an outside web development company and they added our Marketo forms to our site but put each step on a different page (we wanted multiple forms so we could "save" the progress if they don't finish). I was going to send this chat and you code to them so they just have the forms replace but one of our forms branches into 3 different versions based on a choice of a question.
Hope that makes sense!
Can this be adapted to have next form in the sequence determined dynamically in the onSuccess, based on responses submitted in the previous form? Certainly!.
Since you already have devs engaged I assume they're pro enough to get this done.
thank you so much for your reply sanford !
another question : my forms are now stuck on the bottom left corner - why ? and how do I move them where i want ?
thanks
Get a copy of the latest code (now v23) from the link. In the config section, set `insertInsideSelector` to the element you want the form to go inside. In the demo it's being inserted inside the <DIV> with id="exampleContainer".
Great - thank you !
Now I am working on putting the button on the right handside for each forms. Do you have a code for this ?
Found it - now I am worrking on the progress bar. Do you have some tricks ?
thanks
What tricks other than the PROGRESS element as in the demo?
This could be : how to insert pictures inside the progress bar / gradient/ other CSS elements that could be attractive ?
So it looks a little bit more professional
thanks
Those are design choices for a web designer. The Community is for problem-solving (IMO).
OK no worries, could you please tell me how to place the forms on the top left on url : http://pages.videojet.com/lp-MSF.html
thanks
You mean inside the DIV 'outerWrapDiv'?
In the config section, set
insertInsideSelector : '#outerWrapDiv'
Hi Sanford,
In case of someone stops filling out the forms and drop the process in STEP 1 (which is only asking for the email)
What if I want to receive via an alert from marketo, the email from the first step ?
what javascript can I use ? or any other solution ?
thanks
A Smart Campaign that triggers on the first form name. That's the power of this solution: each form stage is a separate activity in Marketo.
Does the smart campaign need to be inside the same program as the forms ?
Nope, the form can be global (and I usually recommend global forms for sanity's sake).
thanks.
when someone double click on the button - the form pops up twice. Do you know how to limit this to pop only once ?