It is simple to include a view of a Booked calendar in an external website. Copy and paste the following JavaScript reference to your website, updating the src attribute to point to your URL.
<script async src="https://demo.bookedscheduler.com/Web/embed.php" crossorigin="anonymous"></script>
Only calendars and resources that have been marked as public will be shown. If reservations are missing from a schedule or resource, it is likely that public visibility has not been turned on.
The following query string arguments are accepted to customize the embedded view:
| Name | Possible Values | Default | Details |
|---|---|---|---|
| type | agenda, week, month | agenda | Controls the view that is shown |
| format | date, title, user, resource | date | Controls the information shown in the reservation box. Multiple options can be passed. For example, to show date and title request date,title |
| showNavigation | true, false | false | If navigation controls are displayed |
| showHeader | true, false | false | If the header to show the current dates is displayed |
| d | Any digit between 1 and 30 | 7 | Limits the number of days shown for the agenda view |
| sid | Any schedule public ID | All schedules | Limits the reservations shown to a specific schedule |
| rid | Any resource public ID | All resources | Limits the reservations shown to a specific resource |
Styling #
Embedded calendars are minimally styled. Booked returns the data and you are able to adapt the style to fit the look and feel of your website.
Nothing to install. Always up to date. Unlimited support.
Get started in seconds.
