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.

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=John means that the field with the ID control3333333-1 has John as the prefilled value. The field with the name control3333333-2 is prefilled with the value Doe, 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">