> ## Documentation Index
> Fetch the complete documentation index at: https://docs.tesouro.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Insights feed

> Embed the insights feed component to surface relevant tasks, offers, and warnings for your users.

<Frame>
  <img src="https://mintcdn.com/tesouro-dc896113/YOPj4D2tgSFoagEP/embedded-banking/img/insights-feed-widget-graphic.png?fit=max&auto=format&n=YOPj4D2tgSFoagEP&q=85&s=4af3f3312fd6ec12da51c97d265f2e23" alt="Insights Feed Widget" width="3200" height="1318" data-path="embedded-banking/img/insights-feed-widget-graphic.png" />
</Frame>

The insights feed is Tesouro's intelligent news feed showing users relevant tasks, offers, and warnings on their account. We recommend pairing it with the [balances component](/embedded-banking/guides/embedded-components/balances) on your banking dashboard to keep users informed.

## React

```tsx lines theme={null}
import { EmbeddedProvider, InsightsWidget } from '@tesouro/embedded-components-react';

export default function InsightsPage() {
  return (
    <EmbeddedProvider
      userId={currentUser.id}
      userEmail={currentUser.email}
      widgetTokenRefreshUrl="/api/widget-token"
    >
      <InsightsWidget />
    </EmbeddedProvider>
  );
}
```

## Web components

```html lines theme={null}
<embedded-insights-feed-widget
  data-user-id="YOUR_USER_ID"
  data-widget-token-refresh-url="/api/widget-token"
></embedded-insights-feed-widget>
```