SharePoint News Web Part

In this SharePoint Online tutorial, we will discuss on SharePoint News web part.

We will see, how to add a news web part in our SharePoint modern site page and news layout options in the SharePoint News web part, and also how to use the news web part in our SharePoint site page with a few examples.

The example we are doing here is based on a SharePoint Online environment, Some of the features described below may not be available in SharePoint Server 2019.

SharePoint Online News Web Part

In the modern SharePoint site, we can easily select the SharePoint online News web part to update the users and broadcast to them meaningful announcements, updates, status, etc.,

  • There are two ways that we can add the News to the SharePoint modern site. Such that News Post and News Links.
  • News posts and News links are saved to the SharePoint site pages library.

How to add News posts to a Modern SharePoint site

Let us see how to add News posts to a modern SharePoint site,

  • Open the SharePoint site Home page to add the News post.
  • Click New and then click on the News-Post, as shown below:
SharePoint online news post web part
SharePoint online news post web part
  • To create a post, either you can select the Built-in template or the saved SharePoint site template.
  • Once you selected click on the Create post.

Here in this example, I selected the Status report template and clicked on the create post button.

news post template web part in SharePoint online
news post-template web part in SharePoint online
  • The News post web part will be created and saved in the SharePoint site library as shown below:
news post template web part in the SharePoint online
news post-template web part in the SharePoint online
  • You can view and edit SharePoint site page by selecting Edit Page at the top right of the SharePoint site page.
  • If you want to Publish you news post, you can select the Post news button.Once published it will be visible on your SharePoint site.
news post template web part on the SharePoint online 1024x391 1
news post-template web part on the SharePoint online

This is how we can add the News post to a Modern SharePoint site.

Read SharePoint Hero Web Part

Let us see how to add a News link to a modern SharePoint site page,

There are two ways that we can add the news link to a modern SharePoint site. They are,

  • You can directly select the News link option from the SharePoint site home page.
news post template web part on SharePoint online
news post-template web part on SharePoint online
  • You can add the News link option from the News web part in the SharePoint site.
news post template web part to the SharePoint online
news post-template web part to the SharePoint online
  • Paste the web address to an existing news item in the Link field.
  • The title field is a mandatory field where we can add the title to be shown in the news post on the SharePoint site home page.
  • You can choose the image to add or change the thumbnail image.
  • You can add or edit the description in the Description field which is optional.
  • Click Post to add the link to your home page.
SharePoint online news web part links
SharePoint online news web part links

Once you Post the News, it will be saved in the SharePoint site pages library, as shown below:

SharePoint online news web part link
SharePoint online news web part link

This is how we can add the News link to a Modern SharePoint site.

Read How to Customize SharePoint Modern list form using JSON

News web part in SharePoint online

Let us discuss the News web part in SharePoint online,

  • In the modern SharePoint site, web parts are the main characteristic of our SharePoint site page. One of the popular web parts is the news web part.
  • When we create a news web part in the SharePoint site page, it configures the News post and News link page which is stored in the SharePoint site page library.

How to add News web parts to a Modern SharePoint site page

Let us see how to add News web parts to the SharePoint Online modern site.

  • Open SharePoint site page where you want to add News web parts to the SharePoint modern site page.
  • If you’re not in edit mode already, choose Edit Page at the top right of the SharePoint site page.
  • Click + circled icon then add a new Section layout.
  • In the search box, enter News to quickly find and select the News web part.
SharePoint online news web part
SharePoint online news web part

Once you added the news web part you can find these four options on the right side of the property panel as shown below:

news web part in SharePoint online
news web part in SharePoint online

This is how we can add News web parts to the SharePoint Online modern site.

Read SharePoint App Catalog

How to select the News sources in SharePoint online

Let us see how can we select the News sources in SharePoint online

  • You can specify the source for your news posts When you work with a News web part.News posts are published to the SharePoint site pages library.
  • You can select This site option to get source from the site that you are currently working on.
SharePoint online add news web part
SharePoint online add the news web part
  • You can select Select sites option to get source from the current site, or from one or more individual sites.You can also able to view the selected sites count.
how to add news web part in SharePoint online
how to add news web part in SharePoint online
  • Another option is to choose Recommended for current user, which will display posts for the current user.
how to add news web part in the SharePoint online
how to add news web part in the SharePoint online

This is how we can select the News sources in SharePoint online news web part.

Read SharePoint Online image column

Different layouts in the SharePoint news web part

Let us see what are the different layouts we can use in the SharePoint news web part.

Default Layouts depend on the site that we are using, either it could be a team site or a communication site.

  • In the modern SharePoint Team site, the default layout for the news web part is called Top story.
  • In the modern SharePoint Communication site, the default layout for the news web part is called Side-by-side.
different layouts in sharepoint online news web part
different layouts in SharePoint online news web part

These are the different layouts available in the SharePoint news web part.

Read SharePoint list permissions

How to change the layout of the SharePoint online news web part

Let us see how to change the layout of the SharePoint online news web part.

  • Open the SharePoint site page and choose Edit Page at the top right of the SharePoint site page.
  • Click the Edit web part on the left side of the news web part and pick the layout you want.
  • Use the slider to select the Digit of news items to display for Carousel, Tiles layouts, List as shown below:
layouts in SharePoint online news web part
layouts in SharePoint online news web part

This is how we can change the layout in SharePoint online news web part.

Read SharePoint limits and boundaries

Filters in news web part SharePoint online

Let us see about the filters property in the SharePoint news web part,

  • Under Organize, you can add and remove the filters.
  • You can filter the posts you want to show by title, recently added or changed, created by or modified by, and page properties.
filters in the SharePoint News web part
filters in the SharePoint News web part
  • You can also turn on Enable audience targeting in the Filter section.
  • Filtering is not available in SharePoint Server 2019.
filters in SharePoint News web part
filters in SharePoint News web part

This is how we can edit the filters property and enable audience targeting in the modern SharePoint.

Read SharePoint Online location column

Organizing posts in SharePoint online news web part

We can organize the news posts in the order in which we want them to appear on your page. For that follow the below steps:

  • Under Organize, click Select news to organize.
organizing posts in SharePoint online news web part
organizing posts in SharePoint online news web part
  • You can easily drag and drop the recent news stories from the left into the numbered position you want on the right.
  • If you are not seeing the news you want to select, use the search box to find it.
  • To reorder the stories, select the object and use the keyboard controls CTRL+down arrow and CTRL+up arrow.
  • You can also remove the post from the ordered list.

Once you are done with the changes, click the X at the top right to close the pane.

organizing posts news web part in SharePoint
organizing posts news web part in SharePoint

This is how We can organize the posts in the order in the SharePoint news web part.

Audience targeting in news web part

  • Audience targeting is useful when you want to share information that is relevant only to a particular group of people.
  • You can show news content to specific groups of people by using audience targeting. For example, you can target news stories about a specific project to a particular team members.
  • If you’ve selected an audience group that you recently created or changed, it may take some time to see targeting applied for that group.

Read SharePoint hub site

How to Enable Audience targeting in SharePoint online

You have to enable the following things to use SharePoint audience targeting,

  • First, we should enable audience targeting for the SharePoint site pages library which contains the SharePoint news posts and news stories.
  • You have to enable audience targeting under the Filter section in the News web part.

Follow the below steps to enable audience targeting for the site pages library:

  • Open the SharePoint site page and select Site contents.
  • Then, select the ellipses and select Settings as shown below:
how to enable audience targeting in the News web part
how to enable audience targeting in the News web part
  • Select Audience targeting settings from the site settings list.
Enable audience targeting in the News web part
Enable audience targeting in the News web part
  • Choose the checkbox to enable the news web part audience targeting and click on the OK button.
Enable audience targeting in the News web part example
Enable audience targeting in the News web part example
  • Now go to the Site Pages library, select the news post you wish to target to specific audiences. Click on the i circle icon and then in the properties pane, select Edit all.
Enable audience targeting in News web part
Enable audience targeting in the News web part
  • You can enter a maximum of 50 audiences. Then click Save.
how to enable audience targeting in News web part
how to enable audience targeting in News web part
  • Audiences will then appear in the Site pages list.
audience targeting in News web part
audience targeting in the News web part

Follow the below steps to enable audience targeting in the News web part:

When you apply audience targeting to a web part, only that audience that is targeted will see the web part contents. If Audience targeting is not applied in the news web part, every viewer can see the contents in the web part.

  • Select Edit Page at the top right of the SharePoint site page.
  • Click the Edit web part on the left side of the news web part.
  • Under the Filter section, you can turn on Enable audience targeting.
audience targeting in the News web part
audience targeting in the News web part

This is how we can enable audience targeting in the News web part.

Read How to add parent site navigation to a subsite in SharePoint?

Send news posts by email in modern SharePoint

Let us see how can we share the news post by email in modern SharePoint,

Once the News is posted, you can share a news post to an email that includes a description, link, thumbnail preview, and optional notification to people.

  • At the top of your news post page, click Send to option and select Email.
send post news in SharePoint News web part
send post news in SharePoint News web part
  • Enter the users name to whom you want to send to in the To: box, and add a message which is optional.Click Send.
send news post in the SharePoint News web part
send news post in the SharePoint News web part

This is how we can share the news posts by email in the SharePoint news web part.

Read How to display excel spreadsheet in SharePoint

How to find news posts in SharePoint Online

You can find the News posts in the SharePoint site Pages library of a SharePoint site. News posts are saved to the SharePoint site pages library.

how to find SharePoint News web part
how to find SharePoint News web part

Read SharePoint Image Web Part

How to delete news posts in SharePoint Online

Follow the below steps to delete news posts in modern SharePoint site,

  1. In the SharePoint site pages library, select the SharePoint site page you want to delete.
  2. Click on the ellipses to the right of the page, and then in the confrimation box click Delete.
how to delete news posts in SharePoint Online
how to delete news posts in SharePoint Online

This is how we can delete news posts in SharePoint Online.

Read Grant user access to SharePoint site office 365

How to remove news web part in modern SharePoint

Follow the below steps to remove the news web part in modern SharePoint,

  1. Go to the SharePoint site page that has the news section you want to remove.
  2. Click Edit at the top of the page.
  3. Select the News web part, and then click Delete on the left.
remove the news web part in modern SharePoint
remove the news web part in modern SharePoint

This is how we can remove the news web part in SharePoint Online

Troubleshoot the News web part in SharePoint

Let us see how to troubleshoot the news post that is not visible where news is shown:

  • Make sure the post is not still in a draft state, make sure you’ve selected the Post button after you’ve created the post.
Troubleshoot news web part in SharePoint online
Troubleshoot news web part in SharePoint online
  • Make sure the news post is created as a post, and not as a site page. If it is a news post then we can Repost or Post button at the top right corner of the SharePoint site page.
  • In the property pane of the News web part, review that source for the news is correct and that people have access to it.

These are the steps that we can follow to troubleshoot the News web part in SharePoint Online.

Related SharePoint tutorials:

In this SharePoint tutorial, we learned SharePoint Online modern news web part, what is news web part and how to add the news web part to the SharePoint Online modern site page. And also covered below topics:

  • How to add News post to a Modern SharePoint site
  • How to add News link to a Modern SharePoint site
  • How to select the News sources in SharePoint online
  • Different layouts in SharePoint news web part
  • How to change the layout in SharePoint online news web part
  • Filters in news web part SharePoint online
  • Organizing posts in SharePoint online news web part
  • Audience targeting in news web part
  • How to enable audience targeting in SharePoint Online
  • Send news posts by email in modern SharePoint
  • How to delete news posts in SharePoint Online
  • How to remove the news web part in modern SharePoint
  • Troubleshoot the News web part in SharePoint
>