## 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 self-service portal integration.
### Embedded self-service portal
Bind an app link to open the self-service portal:
See [`contextOptions`](/ciam/sdks/components/fronteggappoptions#contextoptions) and [`hostedLoginBox`](/ciam/sdks/components/fronteggappoptions#hostedloginbox) for more information.
```typescript
import {initialize} from "@frontegg/js"
const style = document.createElement('style');
style.setAttribute('type', 'text/css');
style.innerHTML = '';
document.getElementsByTagName('head')[0].appendChild(style);
const app = initialize({
contextOptions: {
baseUrl: "https://YOUR_DOMAIN.frontegg.com", //set your Frontegg environment domain and client ID here
clientId: 'YOUR_FRONTEGG_CLIENT_ID'
},
hostedLoginBox: true //if you are working in embedded mode set this to false
})
document.querySelector('[fe-action="open-admin-portal"]').addEventListener('click', () => {
app.showAdminPortal()
})
```
```html
Title
This is Frontegg Integration in Vanilla Javascript
```
#### 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/js@6.189.0
br
```typescript
import {initialize} from "@frontegg/js"
const style = document.createElement('style');
style.setAttribute('type', 'text/css');
style.innerHTML = '';
document.getElementsByTagName('head')[0].appendChild(style);
const app = initialize({
contextOptions: {
baseUrl: "https://YOUR_DOMAIN.frontegg.com", //set your Frontegg environment domain and client ID here
clientId: 'YOUR_FRONTEGG_CLIENT_ID'
},
hostedLoginBox: true //if you are working in embedded mode set this to false
})
document.querySelector('[fe-action="open-admin-portal"]').addEventListener('click', () => {
app.openHostedAdminPortal()
})
```
```html
Title
This is Frontegg Integration in Vanilla Javascript
```
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.