How to prefill fields when embedding a form?
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 on WordPress.
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 on WordPress.
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,
control3333333-1=Johnmeans that the field with the IDcontrol3333333-1hasJohnas the prefilled value. The field with the namecontrol3333333-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.
When the form field is split into several subfields, you need to add its number after the ID . For example, the Name field contains a First Name and a Last Name. These two have separate IDs: First Name – control33333333-1, Last Name – control33333333-2.
This is the extra part which needs to be added to the embed code. Replace the control ID with your own field’s ID.
data-custom-vars="control33333333-1=John&control33333333-2=Doe&control55555555=johndoe@company.com">
7 comments
Leave a Reply
Similar Articles
Frequently Asked Questions
Here is a list of the most frequently asked questions. For more FAQs, please browse through the FAQs page.
Hi there,
We embedd forms on our website using javascript. If I apply the example above, I prefill the form with 1 standaard value per field. This could also be done by adding a default value in the form itself.
I would love to be able to have the value defined by the parameter specified in the URL of my website. For example, I send an email to my followers with a unique link per subscriber. This link will thus define the prefilled value.
For example:
http://www.mydomain.com?control%5Bid field firstname]=Sam&control[id field lastname]=Rippinger
Is something like this possible?
Thanks in advance
Hello, thank you for leaving a comment. This can be achieved with a custom script. We can create the script for you, and this would be considered custom work. The custom work price will be determined based on the complexity of the script. Please email us at customercare@123formbuilder.com for more details! Have a great day!
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.