When creating or modifying a Custom Schedule Widget, you can also customize the structure and design of your Custom Schedule Widget This article describes all the settings you can configure on the structure, design and embed code page for your Custom Schedule Widget skin.
In this article:
Custom Schedule Widget Structure page
| Heading | Description |
| Widget Name | The name of the Custom Schedule Widget. |
| Columns | The schedule-related custom fields that appear on your Custom Schedule Widget. |
| Schedule View Controls | Displays your custom schedule in list, day, week, or month view. You can add a calendar button, a today button, set a default view, and choose whether to display canceled classes in your custom schedule. |
| Schedule Display | Chooses how you want your custom schedule to be displayed by setting the following options to ON or OFF:
Under WEEK START DAY, you have the option to choose Current Day or any day in the week to be the starting day of your week. |
| Filters | Chooses whether to display the following filters in your Custom Schedule Widget. For example, Location, Class/Event Type, Staff, Days, or Class Times. |
| LIVE PREVIEW | Displays a live preview of the Custom Schedule Widget, including any unsaved changes. |
Custom Schedule Widget Design page
| Heading | Description |
| LIVE PREVIEW | Displays a real-time preview of the Custom Schedule Widget, including any unsaved changes. Click any element in this preview to begin editing its design options. |
| LIVE ELEMENT PREVIEW | Displays a real-time preview of the widget element you selected for editing. The design options for the selected element are displayed below the LIVE ELEMENT PREVIEW. |
| FONT STYLE | Allows you to change the font style of the element by changing the font type, color, and size. You can also display the text in bold, italics, or all capitals. |
| BACKGROUND | Allows you to change the background color of the element. |
| PADDING | Allows you to adjust the vertical and horizontal spacing between elements. |
| GRADIENT | Allows you to add a gradient to the color of the element. |
| BORDER | Allows you to change border color, add rounded corners, and change line thickness around the element. |
| LINK COLORS | Allows you to change the text color before and after hovering over the hyperlink. |
| BUTTON TEXT | Allows you to customize the text of the button. |
| BUTTON WIDTH | Allows you to adjust the width of the button. |
Custom Schedule Widget Embed Code page
| Heading | Description |
| Select A Location | Allows you to select the location in which the widget applies. This option is only available when you have multiple locations in your business. |
| Widget Code | The code that is generated after you create a widget. You must copy and paste that code to your website or page to display that widget. |
| URL Of Your Page | The direct URL of the page where you want to place this widget. |
| Custom CSS | The code that you can use to further customize the style of your widget to match your business’s website and branding. For more information, see Adding custom CSS to a website widget. |