Skip to main content

Use SharePoint web parts to showcase data from inside and outside Office 365

Full article  / Source :

  • NEW
    • Planner – display tasks and progress from your team plans
    • Twitter – highlight individual tweets and full feeds
    • Office 365 Connectors – embed information from 3rd party services like Bitbucket, JIRA, and RSS
    • Kindle Instant Preview – reference an important Kindle book with one-click to preview or buy
    • Power BI – embed interactive Power BI reports directly into SharePoint
    • Image – offers automatic alt-text suggestions with the help of intelligent image analysis

The full, expanded SharePoint page authoring toolbox, showing all available web parts.

New and updated web parts rolling out to SharePoint in Office 365

We’re pleased to announce that many of the announcements and demos we shared at Microsoft Ignite 2017 will now be rolling out into the Office 365 production environment. Expect to see these new and updated web parts within your page authoring toolbox within the next few weeks.

Let’s dive into the details of what’s rolling out…

  • Large page and news authoring toolbox with search and categories
  • File viewer
  • Highlighted content updates
  • People updates
  • Forms (Microsoft Forms, previously Excel Survey)
  • Spacer & Divider


Communication sites : New web parts with updated search and usability from the authoring toolbox

Source: For more information  and whole article go to :

New web parts with updated search and usability from the authoring toolbox

Communication sites dynamically pull in content from across Office 365. To do this dynamically, and with flexibility, SharePoint pages use web parts, which you can configure to your needs. You can add files, videos, images, news, Yammer feeds and more. Just click the + sign and pick a web part from the toolbox to add content to your page. The toolbox itself has been updated to expand and more easily find the right web part by category or search.

The team has been hard at work developing new web parts and updating existing ones:

  • NEW                 
    • Planner – View Planner plans inside SharePoint pages and news with visual Kanban task layouts and beautiful plan overviews.
    • Microsoft Forms – Create your survey at, grab the final Share URL and display your surveys right within the SharePoint user interface. You can choose to show the results after the user submits the form, too.
    • Group calendar – display your Office 365 group’s upcoming and past calendar meetings and events.
    • Connectors – we will begin to bring in the value of Office 365 Connectors that provide connection to numerous third-party services like Facebook, Bing News, Jira, GitHub, Stack Overflow and up to 100 existing connectors – with more coming over time.
    • File viewer – Beautifully, visually highlight over 270+ file types from within SharePoint pages and news article. This web part is an update (+ name change) to the Document web part, and continues to support embedding Word, Excel and PPT, and now renders PDFs, 3D models, medical images, and more.
    • Twitter – bring in live tweets from chosen Twitter handles, specific collections or via search keywords. It’s always nice to show the live context of what’s being said externally right alongside the context of what you are working on internally.
    • Spacer & Divider – simple web parts that give you the ability to add physical space between web parts, or a visual line in between.
    • Yammer – Now out of preview, the Yammer web part can be programmed to showcase a Yammer group discussion, and it looks great in the Web layout of SharePoint pages and news articles and when viewed within the SharePoint mobile app (iOS, Android and Windows Mobile).
    • Image – You can pull in Bing Images that utilize the Creative Common license to enhance your pages and news (you are prompted to review the image licensing). You, too, can pull images directly from a specific document library. And once your images are on the page, you can edit them inline with simple gestures like adjusting the ratio and cropping.
    • Text – the rich text editor web part now gives you greater control for how your text appears. From the simple command bar within the web part, select the ellipses to display the broader set of choices in the edit pane, like font colors and highlights, plus table creation and editing.
    • People – a new Descriptive display shows more profile information with room to add custom links and descriptions per person.
    • Events – greater control of the preferred date range to show upcoming events, plus the ability to see each instance of recurring events.
    • Highlighted content – Ability to choose from a specific document library as the source, more design and layout choices like Filmstrip and Masonry, plus additional filtering mechanism to refine by document type and control metadata mapping to influence the display of the search-based results within the web part.

Adding Webparts to Modern Teamsites (Office 365)


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.


  • 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.


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


Use this to insert an Excel, Word, or PowerPoint, or .PDF 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.


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.

Content Embed

You can display content on your page from other sites like Bing maps and 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 exampleTo 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.