## Self-service (admin portal) quickstart

Prerequisite: Complete Frontegg authentication integration.
If you haven't integrated Frontegg login into your application, please integrate it before moving to the Admin Portal integration.

### Step 1: Import the self-service portal


```typescript
import { AdminPortal } from '@frontegg/react';
```

### Step 2: Add a link to open the self-service portal

#### Embedded self-service portal

Bind an app link to open the self-service portal:


```typescript
const handleClick = () => {
  AdminPortal.show();
};
<button onClick={handleClick}>Settings</button>
```

#### Hosted self-service portal

When using more than one application, it is recommended using the Hosted self-service portal which supports displaying all the relevant sections in an application context. For example, in the **Profile** section, the user will be able to see all the applications that their account is assigned to.

br
Prerequisites
The minimal SDK version that is required for this quickstart is @frontegg/react@6.0.35

br

```typescript
const handleClick = () => {
  AdminPortal.openHosted();
};
<button onClick={handleClick}>Settings</button>
```

br
You are good to go! The self-service portal should now be shown and you are on the part for a full self-served experience on your product.