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.

1. Login to School Bytes with your normal login details. For help with School Bytes, reach out to their support.
2. From the left navigation choose Calendars
3. You will see a list of calendars avaliable, from this list, click on the Share button for the calendar you want to use
4. You are presented with a list of sharing options:
   
   iCal: This can be used with our import function
   iFrame (full): This is a full width calendar view suitable for desktop screens
   iFrame (sidebar): This is a list view of the calendar suitable for narrow screens or mobile phones
   Full screen page link: The link option is best suited to for use with the link functions of the card or divider component or from a tile in the hero banner.
5. If you are using the iFrame versions, paste the code into the script component.
   
   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.

 You may also find useful:

• Promote your school calendar