Skip to Content

Wiki source code of Schedule Widget

Version 6.1 by Isaac Mejia on 2025/12/15 16:18
Show last authors
1 {{include reference="KBArticleHeader.WebHome"/}}
2
3 = Schedule Widget =
4
5 {{info}}KB: MSI Knowledgebase • Category: Configuration • Source: [[https://membersolutions-9221154.hs-sites.com/kb/schedule-widget_1487569577>>https://membersolutions-9221154.hs-sites.com/kb/schedule-widget_1487569577]]{{/info}}
6
7 * [[Setup>>Setup_1619099713.html]]
8
9 * [[Personalize>>Personalize_1619591434.html]]
10
11 Schedule Widget
12
13 Created by
14 Amith, last modified by
15 Cathy Beckstead on Sep 29, 2022
16
17 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.
18
19 image:kb-1487569577-2096267265-1.png
20 To go set the schedule widget to to **Setup>Personalize>Widget.**
21
22 image:kb-1487569577-2096332801-1.png
23
24 Choose which **Default Schedule** you'd like the widget to display from the drop down menu
25
26 * 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.
27
28 * There are several **appearance settings** you can choose from:
29 - Choose whether or not you'd like to display **availability**
30 - Choose whether or not you'd like to display **location**
31 - Choose whether or not you'd like to enable **calendar view for classes**
32 - Set your default view for classes: **list view or calendar view**
33
34 * Choose a **look and feel** for your widget and click **Save**
35
36 image:kb-1487569577-1487438344-1.png
37
38 * Preview will show the look and feel of the site, but not your specific data.
39
40 image:kb-1487569577-2096496643-1.png
41
42 {{include reference="KBSupportCTA.WebHome"/}}