Default Email Value with Form Abandonment Enabled.

By: Joe Kevlex | Asked: 01/12/2025
ForumsCategory: General questionsDefault Email Value with Form Abandonment Enabled.
Joe KevlexJoe Kevlex asked 1 day ago

I have a multi-step form with the users' contact details fields displayed in an inner page (i.e., on the 4th page). Now, I have inserted an email field on the first three pages just in case users abandon my multi-step form before the fourth page.
How do I make the email fields on the second page and onward default to the value the users filled in on the first page?
Or, how does the email field on the contact details page (on the 4th page) default to the value filled in on any of the previous pages?

2 Answers
Rob LeVineRob LeVine answered 23 hours ago
While I don't understand your overall plan, the answer to your question is simply solved with jQuery. Set up an change event listener for the email field on the first page and set the value in the successive pages.
Joe KevlexJoe Kevlex replied 23 hours ago

Thanks. I have this long multi-step form that branches out to different paths depending on how users respond to earlier questions. Users are only asked about their personal details when they take/choose a path that requires it, except for the email address field, which is optional and presented on the first few steps/pages of our long multi-step form. I decided to place an email field on the first few pages to give users a chance to get back to the form without the need to fill in or respond to questions that they already answered.

So, yeah, if the users will be seeing the email field (repeatedly) on many pages/steps, the goal is to have their email address already as the default on other pages once they have already filled that in on any of the other pages.

Joe KevlexJoe Kevlex answered 23 hours ago

My jQuery doesn't work.  Maybe because I placed the email field in an embedded field, which I call/embed on the first few pages. Also, email fields don't have this text "calculation" option for default value, unlike regular text or hidden fields. How can you retrieve a field's value from a previous step or page in a multi-step form? I've done it with non-embedded hidden fields, but I can't make it work for email fields. 

Rob LeVineRob LeVine replied 23 hours ago

Let's take a step back. You're embedding the same form multiple times? As far as I understand, that's not OK. https://formidableforms.com/knowledgebase/publish-a-form/#kb-multiple-forms-on-one-page

Joe KevlexJoe Kevlex replied 22 hours ago

Oh. I see. But is a multi-step or multi-page-break form considered just one page? I mean, does it behave as just one HTML page? I have "Submit this form with AJAX" enabled too. I used this since my form is on a WP popup and to make sure that values of my fields on different steps persist in all steps.

Rob LeVineRob LeVine replied 13 hours ago

Since the parent form is on a page that's the one page. jQuery is used to hide/show things as you push forward in the steps. That's how I understand it anyway. To be honest, while embedded forms are a good feature I think I've always ended up backing them out of whatever I was doing.

Making the Best WordPress Plugin even better - Together

Take on bigger projects with confidence knowing you have access to an entire community of Formidable Experts and Professionals who have your back when the going gets tough. You got this!
Join the community
crossarrow-right