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

# Linked accounts

> Embed the linked accounts component to let users securely connect external bank accounts via micro-ACH verification.

<Frame>
  <img src="https://mintcdn.com/tesouro-dc896113/YOPj4D2tgSFoagEP/embedded-banking/img/link-account-widget-graphic.png?fit=max&auto=format&n=YOPj4D2tgSFoagEP&q=85&s=942d9d0d1256c784c45ab47174c690b3" alt="Link Account Widget" width="3200" height="816" data-path="embedded-banking/img/link-account-widget-graphic.png" />
</Frame>

The linked accounts component lets users securely connect external bank accounts for transferring money. The **Add external account** button opens a modal flow where users enter an account and routing number, which is then verified via micro-ACH deposits.

Linked external accounts are used alongside the [transfers component](/embedded-banking/guides/embedded-components/transfers) to move money between embedded and external accounts.

## React

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

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

## Web components

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