Go to Embed > Booking Form > Fields and enable "Show Ids" at the bottom right. This will allow you to copy the Id of each desired field to be pre-filled.

Option 1: Configuration Object

You can add the data to window.gwBookNow config object, like in the example below.

<gigwell-booking-form
            open-on-load="true"
            agency-id="{YOUR_AGENCY_ID}"
            settings="{YOUR_SETTINGS_ID}"></gigwell-booking-form>

<script type="text/javascript">
    window.gwBookNow = {
      prefillData: {
        artist: 'Max Capacity',
        date: '2025-12-10',
        venue_name: 'Audio Nightclub',
        venue_email: 'info@venue.com'
    }};
</script>

<script type="text/javascript" src="https://connect.gigwell.com/booknow/booknow.js" crossorigin="*" async="true"></script>

Option 2: Query String

You can also add data as a query string.

It is important that the data is properly encoded and that you set gwPrefillData=true in addition to the data.

https://my-website.com/?gwPrefillData=true&artist=Max%20Capacity,date=2025-12-10,venue_name:Audio%20Nightclub,venue_email:info@venue.com

Important Details

Amount fields like offer have two keys. It is optional to set offer.currencyType.
If not set it will default to your agency's default currency type.
For fields that support multiple values (ie. lineup, multipleArtists) the values need to be separated by a comma ,
Artists can either be using the id, web-title, or exact name match
Country can be country code or English country name
PresetLists (ie. age, event type) can be either id (visible on manage presets list screen), or exact name match
Dates need to be in ISO format ie. 2025-12-31
Times are set in 24 hour format ie. 13:00
Timezones need to be in ISO format eg. America/Los_Angeles
https://en.wikipedia.org/wiki/List_of_tz_database_time_zones
The fields need to be part of the form, otherwise pre-fill data is ignored

Embed a Booking Form

Creating New Contacts