Wiki source code of Schedule Widget

Version 7.1 by Isaac Mejia on 2026/02/05 15:07

Hide last authors
Isaac Mejia 1.1 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
Isaac Mejia 7.1 19 [[image:kb-1487569577-2096267265-1.png]]
Isaac Mejia 1.1 20 To go set the schedule widget to to **Setup>Personalize>Widget.**
21
Isaac Mejia 7.1 22 [[image:kb-1487569577-2096332801-1.png]]
Isaac Mejia 1.1 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
Isaac Mejia 7.1 36 [[image:kb-1487569577-1487438344-1.png]]
Isaac Mejia 1.1 37
38 * Preview will show the look and feel of the site, but not your specific data.
39
Isaac Mejia 7.1 40 [[image:kb-1487569577-2096496643-1.png]]
Isaac Mejia 1.1 41
42 {{include reference="KBSupportCTA.WebHome"/}}
43