To embed the Schoolzine Calendar on your own webpage or portal you will need to copy the calendar embed code from your SchoolzinePlus Admin Console. Once you have the code simply paste it into the HTML of your webpage or portal. Below are detailed steps on how to do this:
- Login to your SchoolzinePlus Admin Console and select the Content menu tab.
- Once expanded, select Calendar
Note: If you have more than one calendar, select which calendar you would like to embed. - Click on Embed Calendar. This will display a popup which contains the embed code.
- Copy the embed code from the text box and paste it into the HTML of your webpage or portal.
Note: You can select different embed code options which affects how the calendar will display. For information on these options please see Calendar Embed Options.
Alternatively, if you can just display a direct link to the Schoolzine Calendar by copying the Direct Link.
Calendar Embed Options
When embedding the calendar, we provide a few options which changes how the calendar will display. Below are detailed descriptions for each of these options:
- Iframe or Javascript
Selecting from these two options will change the type of code used to embed the calendar. They are both simular however we recommend using Iframe as it is the most reliable.
- Schedule
Selecting Schedule will force the calendar view to display as a Schedule view (List style).
- Show Restricted
Selecting Show Restricted will display any events that have restricted tags. By default, events with restricted tags do not display on the calendar. You can use this feature to embed a staff calendar showing staff only events.
- Exclude School Styles
By default, this should be ticked. This option is used by IT developers to prevent Schoolzine CSS styles from overriding the CSS styles on your website.