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


This is not an AI-generated article but is demonstrated by a human on an M1 Mac running macOS Sonoma 14.0.

Please support independent contributors like Code2care by donating a coffee.

Buy me a coffee!

Buy Code2care a Coffee!
-

Facing issues? Have Questions? Post them here! I am happy to answer!


Author Info:

Rakesh (He/Him) is a seasoned developer with over 10 years of experience in web and app development, and a deep knowledge of operating systems. Author of insightful How-To articles for Code2care.

Follow him on: X

You can also reach out to him via e-mail: rakesh@code2care.org

Copyright © Code2care 2024 | Privacy Policy | About Us | Contact Us | Sitemap