# RSS Feed

## **What is RSS Feed?**

This web part transforms your intranet into the central hub for receiving news from different websites and blogs. This new component enables seamless **integration of a website's feed within the intranet**. Users have the flexibility to showcase news from various outlets or blogs. It's an engaging way to keep everyone updated by consolidating both internal and external company news in one accessible location.

{% hint style="info" %}
Explore the **advantages** of Intranet.ai **RSS Feed** by [**clicking here**](https://intranet.ai/features/rss-feed/) to learn more.
{% endhint %}

***

## Add the RSS Feed 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 **Rss Feed** to quickly find and select the RSS Feed web part, which is named "IAI - RssFeed".

<div align="left"><figure><img src="https://2718234637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FriXlnuemuParrCf7Uotu%2Fuploads%2FxUlw1IPCqyrl2LhOiSGb%2FRSS%20FEED.png?alt=media&#x26;token=4aea9a5e-95de-49e7-bfe6-fd8bb43a0707" 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%2FAPOcMHcv26SXOSV9e58k%2Fimage.png?alt=media&#x26;token=b2c08467-3b16-4e6f-9912-8cbdb357ea5e" alt="" data-size="line"> button on the left of the web part to open the property pane and set options such as View settings, Rss feed settings, and Setting up feed fields. See below for more information on each of these options.

***

## Configuration

1. [View settings](#view-settings)
2. [Rss feed settings](#rss-feed-settings)
3. [Setting up feed fields](#rss-feed-settings)

### View settings

In this section you can choose the **layout** of the RSS Feed.

<div align="left"><figure><img src="https://2718234637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FriXlnuemuParrCf7Uotu%2Fuploads%2F7regv3AtQ5HbDHlM5Atp%2F2025-09-18%2014_48_14-NEW%20EMPLOYEES%20-%20Word.png?alt=media&#x26;token=9d2c1768-9913-4415-85a9-48da91aa2bd2" alt=""><figcaption></figcaption></figure></div>

{% hint style="info" %}

* If you're not in edit mode already, click **Edit** at the top right of the page.
* Select the Rss Feed web part, then click **Edit properties** <img src="https://2718234637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FriXlnuemuParrCf7Uotu%2Fuploads%2FwpUiJj3he2ucA7Vn3aDY%2Fimage.png?alt=media&#x26;token=349473c6-6a79-4276-9353-5e1caf6e0c11" alt="" data-size="line"> **button** on the left side of the Rss Feed web part.
  {% endhint %}

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.
* **Select the type of shadow you want to use:**  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 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.
* **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 title:** Thanks to this configuration, you can customize the application title. If you keep it blank, SharePoint will show the default title “rss feed” at the top left angle of the webpart.
* **Select the view mode:**
* The **Default** layout consists of a **list** of articles.

<figure><img src="https://2718234637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FriXlnuemuParrCf7Uotu%2Fuploads%2FGpYTkKdCjnwJ9neXEwj4%2Fimage.png?alt=media&#x26;token=3c572e50-df8b-4d56-bc47-b949450aa4ca" alt=""><figcaption></figcaption></figure>

* The **Carousel** layout consists of a **slider** characterized by a graphic style similar to that of [**Highlights**](https://docs.intranet.ai/sharepoint-intranet/configurations/highlights). If you select this layout, you can choose whether to set up **automatic sliding**.

<figure><img src="https://2718234637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FriXlnuemuParrCf7Uotu%2Fuploads%2FXKTzrJqfEfw7kydr2leU%2Fimage.png?alt=media&#x26;token=da004e44-525b-41e0-ab00-01fe762020a1" alt=""><figcaption></figcaption></figure>

### Rss feed settings

These generic settings allow you to customize the display by choosing a title, the feed url you'd like to display and the number of news items.

{% hint style="info" %}

* If you're not in edit mode already, click **Edit** at the top right of the page.
* Select the Rss Feed web part, then click **Edit properties** <img src="https://2718234637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FriXlnuemuParrCf7Uotu%2Fuploads%2F2JXF3izxGwYQfRYaDaW7%2Fimage.png?alt=media&#x26;token=3022a43d-10b6-4b11-92b0-b66408edfbf8" alt="" data-size="line"> button on the left side of the Rss Feed web part.
  {% endhint %}

<div align="left"><figure><img src="https://2718234637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FriXlnuemuParrCf7Uotu%2Fuploads%2FiMLqS6L9PporRCuw7Fl3%2FProgetto%20senza%20titolo%20(20).png?alt=media&#x26;token=969734c7-ef46-4217-9ce0-ed00cd24a24a" alt=""><figcaption></figcaption></figure></div>

* **Title:** choose the title of the web part.
* **Feed URL**: insert here the feed URL you want to display in the webpart.
* **Number of items to show**: select the number of items to be displayed in the web part.

### Setting up feed fields

These settings allow you to indicate the name of the fields inside the Feed content (XML format) in order to link them to the web part.

{% hint style="info" %}

* If you're not in edit mode already, click **Edit** at the top right of the page.
* Select the Rss Feed web part, then click **Edit properties** <img src="https://2718234637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FriXlnuemuParrCf7Uotu%2Fuploads%2FAPOcMHcv26SXOSV9e58k%2Fimage.png?alt=media&#x26;token=b2c08467-3b16-4e6f-9912-8cbdb357ea5e" alt="" data-size="line"> button on the left side of the Rss Feed web part.
  {% endhint %}

<div align="left"><figure><img src="https://2718234637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FriXlnuemuParrCf7Uotu%2Fuploads%2FZIZoZ3Kp2cbUA6UCGt5q%2FProgetto%20senza%20titolo%20(21).png?alt=media&#x26;token=20c4ef62-638c-4197-bf84-e830a6074dd1" alt=""><figcaption></figcaption></figure></div>

* **Name of the field where the feed title will be present:** here you need to find the name of the field where the feed title is located in the XML code.&#x20;

See the following example with the nytimes RSS Feed (**title**):

<figure><img src="https://2718234637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FriXlnuemuParrCf7Uotu%2Fuploads%2FyKxdCVujSGVzndbxzrBP%2FProgetto%20senza%20titolo%20(29).png?alt=media&#x26;token=f0c5c895-a9fc-4c32-9965-348f7290f771" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2718234637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FriXlnuemuParrCf7Uotu%2Fuploads%2FIOw5maM02My5EbplvxeQ%2Fimage.png?alt=media&#x26;token=a182cf01-282a-40b5-88d5-8a78ddc2134a" alt=""><figcaption></figcaption></figure>

* **Name of the field where the feed body title will be present:** here you need to find the field where the feed body is located in the XML code.&#x20;

See the following example with the nytimes RSS Feed (**description**):

<figure><img src="https://2718234637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FriXlnuemuParrCf7Uotu%2Fuploads%2FFJ4uUQyUWQfFyCpfi4c8%2FProgetto%20senza%20titolo%20(30).png?alt=media&#x26;token=17545776-a859-405e-8e1e-a4a5210d4c63" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2718234637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FriXlnuemuParrCf7Uotu%2Fuploads%2F9f7Pu6hVneExJAM9xWZF%2Fimage.png?alt=media&#x26;token=849b03b6-e51d-49b8-9e85-93a4fa1a50a9" alt=""><figcaption></figcaption></figure>

* **Name of the field where the feed image will be present:** here you need to find the field where the feed image is located in the XML code.&#x20;

See the following example with the nytimes RSS Feed (**media:content**):

<figure><img src="https://2718234637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FriXlnuemuParrCf7Uotu%2Fuploads%2FFERnfFM5qKK6l4nujzNv%2FProgetto%20senza%20titolo%20(32).png?alt=media&#x26;token=6d15ca80-7a55-4a16-83ae-9b291b8988d9" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2718234637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FriXlnuemuParrCf7Uotu%2Fuploads%2FpbBaMXTTZv24aA8XJO7y%2Fimage.png?alt=media&#x26;token=ef5b8c7c-46b1-4109-b5d5-6d6c4aef9085" alt=""><figcaption></figcaption></figure>

* **Name of the field where the feed url source will be present:** here you need to find the field where the feed url is located in the XML code. This option opens the news by clicking on the feed.

See the following example with the nytimes RSS Feed (**lin**k):

<figure><img src="https://2718234637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FriXlnuemuParrCf7Uotu%2Fuploads%2FyCCd3IxwmtlNfzcDiL8R%2FProgetto%20senza%20titolo%20(34).png?alt=media&#x26;token=e747509e-72ad-40a0-887c-c67ce7b9bc1e" alt=""><figcaption></figcaption></figure>

* **Name of the field where the feed publication date will be present:** here you need to find the field where the feed publication is located in the XML code.&#x20;

See the following example with the nytimes RSS Feed (**pubDate**):

<figure><img src="https://2718234637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FriXlnuemuParrCf7Uotu%2Fuploads%2Fw4BbETHlXAHlt0WMZH9O%2FProgetto%20senza%20titolo%20(35).png?alt=media&#x26;token=ee2d7c05-1e77-4bdf-b958-90dddb264ff4" alt=""><figcaption></figcaption></figure>

* **Name of the field where the feed author will be present:** here you need to find the field where the feed author is located in the XML code.&#x20;

See the following example with the nytimes RSS Feed (**dc:creator**):

<figure><img src="https://2718234637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FriXlnuemuParrCf7Uotu%2Fuploads%2FgkhvHNl7kFU9CEbrMkJS%2FProgetto%20senza%20titolo%20(37).png?alt=media&#x26;token=d491991e-ecfa-470c-9245-bc3bd5d0aabd" alt=""><figcaption></figcaption></figure>

When you are done, don't forget to publish your edits by clicking on **Republish** at the top right of the page.

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