How to create a Website Calendar Using Office 365

Purpose: This guide explains how to create a website calendar using Office 365.

Audience: This guide is for school staff needing to create and share calendar information through Office 365 and the school website.

Estimated time to complete: 15 minutes

You’ll need access to your XXXOneDrive@sd35.bc.ca account and the Office 365 Calendar application.

Step 1: Login to Your Account

• Login to your XXXOneDrive@sd35.bc.ca account.

Step 2: Access the Calendar Application

• Select the ‘Calendar’ application from the App launcher or Apps page.
  
   
• If you do not see the Calendar app, you can also access it by selecting the ‘Outlook’ application and the Calendar icon, located beside the Mail icon below:
  
  

Step 3: Create New Calendars

• In your Calendar app, create new calendars for your staff, community, etc.
  
  
   

Step 4: Input Calendar Dates

• At the top of the page, under the date area, it will show the calendars you have selected.
• When inputting calendar dates, only select the calendar you wish to add the dates to.
• The ‘Other calendars’ sidebar will show you which calendars are currently selected by highlighting them.
  

Step 5: Share the Calendar

• To host your calendar on your school district website, you need to share it.
• Select the ‘Gear’ icon at the top right corner of your Office 365 page.
  In ‘Settings’, select ‘Calendar’ under the ‘Your app settings’ section.
• On the left panel, under ‘Options’, and under ‘Shared calendars’, select ‘Calendar Publishing’.
• Select the calendar you wish to share under ‘Calendar publishing’ and then select ‘Permissions’. It is suggested you show full details.
• You will see both an ICS and HTML link. The HTML link can be used to insert the page into your school website calendar. The ICS link can be used to import into other calendar apps or mobile devices.
  
   

Step 6: Create a Link to Your Calendar on Your School Website

• Login to your school website admin portal.
• Select ‘Pages’ from the left panel Dashboard.
• Select the ‘Calendar’ page. If this is not already created, you can create the page by selecting ‘Add New’.
• If you have a Google calendar already linked to your Calendar website page, you can change this link to add the new shared HTML link. Select the ‘Edit’ button under ‘Links to:’ and paste the HTML link from your OneDrive calendar.
  
• If creating a new link, scroll to the bottom of the page and add the HTML shared link from your OneDrive calendar to the ‘Page Links To’ area: The link will go into the ‘A custom URL’ section. It’s suggested you also check ‘Open this link in a new tab’.
  
   
• This setup can be done for other calendars as well, including private staff calendars. The bonus with the staff calendars is that it can be shared directly to their Office 365 Outlook application.
  This is what Calendar looks like from the user end:
  
   

• Common issues and their solutions:
  • Issue: Unable to access the Calendar app.
    Solution: Ensure you are logged into your XXXOneDrive@sd35.bc.ca account and try again.
  • Issue: Calendar not displaying correctly on the website.
    Solution: Verify the HTML link is correctly pasted and the calendar permissions are set to show full details.
• FAQs related to the topic:
  • Q: Can I share multiple calendars?
    A: Yes, you can share multiple calendars using the same steps.
  • Q: How do I update calendar events?
    A: Update events directly in the Calendar app, and changes will reflect on the shared calendar.

• Links to related articles or external resources.
• Contact information for further help:
  • IT Support Email: IT-Help@sd35.bc.ca
  • IT Support Phone: 778-726-4777

Ensure you follow the steps to create and share your calendar using Office 365.