Using web parts on pages

When you add a page to a site, you add and customize web parts, which are the building blocks of your page. You'll see them when you click the + sign on the page.

Add to page button

Here are the web parts you can use and their descriptions. Click the one you are interested in for more information on how to use it.

Notes: 

  • Some functionality is introduced gradually to organizations that have opted in to the First 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.

  • You must be a site owner or SharePoint administrator to work with pages.

  • If you are a site owner but you are unable to add a page, your administrator may have turned off the ability to do so.

Text

Use the Text web part to add paragraphs to your page. Standard formatting options like styles, bullets, indentations, highlighting, and links are available.

Text web part

Highlighted content

Use this web part to dynamically display content based on content type, filtering, or a search string. You can also set the scope of the search to a site or site collection sort the results. Here's how:

  1. Click + and then select the Highlighted content web part.

  2. Click the edit button Web part edit button and select your options.

    Highlighted content web part tool pane

Site activity

This web part automatically shows recent activity on your site, such as files uploaded, edits made, lists and libraries created, and so on. Just add the web part, and the latest activity is pulled in automatically.

Site Activity Web Part

Document

Use this to insert an Excel, Word, PowerPoint, or Visio document on the page. Users will see the starting page of the document in a frame, and can scroll through the pages or even download the document. Here's an example of a PowerPoint presentation on a page:

Document web part

To add a document to your page, do this:

  1. Click + and then select the Document web part.

  2. Click Add a document.

  3. Choose a recent document, or browse, upload, or use a link to insert the document you want.

    Note: Users can click Document web part options icon to see options for the document including Download a Copy, Print to PDF, and Embed code (to see the code used to embed the document on the page).

Click the edit button Web part edit button to specify settings for the document.

Image

Use this to insert an image on the page, either from your site or your hard drive.

  1. Click + and then select the Image web part.

  2. Click Add an image.

  3. Choose a recent image, or browse, upload, or use a link to insert the image you want.

    Insert Document Web Part

Office 365 video

Use this to display a video right on the page from your organization's Office 365 Video portal.

  1. Click + and then select the Office 365 Video web part.

  2. Click Add video.

  3. In the toolbox on the right, click Go to your organization's video portal to find the video you want, and then paste the link for the video into the box.

Embed

You can display content on your page from other sites like YouTube videos. Depending on the site, you can either use the site's address or embed code that the site provides. For more information, see Add content to your page using the Embed web part.

  1. Click + and then select the Embed web part.

  2. Click Add embed code.

  3. In the toolbox on the right, add an URL to the web site or the embed code from the site.

    Embed Web Part tool box

Quick links

You can "pin" items to your page for easy access.

Pinned example

To do this:

  1. Click + and then select the Quick links web part.

  2. Click + Add.

  3. In the toolbox on the right, either select an item from the list, or add a link to a page or file you want to pin under Create link to.

You can open the pinned item, move it to change the order of items shown, edit the link or title, or unpin by clicking the ellipses (...) at the bottom right of each item.

Pinned item options

News headlines and News list

If you removed the News from your Group team site page, you can add it back. Or, you can add it to a different page. To do this, you can use the News headlines or News list web parts.

  1. Click Edit at the top of the page.

  2. Click the + sign.

  3. To add the News with the large image space and three additional stories like that which is shown as default on the home page, select News headlines.

    Default News on Group team site

    To add a simple list of news stories without the large image space on the left, select News list.

    Note: For more information on how to work with the News features, see Keep your team updated with News on your Group team site.

Image gallery

Use the Image gallery web part to share collections of pictures on a page. Simply select your images with the file picker or drag them onto the web part. Once you’ve created your collection, you can drag and drop the images to reorder them as needed.

  1. Click + and then select the Image gallery web part.

  2. Select the location where your images are stored.

  3. Choose a recent image, browse and upload from your device, or use a link to insert the images you want. Click Open to add the images you've selected.

    Insert Document Web Part
  4. For each image, you can include a title, description, and alternative text by clicking the edit button Web part edit button on each image.

  5. To add more images, either drag and drop the images onto the page or click + Add to select additional images.

  6. Click Add a title to enter a title for your Image gallery.

  7. Click the edit button Web part edit button to specify the layout.

    Image Gallery Web Part Tile View

    Image Gallery Web Part Gallery View

Bing maps

Use the Bing maps web part to add a map to your page. Simply enter an address or a well known name and your map will appear. You can choose a different map type, such as road or aerial. You can also change the zoom level or give your map pin a friendly name.

  1. Click + and then select the Bing maps web part.

  2. Click Add a title to enter a title for your map.

  3. Enter the address in the search box and click O365 Search Button .

  4. Select either Road, Aerial, or Streetside view to choose the default view for the map. For Aerial view, you can also choose whether or not to display labels for all towns, streets, etc.

    Note: In some locations, streetside view is not supported.

    Bing Map Web Part Map Type

  5. To change the zoom level for the map, click + or - in the top left corner of the map.

  6. In the toolbox on the right, choose whether or not you want to display a pin label on your map. If Yes, type the text you want to appear in the Pin label box. You can also change the text for the address shown on the map in the Address to display box.

    Bing Maps Web Part Toolbox

Quick chart

Use the Quick chart web part to add simple charts to your page. Enter your data points, add labels, pick your chart type -- column or pie -- and publish.

  1. Click + and then select the Quick chart web part.

  2. Click the edit button Web part edit button to configure the settings for your Quick chart.

  3. In the toolbox on the right, choose a chart type.

  4. Enter label text for the horizontal axis and a numeric value for the vertical axis.

  5. In the Data section, add a label and a numeric value for your data point. Click + Add to create additional data points up to a maximum of 12 data points.

    Quick chart web part settings

Power BI report

The Power BI report web part allows you to easily embed an interactive Power BI report on your page. The embedded reports are fully secure so you can easily create secure internal portals.

Power BI Web Part

To learn how to use the Power BI web part, see Embed with report web part in SharePoint Online on the Power BI documentation site.

Notes: 

  • Users who view the report must have a Power BI Pro license. If they do not have a Power BI Pro license, they will need to sign-up for Power BI Pro or start a free trial of Power BI Pro.

  • Embedding a report in SharePoint Online does not automatically give users permission to view the report, even if users have permissions to view the page. The permissions to view the report are set within the Power BI service. For more information, see Granting access to reports in Embed with report web part in SharePoint Online.

  • The Power BI (preview) web part for SharePoint Online does not yet support screen readers or keyboard navigation.

Link

Use the Link web part to add a link to an internal or external page, video, image, or document.

  1. Click + and then select the Link web part.

  2. Paste the link to the page, video, image, or document. In addition to the link text, a preview of the item will display on the page if available. To remove either the link text or the preview, click the x next to it.

    Link web part

Share Facebook Facebook Twitter Twitter Email Email

Was this information helpful?

Great! Any other feedback?

How can we improve it?

Thank you for your feedback!

×