If you want to prefill form fields when embedding your form on a webpage, you can do that by tweaking and using the code provided below. We’ll see in a second how to use it. First, let’s mention that, when sharing the form link or publishing the form on WordPress, the procedure is different.
Read more about how to prefill form fields when sharing the form link.
Back to the code needed when embedding the form on a regular web page, what you need to do is copy the following code, paste it in your web page, and make the adjustments indicated in below the code.
Read more about how to prefill form fields when sharing the form link.
Back to the code needed when embedding the form on a regular web page, what you need to do is copy the following code, paste it in your web page, and make the adjustments indicated in below the code.
There are three areas in which you need to focus:
- The function data-custom-vars is not added by default in the javascript code you have obtained in Publish → Embed Code. Therefore, you’ll need to add it manually to your code, followed by the ids of your form fields you want prefilled with the desired values.
- Following,
control7561033-1=Johnmeans that the field with the namecontrol7561033-1hasJohnas the prefilled value. The field with the namecontrol7561033-2is prefilled with the valueDoe, and so on. Field – value pairs are linked through the operator&. To identify form field names, inspect the form code using a browser inspection tool.
Now save the code and preview the result. The code above looks like this:
[123-contact-form i507842 control3592242-1=John&control3592242-2=Doe&control3591576=johndoe@company.com&control3591577=This is a test message.]
5 Comments
When I have some questions to answer is on this page
Hi Araceli!
If you have any questions at any time, please feel free to leave a comment or send an email to support@123formbuilder.com
Have a great day!
Hi! I simply wish to give you a big thumbs up for your great info you have got here on this post. I will be returning to your site for more soon.
I needed to thank you for this good read!! I certainly enjoyed every bit of it. I’ve got you book marked to check out new stuff you post…
There is certainly a great deal to learn about this topic. I like all of the points you have made.