Configure the settings for your Admin Portal

The Admin Portal is where users view and update Frontegg settings for customer and personal accounts.

It looks like this.

To customize and configure your Admin Portal, start with the:

• Admin Portal Introduction
• Modules Overview

To access the Admin Portal:

• In your app, add a link to the Admin Portal
• Log in to your app and click the button invoking the AdminPortal.show() method

Upon clicking the button, the Admin Portal appears like in the first image in this guide.

The options a user sees in the Admin Portal depend upon two main things.

(1) how you configure the Admin Portal pages in the Builder
(2) the level of access a user has based on roles and permissions

📘

For instance

You might turn on Security and SSO in the Builder and configure roles and permissions so that Admin users can view and edit Security and SSO settings but Read Only users cannot. In this scenario, Admin users have Security and SSO in the Admin Portal but Read Only users do not.

Configure Admin Portal

🚧

Required Versions

For Admin Portal style customizations to take effect, use the following or later Frontegg package versions:

@frontegg/react - 4.0.14
@frontegg/nextjs - 4.0.14
@frontegg/angular - 4.12.0
@frontegg/vue - 1.0.9

Go to Home ➜ Builder.

The features available within the Admin Portal are available on the Profile, Collaboration, Engagement, and Monetization pages.

Toggle a feature on for users to see and update those values in the Admin Portal. Toggle a feature off for it to not appear in the Admin Portal.

If a feature has a gear (⚙️) and you toggle it on, click the gear to configure the settings for that feature.

Profile

The Profile page contains basic information and features for the user's personal and customer accounts.

The features include:

• basic user profile information
• user privacy settings
• basic customer account information
• personal access tokens
• security settings

📘

Self-Service Modules

Check out the Profile, Account Details, and other Profile documentation in the Self-Service section.

Collaboration

The Collaboration page contains features that allow you to monitor and influence some important user interactions in your Frontegg application.

The features include:

• user invites
• customer SSO integration
• audit logs for monitoring

📘

To add SSO to the Amin Portal, first you must turn it on in the Login Box.

📘

Check out the SSO, Audit Logs, and other Collaboration documentation in the Self-Service section.

Engagement

The Engagement page contains features that allow your customers to programmatically engage with your Frontegg application in special ways.

The features include:

• API tokens
• webhooks

📘

Check out the API Tokens, Webhooks, and other Engagement documentation in the Self-Service section.

Monetization

[Coming soon]

The Monetization page contains features that allow your customers to monetize their application.

Users can set up their own pricing models and charge customers through Frontegg. This allows you to convert users to paying customers faster and easier.

Roles and Permissions

The options a user sees in the Admin Portal depends up on the user's roles and permissions.

Therefore, even if a feature is turned on the the Builder, a user must have a role with permissions that gives the user read or write access to that particular feature.

Learn more about Managing Roles and Managing Permissions.