Skip to Content

Wiki source code of Schedule Widget

Last modified by Isaac Mejia on 2026/02/05 17:08
Show last authors
1 {{include reference="KBArticleHeader.WebHome"/}}
2
3 = Schedule Widget =
4
5 This help article will demonstrate how to create a schedule widget for your website. Please note that the widget will use your member permissions setup for each schedule, so be sure that any schedule that should be visible on your website is set to either “Read Only” or “Book Appointments”, and that the “can be viewed without logging in” option is checked. Schedule permissions can be set under Setup>Schedules and click on Member/Student Permissions.
6
7 [[image:kb-1487569577-2096267265-1.png]]
8 To go set the schedule widget to to **Setup>Personalize>Widget.**
9
10 [[image:kb-1487569577-2096332801-1.png]]
11
12 Choose which **Default Schedule** you'd like the widget to display from the drop down menu
13
14 * Copy and paste the **HTML code** into your website - you can use this code on your website page to display the schedule. Any changes to your schedule, classes or schedule setup will automatically update your website page once you’ve incorporated this code.
15
16 * There are several **appearance settings** you can choose from:
17 - Choose whether or not you'd like to display **availability**
18 - Choose whether or not you'd like to display **location**
19 - Choose whether or not you'd like to enable **calendar view for classes**
20 - Set your default view for classes: **list view or calendar view**
21
22 * Choose a **look and feel** for your widget and click **Save**
23
24 [[image:kb-1487569577-1487438344-1.png]]
25
26 * Preview will show the look and feel of the site, but not your specific data.
27
28 [[image:kb-1487569577-2096496643-1.png]]
29
30 {{include reference="KBSupportCTA.WebHome"/}}