How to pre-fill field values
Our embedded calculators can now pre-fill field values form the URL query parameters. It can improve the user experience.
One example use case from all. Imagine you send a newsletter with a link to your calculator and each lead will have his/hers email field pre-filled. Then it takes just one click to pay. No typing required.
Demo
Let's start with a demo first this time. Here is an embedded calculator:
If I'd like to change some values for some user(s), I can send them to a URL with query params like this:
http://calculoid.com/blog/63-how-to-pre-fill-field-values?F25490=test%40calculoid.com&F25489=10&F27472=15
This link will open this blog post in a new browser tab. Compare the two calculators and its values.
How to configure the URL query params
If we take the demo example URL from above, we can take closer look to the parts:
http://calculoid.com/blog/63-how-to-pre-fill-field-values
is the URL of this blog post. Whatever is after the question mark is the URL query.
F25490=test%40calculoid.com&F25489=10&F27472=15
is the URL query. I can write almost anything I want after the question mark and I still get to this blog post.
F25490=test%40calculoid.com
is the field ID (F25490) of the Payment Field and it equals the value (test%40calculoid.com). In case of this example the the et-sign (@) is URL-encoded as %40
. If you want to add more field URL parameters, separate parameter_name=parameter_value with &