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.

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.

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.