All Collections
Technical Documentation
The booking widget
Pre-filling booking widget data in embed mode
Pre-filling booking widget data in embed mode

Customer data can be pre-filled into the booking process by passing parameters in the src URL address of the embedded iframe.

Jubrine Fortuno avatar
Written by Jubrine Fortuno
Updated over a week ago

The below example shows how to structure the URL parameters to pre-fill the following data:

  • First name

  • Last name

  • Email address

  • Phone number

  • Booking notes (urlencoded)

  • Any custom fields*, specified by ID.

Example

<iframe width="100%" height="550px"src="
https://book.appointedd.com/app/5b217d651490f4f46c26eb45?
customerPrefill[firstname]=greg&
customerPrefill[lastname]=Dickson&
customerPrefill[email]=greg@appointedd.com&
customerPrefill[mobile]=447777777777&
customerPrefill[customFields][hidden_id_field]=123456&
notesPrefill=These%20notes%20will%20be%20prefilled"></iframe>


As well as those custom fields which display on the booking widget for the customer to complete, it is possible to pre-fill custom fields which do not display on the widget for the customer. These custom fields would be created as internal only within the Appointedd web application. Pre-filling fields which donโ€™t display to the customer allows the business to pass data into Appointedd without displaying that information in the widget for the customer to see or edit. This can be useful for passing data such as the source of the customer to determine which marketing campaign they arrived at the booking process from, for example.


If you have any feedback we would love to hear it ๐Ÿ‘‚


โ€‹

Keywords: prefilling, pre-fill, prefill, prefiling, prefil

Did this answer your question?