All of the text on the booking forms can be customised by setting new values in the Bookings Configuration End Point. You can copy and rename the default text to create multiple versions of these text overrides. When someone is scheduling an event the names of the text overrides appear in a drop-down on the form and the user can pick which one they'd like to use.
The following screenshots show the various booking forms with the various property names. The "Default" set of values is also shown.
Multi-Language Sites
Bookings is fully internationalised and includes i18n tokens and translations for all of the fields below. If you don't set any overrides in this configuration, the default tokens will be used which can be managed in the usual way. You could also create overrides that provide new i18n tokens.
Make Booking Form
This is the first form displayed when someone books an event.
Top Banner
The elements in the top banner can be shown or hidden by setting the "extras" properties to true or false. The text used is set in the "topBanner" object.
Tickets and Details
These properties are found in the "ticketsAndBooking" section. Some elements, like ticketsAndBooking.tickets.increaseNumber (used for the + button when adding tickets) are not visible on the form but are available to accessibility tools like screen readers.
Check Your Booking
In this section of the form overrides also exist for a correctly entered discount code.
Payment Form
This form is linked to directly when a booking is made. Only one of the three possible buttons (pay online, pay offline or free/book now) will ever be shown.
Example
config.bookingText = {
"Default": {
"extras": {
"override": false,
"showAvailability": false,
"showDates": false,
"showLocation": false,
"showPrice": true
},
"showEventInfo": true,
"topBanner": {
"show": true,
"date": "",
"time": "Time",
"price": "Price",
"location": "Location",
},
"locationDisplay": ["showEventInfo", "checkBooking"], // can be displayed in 2 places Top Banner and Check Booking
"locationLink": true,
"free": "Free",
"ticketsAndBooking": {
"title": "Tickets and booking",
"tickets": {
"title": "Tickets",
"summary": "Please choose your tickets",
"noTicketsAvailable": "No tickets are currently available",
"additionalOptionsTitle": "Additional options",
"mandatoryTitle": "Tickets",
"mandatorySummary": "Please select at least one of these tickets",
"reduce": "Reduce",
"increase": "Increase",
"qtyFrom": "from",
"qtyTo": "to",
"available": "Available"
},
"bookingDetails": {
"title": "Booking Details",
"summary": "Please enter your details below",
"name": "Full name",
"namehint": "",
"email": "Email",
"emailhint": "",
"tel": "Contact number",
"telhint": ""
},
"checkBooking": {
"title": "Check your booking",
"date": "Date selected",
"location": "Location",
"totalTickets": "Total tickets required",
"discount": {
"title": "Discount code",
"button": "Add",
"applied": "Code applied",
"originalPrice": "Original price",
"discountAmount": "Discount amount"
},
"total": "Total price",
"bookButton": "Continue",
},
"validation": {
"zeroSelected": "You must select at least 1 ticket",
"maxPurchase": "A ticket has exceeded the maximum allowed value for this purchase",
"mandatory": "1 or more of the mandatory tickets must be selected",
"name": "Please enter a name",
"nameLength": "Your name is too long",
"email": "Please enter a valid email address",
"tel": "Please enter a valid contact number",
"discountCode": "Code not valid. Please try again"
}
},
"paymentForm": {
"title": "Booking Details",
"showLocation": true,
"ticketsIcon": "f145", // leave blank to hide icon
"tickets": "Tickets",
"discount": {
"title": "Payment Details",
"originalPrice": "Original price",
"discountAmount": "Discount amount",
"discountCode": "Discount code"
},
"notes": {
"title": "Notes",
"hint": "Add additional notes about your booking below"
},
"termsPreLink": "I have read and accept the",
"termsLinkText": "terms and conditions",
"termsPostLink": "",
"totalToPay": "Total to pay",
"payOnline": "Pay Online",
"bookNow": "Book Now", // free event
"paidOffline": "Paid Offline",
"validation": {
"terms": "Please accept the terms and conditions",
"offlineRef": "Please enter a reference number",
"futureEvent": "This event has already ended and cannot be booked on, please find a future one."
},
"payment": {
"cancelled": "<h2>The payment was cancelled by the user</h2> <p>Please contact us via our contact page to further help.</p>",
"failed": "<h2>An error occurred while processing your payment</h2><p>Please try again or contact us via our contact page to further help.</p>"
},
"timeout": "Unfortunately your booking has timed out. Please try again again."
}
},
};
Share this page
