School website service training and support

School Bytes calendar

Use this guide to learn how to add a School Bytes calendar to your website.

How to add a School Bytes calendar

You can choose to:

  • link to a School Bytes calendar from your webpage(s)
  • embed it within an iframe using the embed code provided by School Bytes.

NOTE: Given the calendar can be quite large, the preferred option is to link to the School Bytes calendar - especially from your homepage.

Option 1 - link to the calendar

You can link to a School Bytes calendar by copying and using the link portion of the embed code.

An example of the URL link to be copied from the embed code is highlighted in bold:

<iframe frameborder="0" width="100%" height="1800px" src="https://online.schoolbytes.education/calendar_page/108/542/a158d91a-3dcb-6687-9bb2-8daf483fdf88" title="Parent Calendar"></iframe>

To the right is an example of the card component added to a page inside a column control (in the example we use a dummy link).

On your homepage the divider component could also be used to link to the calendar or you could consider a button or tile from the hero banner.

Calendar

See the latest events on our School Bytes calendar.
View calendar

Option 2 - embed the calendar

Following is an example of the iframe embed code to be copied and placed in a script component which has been added to your page.

Example iframe embed code

<iframe frameborder="0" width="100%" height="1800px" src="https://online.schoolbytes.education/calendar_page/108/542/a158d91a-3dcb-6687-9bb2-8daf483fdf88" title="Parent Calendar"></iframe>

Follow our guide on using the script component.

For assistance with School Bytes, please contact support@schoolbytes.education.