As you have already discovered, 123FormBuilder web forms can be manipulated in various ways, to meet your needs and preferences. Besides the bunch of features that can be set and tweaked easily in your 123FormBuilder panels, there are some hidden options that you may want to use. So here is the first chapter of our Tips & Tricks manual: pre-filled form fields.
For your purposes, the primary benefit of using pre-filled form field values is that you can provide your form visitors with answer suggestions. Further, you can spare them the trouble of typing in information that you already know. Your web form will thus become friendlier and more appealing.
When you prefill form field values for 123FormBuilder web forms, it is all about the URL of your web form. You will need to adjust it and then to share it with your future form users. Normally, your web form URL looks like this: http://www.123formbuilder.com/contact-form-username-201140.html. The username part contains the name that you used for creating your account. 201140 is the ID of your web form. Web form URLs can be found in the Publish section -> Form Link tab -> URL (Email, Messenger) option.
The customized URL that you need to use for a form with pre-filled fields is a bit different. It will look like this:
Don’t be scared, it’s really simple. Let’s break it down.
nameattribute of the form field. The = operator establishes the association between the form field and the preset field value. Finally, John is the pre-filled form field value of your choice. Basically, this structure means that the engine will prefill the form field having the
nameattribute control1111111 with the value John.
How to access the form field
name attribute? Preview your form and inspect the form field code with a browser inspection tool. Find the part that says:
The greater part of what you need to know in order to build forms with pre-filled fields has been described above. To test it out, preview your web form. Open a new blank tab in your browser and type in the customized URL for your web form. Start with the part that remains constant throughout all customized form URLs: http://www.123formbuilder.com/sf.php?s=123formbuilder-. Copy the form ID from the regular form URL and add it to the customized form URL. Continue by adding the form field
name attributes and the preset field values. Press Enter and view the result.
There are several other aspects that you need to know in order to use pre-filled form field values most efficiently. Visit the 123FormBuilder Help & Documentation section to learn more about pre-filled form fields.