Events Web Part in SharePoint Online

The Events web part is a built-in SharePoint Online web part that lets you display upcoming events, meetings, webinars, workshops, or other scheduled activities directly on a modern SharePoint page.

It’s commonly used on team sites, communication sites, and intranet homepages to keep users informed about what’s happening in the organization.

You can use the event web part in a SharePoint Online to list future events, such as:

• Company meetings
• Training sessions
• Webinars
• Social or team activities

In this tutorial, I will guide you on using the SharePoint events web part, including creating events in SharePoint.

Add an Events Web Part in SharePoint Online

To display various events of a SharePoint events web part, you first need to add the web part to a SharePoint site page, maybe on your portal home page or any site page.

Here are the steps to add an Events web part in SharePoint Online.

1. Open the SharePoint online site, then click on Edit, then click on the + circled icon and choose a column.
2. Then click on the + circled icon. Then, the “Search” dialog box will appear, and you can search for Events. You will find the Events web part as shown in the screenshot. Then click on the Events web part.

4. Then click on Republish at the top of the SharePoint site. Once you republish, you can see that the Events web part has been added to the SharePoint site, as shown in the screenshot below. Since there are no events on the SharePoint site, it displays the default Events web part as shown below.

Note: Once you add an events web part to a SharePoint site page, the events lists will appear in the Site Contents page.

Assuming you have not added any events to the SharePoint site, let me first show you different ways to add an event in SharePoint.

Check out SharePoint Online Hero Web Part

Add an Event from the SharePoint Events Web Part

Microsoft provides options ot add events from the SharePoint events web part. Here it is, how:

1. Open the Events web part that you added in SharePoint Online. Above the Events web part, you can see +Add event, click on it.
2. Then, navigate to a page where you can add an event, as shown in the screenshot below.
3. Then you can add the event image and enter the event title, date, and time. You can also choose the event location on the map and add a meeting link and a display name for that meeting.

4. Then you can add the event’s category. Here, I have selected the Meeting; you can choose from the categories below. Below that, you can add a description of the event.
5. You can also add the Event participants if you wish. Then click on Save.

6. Once you click on Save, you will be redirected to the events page, as shown in the screenshot below.

In this way, I added more events, and we can now see the Events web part with them, as shown in the screenshot below.

We can also edit the events that we have added.

Read Modern Script Editor Web Part using SharePoint Framework (SPFx)

Edit Events from the Events Web Part

We can edit events in the Events web part site using the instructions below:

1. Open the Events web part you added in SharePoint Online, and click on the event you want to edit. It will navigate to an event page and click on Edit.

2. Once you click Edit, you can now edit the event as needed. Here, in the Meeting event, the time was scheduled from 10:00 AM to 11:00 AM. I have now changed it to 11:00 AM to 11:30 AM.
3. After you edit, click on Save. Once you Save, you can see that the time has been changed to 11:00 AM, as shown in the screenshot below.

This way, you can edit events from the SharePoint events web part.

Event List in SharePoint Online Site

When we add the Events web part to a SharePoint Online site, the Events list is created in Site Contents by default, as shown in the screenshot below.

We can also create an Events list using the Calendar App.

Check out Call to action Web Part in SharePoint Online

Create an Events List using the Calendar App and Add Events

Here are the steps to create an Events list in SharePoint using the classic Calendar app template. Please follow the instructions below:

• Open the SharePoint site, click the Gear icon, and then click Add an App. Then, it will navigate to the My Apps page and click on the Classic Experience.

• It will navigate to Your Apps page in classic experience. Then click on Calendar.

• Then you will get an “Adding calendar” dialog box. Then enter the name as per your choice. Then click on Create.

• Once you click on Create, it will navigate to the Contents page. Here you can see the Events list you created, as shown in the screenshot below.

• This is another way to create an Events list. Now, let’s add events to it. Click the Events list you created to open its page. Next, hover over the date on which you want to add an event; a “+ Add” option will appear. Click on “+ Add” to create the event.

• Fill in Event Details: When the “List name – New Item” dialog box appears, enter the event title, location, start time, end time, and description. Then, choose a category from the dropdown or provide a custom value using the “Specify your own value” field.
• Optional Event Settings: If needed, you can mark the event as an All Day Event, which hides the time fields and sets it as a full-day event. You can also enable Recurrence to make the event repeat on a scheduled basis. Then click on the Save button.

Note: Recurrent events do not show in the Events web Part.

15. Once you click “Save“, you can view the event you created in the Teams calendar events list.

In this way, we can create an events list and add events to it.

Check out People Web Part in SharePoint Online

View Events in a SharePoint Events Web Part based on Source

We can also see the events in the Events web part based on the source. Please follow the instructions below:

• Open the SharePoint site page where the Events web part is added, then click Edit. Select the Events web part and, at the top left, click Edit Properties. This opens the Events configuration panel. Under the Content section, you will find the Source option.
• There are different sources, namely:
  • Events list on this site
  • This site
  • This site collection
  • All sites
  • Select sites.

From these sources, you can select any one source. By default, it shows the Events list on this site.

• If you select the Events list on this site, then under Source, you will see the Events list dropdown. On this site, we have two Event lists. By default, we can see Events.

• Suppose we choose Events and click on Republish. Then we can see the events from that site’s events list, as shown in the screenshot below. As there are four events in the Events Event list, we can see all four events in the Events web part.

• If you select the Teams Calendar Events list, you can view the events from the Teams calendar, as shown in the screenshot below.

Since there is only one event in the Teams calendar Events list, we can only see one event in the Events web part.

• If you select “This site” as the source, the Events web part will display only the events from the current SharePoint site.
• If you choose “This site collection,” it will display events from the site as well as all its subsites. For example, since I have a subsite named IT, events from both the main site and the IT subsite will be shown. Below is a screenshot for your references.

• If you select “All sites” as the source, the Events web part will display events from every site you have access to. For example, in my case, I have sites named Sales, HR, and IT Connect, so events from all of these sites are shown.

• If we select “Select sites” in the source, we can choose the sites from which we want to view events in the Events web part.

Here, I have selected only two sites, IT Connect and Sales. Therefore, I can only see the events from those two sites as shown in the screenshot below.

Check out SharePoint Online Microsoft Forms Web part

View Events in a SharePoint Events Web Part based on Category

Here, we can view the events in the SharePoint Events web parts organized by category. Please follow the instructions below.

• When you open the Event web part properties, you’ll see the Category option under the Sources section. By default, it is set to “All,” which means events from every category are displayed. If you select a specific category, the Events web part will filter the view to show only the events that belong to that category.

• The events are organized into three categories. When you select a category, the Events web part displays only the events that fall under that group. For example, selecting the “Business” category filters the Events web part to show only business-related events.

View Events in the Events Web Part based on Date Range

We can view the events in the Events web parts based on the specified date range.

• Edit the SharePoint online Event web part, under the category, we can see the date range.
• Here we can see the events in the Events web part that are in
  • All upcoming events
  • This Week
  • Next two Weeks
  • This month
  • This quarter
  • Select date range

By default, we will display a date range for all upcoming events.

Check out SharePoint Online Planner Web Part

Audience Targeting in SharePoint Online Events Web Part

You can also enable audience targeting for Events, ensuring that each audience group sees only the events relevant to them. To do this, you must first turn on audience targeting. Follow the steps below to enable it.

1. Open the SharePoint Online Site, click on the Gear icon, and click on Site Contents. It will navigate to the contents page. Under Contents, you can see the Events event list. Besides Events, you can see three dots. Click on the three dots, then select Settings.

2. Then, it will navigate to the settings page and click on “Audience targeting settings” under General settings. It will navigate to the Events setting page. Then click the checkbox beside Enable audience targeting. Then click on OK.

3. Once you click on Ok, audience targeting is enabled. Then go to the page where you added the web part, click ‘Edit‘, and then click ‘Edit Properties’ for the Events web part. Under the date range, you can see the Enable audience targeting option. Turn on the toggle as shown in the screenshot below.

4. Once you have enabled this toggle, click Republish. Click the event in the Events web part that you want to enable audience targeting for. Edit the event to see the Audience option. Select the Microsoft group that needs to see the event. Then click on Save.

Note: You can select up to 50 groups

In this way, you can target the audience for a specific event.

5. Here, you can see that Jo Anna cannot view the event ‘Meeting’ because I have enabled audience targeting for IT group members, and Jo Anna is not a member of the IT group.

6. Here, Joni Sherman can see the Meeting event because she is part of the IT members group.

In this way, audience targeting will help to see the Event in the Events web part only to a particular audience.

Conclusion

SharePoint Online Events web part helps to display upcoming activities in a SharePoint Online site. It also keeps informing everyone by displaying events in an organized way.

In this tutorial, I explained how to use the events web part in SharePoint Online, including various configuration options and layouts.

You may also like the following tutorials:

• People web part in SharePoint Online
• Quick Chart Web Part in SharePoint Online
• SharePoint document library web part
• SharePoint Online Organization Chart Web Part

Bijay Kumar

After working for more than 18 years in Microsoft technologies like SharePoint, Microsoft 365, and Power Platform (Power Apps, Power Automate, and Power BI), I thought will share my SharePoint expertise knowledge with the world. Our audiences are from the United States, Canada, the United Kingdom, Australia, New Zealand, etc. For my expertise knowledge and SharePoint tutorials, Microsoft has been awarded a Microsoft SharePoint MVP (12 times). I have also worked in companies like HP, TCS, KPIT, etc.