Content

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 &

The field IDs are visible in the edit mode.
Additional information

Start Free Now

Create your own web calculator in a matter of minutes.
Test all features in the 30-day free trial. 

Sign Up Free

No credit card or installation needed