Add booking to your website

Does your organization already have a website? Add a login form and public calendars to it, and manage the back-and-forth between the two sites with redirects.

Summary

Add a login form

Your users log in to the booking system directly from the organization's website.

  1. Go to Administration›Customize›Web Integration›Login Form.
  2. In Step 1 - Configuration & Overview, set the Form Theme (with or without styling, for light or dark backgrounds) and the Button Color: the preview updates in real time.
  3. If needed, enable Display the club logo and name and Open in a new window.
  4. In Step 2 - HTML Code to Copy/Paste, click inside the code area, copy it, then paste it wherever you want on your website (in HTML mode).

Publish calendars on your website

Public calendars show court occupancy to visitors, with no login required: on your website, on the organization's home page, or on a display screen.

  1. Go to Administration›Customize›Web Integration›Public Calendars.
  2. Create a configuration: fill in the Configuration Name — an internal reference, never shown to visitors — then select the Calendars, the Number of Days available to view and the Zoom.
  3. Save, then open the HTML Integration tab: the Preview Configuration button opens the actual result, and the code area is there to be copied onto your website.

If the configuration contains several calendars, they rotate automatically according to the Rotation Interval you choose, adjustable from 5 to 60 seconds: handy for a welcome screen in the club house. You can create several configurations (one per activity, one per screen, etc.) and also display each one on the home page using the Public Schedules block.

Customize the home page
Build your club home page with content blocks: presentation, photos, calendars, weather, registrations, and more. Each block can be public or restricted to certain users.
To protect players' privacy, untick Display User Names: booked time slots are then simply marked "Booked", with no name shown. The Display completed time slots option also controls whether the day's past time slots are displayed.

Redirect your users after login or logout

  1. Go to Administration›Customize›Web Integration›Redirects.
  2. Choose the page shown after login: Booking Tables (default), Homepage or My Account.
  3. Choose the destination after logout: Homepage (default) or Custom URL.
  4. Click Save.

The custom redirect after logout is the natural companion to the embedded login form: the user arrives from your website and returns to it when logging out.

On a computer in Kiosk Mode, the user is always brought back to the kiosk after logging out: the custom redirect is ignored there.
Setting up an on-site booking kiosk
Kiosk Mode turns a club-house computer into a self-service booking station: the calendars are displayed continuously and users log in on site to book or check in their presence.
Automate Your Messages
SEO & Audience
Updated on Wednesday 05 August 2026
Terms & Privacy Policy
Belize (EN)