Adding event booking to your website [video]



On the events page you will see the "Embed published event list" option and when viewing an event you will see the "Embed event booking form" option. Both these options will open the following page that contains code used to add event booking forms to your website.

While both the JavaScript and iframe version will embed events on your website the JavaScript version is a little more sophisticated and will automatically adjust the height of the form as needed. Some website creation tools will not allow you to use JavaScript, if this is the case then the iframe version is suggested.

While the design of the event list and booking form is consistent with the rest of UCare; this may look out of place on your website. If so a custom CSS file can be specified to alter the design of the form, though you will need the help of someone with CSS skills to customize the design.

Note: If events are collecting credit card payments it is recommended that the page that events are added to use HTTPS. While UCare always uses HTTPS it will give the user more confidence to see that the page that they are entering their credit card onto is secure.

Tip: If you want people to be able to book event tickets from your website then you need to add visible ticket types to that event.


Published events list

Here is an example of the event list that has been added to a website, only upcoming events that are either featured or published will be displayed. Featured events will always be displayed at the top of the list.


Event booking form

Here is an example event booking form that has been added to a website. In this example the Children ticket type has had some extra fields added, name and birthday. Only one name field will be recorded for each ticket and will create a new person on UCare if they don't already exist. If a name field is not added to the ticket type then the extra fields will be saved on the profile of the person making the booking.

The "your details" section is for the person making the booking, if their name and contact details match a person that you have on UCare then when they submit the form it will be added to their profile. If, on the other hand, the details don't match then a new person will be added along with their event booking.

Have more questions? Submit a request