---
description: Tagged and targeted news for the SharePoint intranet.
---

# Company News

## **What is Company News**

This web part allows you to **create news aligned with your brand**, facilitate communication through likes and comments, and develop news showcases dedicated to **specific topics or user groups**.&#x20;

This web part provides the possibility to **categorize news through metadata (tags)** and also **create audiences to target the news**. This enables users to easily discover content that is useful and specific to their activities.

The Company News web part is integrated with our [Alerts](https://docs.intranet.ai/configuration/alerts-and-service-communications) and [Teams Push Notifications](https://docs.intranet.ai/configuration/creation-and-maintenance-for-push-notifications) features, so it ensures users **stay informed and engaged**. Indeed, users receive **instant and customizable notifications** on their desktop and mobile devices through the **Teams app.** They simply need to click on the message to open the news on the company website.

{% hint style="info" %}
Explore the **advantages** of Intranet.ai **News and Communications** by [**clicking here**](https://intranet.ai/features/company-news/) to learn more.
{% endhint %}

***

## Add the Company News web part to a SharePoint page

* If your page is not already in edit mode, click **Edit** at the top right of the page.
* Hover your mouse above or below an existing web part and you'll see a line with a circled +, like this: <img src="https://2718234637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FriXlnuemuParrCf7Uotu%2Fuploads%2FccHplKgXfibd4tktmhas%2Fadvanced-search-2.png?alt=media&#x26;token=7d703967-c3f7-4125-834b-f695362bf90b" alt="" data-size="line">&#x20;
* Click on it and, in the web part search box, enter **News** to quickly find and select the Company News web part, which is named "IAI - News".

<div align="left"><figure><img src="https://2718234637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FriXlnuemuParrCf7Uotu%2Fuploads%2FO9JHcyFuUw1WeaxA63w9%2FIAI%20News1.png?alt=media&#x26;token=98d30ddd-b58f-454d-9a35-f85aead36459" alt=""><figcaption></figcaption></figure></div>

* Click the **Edit** **properties** <img src="https://2718234637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FriXlnuemuParrCf7Uotu%2Fuploads%2Fn5JHjKaCVwz50LsoPfUb%2Fimage.png?alt=media&#x26;token=e89de53e-f045-4cdf-af67-e9af275975d8" alt="" data-size="line"> button on the left of the web part to open the property pane and set options such as Layout settings, Data sources, Filters settings, General settings and Display settings. See below for more information on each of these options.

***

## Configuration

1. [Layout settings](#layout-settings)
2. [Data sources](#data-sources)
3. [Filters settings](#filters-settings)
4. [General settings](#general-settings)
5. [Display settings](#display-settings)

### Layout settings

The layout settings allow you to customize the appearance of your application by adjusting various layout settings.

<div align="left"><figure><img src="https://2718234637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FriXlnuemuParrCf7Uotu%2Fuploads%2FwOdL0SJRSSDoDAcBV1LX%2Flayyyy.jpg?alt=media&#x26;token=92659e72-548d-4eb1-b251-4987959acb43" alt=""><figcaption></figcaption></figure></div>

By opening this first configuration, you will see the following options:

* **Do you want to hide the background?** You can choose to hide or display the webpart background. The default setting is “No”. This means that, by default, the webpart is characterized by a white background. If you enable this option, the white card background will be completely removed, allowing the content appear directly on the page. As a result, the webpart will be transparent, showing either the selected background image or the chosen SharePoint page color.
* **Do you want to hide the background shadow?** You can choose whether to show or hide the background shadow. The default setting is “No”. This means that, by default, the webpart is characterized by a subtle depth effect that can make the webpart stand out more against the rest of the page. If you enable this option, the shadow behind the background will be removed, giving the web part a flatter, cleaner look without any depth.
* **Select the type of background shadow**: if you decide to set the background shadow, a further configuration will appear and you can select the style from High Contrast, Light, or Dark options.
  * If you select **High contrast**, this option creates a strong, bold shadow effect that provides a high level of contrast between the background and the content.
  * By choosing the **Light background shadow**, it will create a soft and subtle effect, giving a more delicate and gentle depth to the background.
  * Finally, the **Dark background shadow** style provides a darker, more intense effect, adding depth and emphasizing the background even more.
* **Do you want to hide the title?** Here you can select whether to show the webpart title or hide it. If set to visible, the web part title will appear on the left side.
* **Enter the application title**: thanks to this configuration, you can customize the application title. If you keep it blank, SharePoint will show the default title “News” at the top left angle of the webpart.

### Data sources

These settings allow you to specify the data sources to be linked to the web part. In this section, you can also select the specific sites from which to retrieve news.

<div align="left"><figure><img src="https://2718234637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FriXlnuemuParrCf7Uotu%2Fuploads%2Fxsp7TO0CeKrA2DYxZOgk%2Fdtata%20sources.jpg?alt=media&#x26;token=a3b5fb26-31ec-49b2-9221-a1eafc2bfa2b" alt=""><figcaption></figcaption></figure></div>

* **Select sites**: select the sites from which you want to take the news to show in the web part. If you have several sites attached to your hub site, you can either select all of them to display all their news, or select just a few. If you don't select any site, news will be taken from the current site.
* **Taking news from hub site?** You can choose to take news from the hub site or not. If you select Yes, the web part will automatically take all the news from the hub site.

### Filters settings

You should fill out this section if you need to set which news each user will see in the webpart.

This helps to outline the following fields:

* Classify news based on a **specific metadata**. For example, you can decide to show only news tagged as "Highlights" or "Company news"
* **Audience targeting**. You can also filter news based on audience targeting, ensuring that different users see only the news relevant to them based on their membership to a specific group.
* **Show or hide untranslated news**. In case of multilingual news content, the web part can display articles in the user’s preferred language, providing a personalized reading experience.

These settings help tailor the news display to specific user groups, enhancing relevance and accessibility.

<div align="left"><figure><img src="https://2718234637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FriXlnuemuParrCf7Uotu%2Fuploads%2FcgRNfJs0PNclAnn9GyxY%2Ffilters%20confi.png.jpg?alt=media&#x26;token=11c01f77-b507-499e-9a28-05134feca31f" alt=""><figcaption></figcaption></figure></div>

* **Open filter configurator**: these settings let you define which tag you want to filter news.

<figure><img src="https://2718234637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FriXlnuemuParrCf7Uotu%2Fuploads%2FXBGSBwvo7PvzSZRiwwrV%2Fpanel.jpg?alt=media&#x26;token=9bc8ddb8-0085-49f3-9514-7be2e02e28bc" alt=""><figcaption></figcaption></figure>

* In the first column, write: **owstaxId** + the **name of the column** used to assign metadata to the news.
* In the second column, enter the unique **id of the managed property term se**t. To do this, click here to go to the Term store and find the id of the term set.
  * Once you've finished, click on Save.
* **Do you want to filter news by audience?** If you **enable** this option, news will be visible only to the targeted groups. If you **disable** it, all news will be accessible to everyone within the Intranet, regardless of their group or role.
* **Hide untranslated news**: on translated pages, by default the web part also shows news that hasn't been translated. This option allows you to display only the news articles that have been translated into the language of the page. If you **disable** this option, untranslated news will also be visible, appearing in their original language if a translation is not available.

### General settings

This section allow you to configure the generic layout of the web part: this includes the number of news to be displayed vertically and horizontally, as well as other display options to be defined for the user experience.

<div align="left"><figure><img src="https://2718234637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FriXlnuemuParrCf7Uotu%2Fuploads%2FzsLM5RXTbl0sBOaifRUi%2Fgeneal%20.png.jpg?alt=media&#x26;token=1e351cb2-533f-44c6-ab22-0f6f5078f8d2" alt=""><figcaption></figcaption></figure></div>

* **Select where to open the news**: For the user experience, you can choose to open the news in a new page or load it on the current page.
* You can choose how **many news items you want to display horizontally** in the web part. You can go from a minimum of 1 to a maximum **of 6 news items.** The web part will automatically adjusts to the screen size (the smaller the screen, the more the web part will adapt to it and display fewer news).
* The second setting lets you select **the number of news items to be displayed vertically** (max. 3).
* The third parameter allows you to select the **number of news items to be displayed in the mobile version**, which is more extended (max. 8).

### Display settings

In this section, you can customize the display settings to define the aesthetic aspects of the web part, such as visibility of elements and interaction options for a tailored user experience.

<div align="left"><figure><img src="https://2718234637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FriXlnuemuParrCf7Uotu%2Fuploads%2FI8ZJNPVTSRd60zDQb2aT%2Fdisplay%20setting.png.jpg?alt=media&#x26;token=499d1d04-8e8f-4afc-ac2c-876518ce56e1" alt=""><figcaption></figcaption></figure></div>

* You can choose to make the **publication date** visible or to hide it.
* **Do you want to show tags?** You can choose to make the tag linked to the news visible.
* **Enter the taxonomy’s unique id**: you need to copy-paste the **taxonomy's unique id**. To do this, go to the Term store and find the unique identifier of the taxonomy.
* **Open tags configurator**: you must fill in this field only if you prefer to show tags in the news. Enter “**owstaxId**” plus **column name** of the **tags** you want to show in each single news.

<figure><img src="https://2718234637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FriXlnuemuParrCf7Uotu%2Fuploads%2Flr2iDRkTU59JGRmJYrxq%2Fcollection%20panel.png.jpg?alt=media&#x26;token=29b85159-afcd-4d13-bc9a-370fec6b3865" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
[Click here](https://docs.intranet.ai/sharepoint-intranet/other-configurations/creation-of-tag-systems-for-news-and-documents) for more information about the creation of tag systems for news.
{% endhint %}

* **Enter the url for the “view all” link**: this field corresponds to the See all news button and it’ll appear on the top right of the webpart. You can choose what page the user will land on by clicking on this button. This could be highlights page with all the news of the site, for example.
* **Do you want to open the “View all” link on the current page?** If you select the Current page option, SharePoint will reload the page you are navigating, displaying the news. If you choose the New tab option, SharePoint will open a new browser window where the news will appear.
* **Enter the name of the “view all” link**: enter the name (or label) to be displayed for the 'View All' link. If you keep this field blank, the default wording will be View all.

### Access the term store

To access the Term store, take the following steps:&#x20;

1. Click on the **Settings** icon at the top right of the page, then click on **Site information**.

<div align="left"><figure><img src="https://2718234637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FriXlnuemuParrCf7Uotu%2Fuploads%2FXtv0rDl6626xtCelTtnA%2Fimage.png?alt=media&#x26;token=0605e144-ed92-45a1-b69d-c7ecbd47dd90" alt=""><figcaption></figcaption></figure></div>

2. Click on **View all site settings**.

<div align="left"><figure><img src="https://2718234637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FriXlnuemuParrCf7Uotu%2Fuploads%2FnevEP9YBYN3QTPpdKdaU%2Fimage.png?alt=media&#x26;token=da5e30a0-e867-4b74-b920-59058fb360a4" alt=""><figcaption></figcaption></figure></div>

3. Under Site Administration, click on **Term store management**.

<div align="left"><figure><img src="https://2718234637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FriXlnuemuParrCf7Uotu%2Fuploads%2FrBpBEN5CMpbgWmDyJgBn%2Fimage.png?alt=media&#x26;token=0faa8e88-1a5c-446d-9a69-5e9cb8e87a68" alt=""><figcaption></figcaption></figure></div>

4. You will land on the **Term store**, which is the area where you can create **term sets** and **terms**, i.e. **tags** to categorize your content. Here you need to copy the unique identifier of the taxonomy, which is a code composed of numbers, letters and hyphens.

<figure><img src="https://2718234637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FriXlnuemuParrCf7Uotu%2Fuploads%2FuPt39OmseA3BGxxRywNF%2FNews%20IAI%208%20(1).png?alt=media&#x26;token=f81cab01-9294-419f-8029-ec44b7f133cf" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
If you want to discover more about filters and the Term store management, [click here. ](https://docs.intranet.ai/configuration/creation-of-tag-systems-for-news-and-documents)
{% endhint %}

<div align="left"><figure><img src="https://2718234637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FriXlnuemuParrCf7Uotu%2Fuploads%2FgzPSBOZKumaHYMpMgMBT%2FIAI%20News%209.png?alt=media&#x26;token=45279bec-b7ef-40a0-a58b-f7945e20101c" alt=""><figcaption></figcaption></figure></div>

* **Open tags configurator:** these settings let you define which tag you want to display and make it visible into the web part.

<figure><img src="https://2718234637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FriXlnuemuParrCf7Uotu%2Fuploads%2FZXbiGKcpSfhqDc1RM9pZ%2FIAI%20News%206.png?alt=media&#x26;token=f813102b-0dc5-4fe3-a776-72576a7acee4" alt=""><figcaption></figcaption></figure>

* In the first column, write: **owstaxId** + **the name of the column used to assign metadata to the news**.
* In the second column, enter the unique id of the managed property term set. To do this, go to the Term store and find the id of the term set (see photo below).

<figure><img src="https://2718234637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FriXlnuemuParrCf7Uotu%2Fuploads%2F9iisadxA5pjL4u25Rp3v%2F2023-12-21%2011_29_26-News%20Archive%20-%20intranet.ai%20docs.png?alt=media&#x26;token=41dc40f8-62c7-497a-af90-6b0abf3e646a" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
If you want to discover more about filters and the Term store management, [click here. ](https://docs.intranet.ai/configuration/creation-of-tag-systems-for-news-and-documents)
{% endhint %}

* Once you're done, click on Save.

<figure><img src="https://2718234637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FriXlnuemuParrCf7Uotu%2Fuploads%2FFJzXzfb5BRQC7nG4cOcO%2FIAI%20News%2010.png?alt=media&#x26;token=d4c6260c-7214-45bd-9fe4-567a3c2698a2" alt=""><figcaption></figcaption></figure>

Don't forget to click on **Apply** to save your backup and then click on **Republish** to publish the page with all these updates.&#x20;

{% embed url="https://intranet.ai/" %}
