Embed booking on your website

Does your club already have a website? Embed a login form and public calendars, and organize navigation between the two sites with redirects.

Embed a login form

Your users log in to the booking system directly from the club 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. Enable Display the club logo and name and Open in a new window if needed.
4. In Step 2 - HTML Code to Copy/Paste, click in the code area, copy it, then paste it where you want on your website (in HTML mode).

Publish calendars on your website

Public calendars show court occupancy to visitors without requiring them to log in: on your website, on the club home page, or on a display screen.

1. Go to Administration›Customize›Web Integration›Public Calendars.
2. Create a configuration: give it an internal name, select the calendars to display, the number of days available for viewing, and the zoom level.
3. Save, then open the HTML Integration tab: preview the result and copy the HTML code to paste on your website.

If the configuration contains several calendars, they scroll automatically according to the selected Rotation Interval: useful for a display screen in the clubhouse. You can create several configurations (one per activity, one per screen, etc.) and also display each one on the home page via the Public Schedules block.

Redirect your users after login or logout

1. Go to Administration›Customize›Web Integration›Redirects.
2. Choose the page displayed 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 complement to the embedded login form: the user arrives from your website and returns to it when logging out.