https://cal.com/johndoe/book?type=12345&duration=30&email=johndoe%40example.com¬es=Test+Notes
You can integrate the prefill-fields with your booking page URL in a similar way.
Pre-filling all fields
A sample booking form with various fields prefilled. Here is how the fields are setup Here is the query used to prefill that form above.Fields with multiple values
For questions that accept multiple values, you can pass them multiple times using same identifier. So, e.g. Multiselect has been passed twice and thus it prefills both the values. Similarly, you can pass guests twice to add one more guest.Prefilling location
Different type of locations are selected using different values of location. location param value has to be a valid JSON.Pre-filling Attendee Address
Pre-selecting Organizer Address in Location
optionValue will remain empty string for Organizer Address.
If there are multiple organizer addresses(say NYC, London, Paris), then the corresponding prefill codes will be
location={"value":"NYC","optionValue":""}
location={"value":"London","optionValue":""}
location={"value":"Paris","optionValue":""}
Pre-filling Attendee Phone - When chosen as one of the locations
When Attendee Phone is chosen as one of the locations as shown in the screenshot below, you can prefill the phone number by using thelocation param.
Pre-filling Attendee Phone - When used as a separate booking question
Another way to ask for the attendee phone number is to toggle on the “Phone number” question in the Advanced -> Booking questions section. In that case, the correct approach to prefill the phone number is to use theattendeePhoneNumber param.