Add Calendar to SharePoint Site (Office 365)


As a SharePoint admin, a common request that you may get from various site stakeholders is to add a Team Calendar on their landing page. There are a few Calendar options that you can make use of.

1. Events - A SharePoint based Calendar

Events is a web part that you can add to your modern page of a SharePoint site by clicking on the + sign when you are editing a section on the site. Using the Events web part you can add a calendar to your page to display upcoming events such as meetings, seminars, town halls, etc.

  • Make sure you are in the Edit Mode,
  • Now on any section where you want to add the Events web part, hover over the section and click on the + icon,
  • Search for Events and click on add,
  • Add Title, Source, and Category details.
  • You can also add a date range to display for the upcoming events (this week, next two weeks, this month, next quarter, or a date range)
  • Choose from the Layout options Filmstrip or Compact.
  • Toggle to either show or hide event images.
  • When all required details are added, click on Republish.
Adding Events Calendar - SharePoint Site

2. Group Calendar - A Microsoft 365 Group Calendar (Outlook)

A Group Calendar is again a web part that you can add to your modern page of a SharePoint site.

Note that a Group Calendar is associated with a Team site and so this web part only works with Team sites.

To add a Group Calender, follow the below steps,

  • Make sure you are in the Edit Mode,
  • Now on any section where you want to add a web part, hover over the section and click on the + icon,
  • Search for Group Calender and click on add,
  • Select the Group Name from the Dropdown.
  • Select the number for "Number of Events per Page" to be displayed.
  • Once all required details are added, click on Republish.
Add Group Calendar to SharePoint Site

References

-


Have Questions? Post them here!

Topics Coverage:


🎉 We are celebrating the 10th years of Code2care! Thank you for all your support!

We strongly support Gender Equality & Diversity.

Follow Us: GitHub | Facebook | Twitter | Instagram