Use the Events web part

When you add a modern page to a site, you add and customize web parts, which are the building blocks of your page. This article describes the Events web part, which allows you to easily display upcoming events on your page.

Note: Some functionality is introduced gradually to organizations that have opted in to the Targeted Release program. This means that you may not yet see this feature or it may look different than what is described in the help articles.

Events

Add the Events web part

Add an event

Add the Events web part

  1. If you're not in edit mode already, click Edit at the top right of the page.

  2. Hover your mouse above or below an existing web part or under the title region, click Circled plus sign used to add a modern web part to a page , and then select the Events web part.

  3. Click Edit web part Web part edit button on the left to set options for the web part.

  4. Select a Source for your events: Events list on this site, This site, This site collection, Select sites, or All sites. If your site is connected to a hub site, you will also have an option to select All sites in the hub or Select sites from the hub.

    Select a source for Events

    Notes: 

    • When you click Select sites, you can search for the site you want to add, or select one or more sites from Frequent sites, or Recent sites.

    • Events list: If there is more than one events list on the site, you can select the one you want. If you don't have an existing list, the Events web part creates an empty Events list for you, with the default settings of a Calendar list.

    • If you choose to show events from multiple sites, and don't see all of your events displayed on the page, see How events from multiple sites are found and displayed.

  5. If your list has categories, you can select one by which to filter the events you show.

  6. Select a date range by which to filter your events in the Date range drop-down list . You can choose All upcoming events (the default), This week, Next two weeks, This month, or This quarter.

  7. Select a layout: Filmstrip or Compact.

    Layout selection in Events web part property pane.

Add an event

On a published page, you can start adding events.

Note: You can add events on a saved or published page, but not on a page that is in edit mode.

  1. Click Add event.

  2. Give your event a name at the top of the page. Optionally, you can add an image to the title area by clicking the Add image button in the upper left.

    Event page
  3. Choose date and times in the When section.

  4. In the Where section, enter a location or address. If your location is recognized, you have the option to add a map.

  5. In the Link section, you can enter an online meeting link if you have one. Put the link in the Address box, and then add a Display name. If you don't have an online meeting and enter nothing, this section will not appear in the event.

  6. Choose a Category (such as Meeting, Work hours, Business, Holiday, and so on) if you want the event to show when filtered by that category. To add your own category, just enter it in the space.

  7. Provide a description in the About this event area.

  8. If you have people you'd like to highlight for this event (such as contacts, special guests, or speakers) you can add their names below the event description. Only users within your organization can be added.

  9. When you're done, click Save.

    Once you've saved the event, you can edit it by clicking the event from your page, then click Edit at the top right of the event page.

Expand your Office skills
Explore training
Get new features first
Join Office Insiders

Was this information helpful?

Thank you for your feedback!

Thank you for your feedback! It sounds like it might be helpful to connect you to one of our Office support agents.

×