Blog Archives

How to pass or auto-populate data from one Contact Form 7 to another form

Via:MyTutorialGuru.com

We have recently worked for one of our client where it is required to pass data submitted to a contact form 7 to another contact form 7. Which was little tricky and we want to share with you this exclusive tutorial, i.e how we auto-populate data from one Contact Form 7 to another form.

Check the following form, we want to pass State and Email Address field data to next form.

cf7-data-transfer

This is the next form:

cf7-data-transfer1

So how we did that? Lets find out the solution. First of all don’t forget to use id attribute in your form:

cf7-data-transfer2

Then go to Additional settings tab and write the following line. Please replace the URL with your page URL:

on_sent_ok: “location.replace(‘http://yourdomain.com/page-title/?job-state=’+jQuery(‘#job-state’).val()+’&your-email=’+jQuery(‘#your-email’).val());”

cf7-data-transfer3

Then in next form write the field as follows:

cf7-data-transfer4

We hope you enjoyed the tutorial and if you need any help please comment below.

Advertisements