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 Trial

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

Start Free Now

No credit card or installation needed

 

Contact us

Phone

+1 415 800 3787

Information

info@calculoid.com

Support

support@calculoid.com

Easy Software Ltd.

Kemp House, 152-160
City Road, EC1V
2NX London, United Kingdom
Company ID: 08960980
VAT ID: GB226711521

Easy development center

Jugoslávských partyzánů 34
160 00 Prague
Czech Republic