Onboarding Toolkit
Everything you need to get started with Frontegg
Getting Started with Frontegg
Welcome to Frontegg, your gateway to seamless user management, enhanced security, and exceptional user experience! This onboarding toolkit provides an easy step-by-step map that you can use as a reference throughout your integration process— from the initial integration of our platform into your application to implementing its powerful features.
After signing up and creating a Frontegg account, get your app up-and-running with the following quick-steps:
-
Customize your Login Box styles and visual elements.
-
Enable authentication methods, token creation ability and more in your Login Box
-
Adjust and manage the settings you toggled on (in the previous step) via your Admin Portal
-
Integrate Frontegg with your Development environment. Optionally integrate your Admin Portal as well.
-
Go to your Development environment and customize features (e.g., create roles and user entitlements; subscribe to Webhooks, Prehooks, and more).
-
Add another environment (i.e., Staging/QA) and publish your Login Box and Admin Portal settings from the builder (note that builder-settings will be copied automatically while other settings your devise in the portal will need to be manually copied via Frontegg's APIs).
-
Add a Production environment (similarly to the previous step, some settings will need to be transferred manually)
-
Create Custom Domain(s) to minimize cookie issues and avoid the hassle of changing it afterwards (this is optional but highly recommended).
Integrate with Frontegg
Start by configuring your Login Box. The Login Box is what your customers use to log in to your application. You can configure how it looks and how it works.
Customize Styles and Visual Elements
Tailor the Login Box to your brand so that it fits seamlessly into your application; You can choose your brand's color scheme and logo so the login box reflects your brand guidelines.
Enter Your Company Name
Add Your Logo to Increase User Sign-ups
Adding your logo is optional, but we recomment adding it as it helps to increase the number of new user signups via your login box.
Step 5: Select Authentication Methods
Set how users log in to your application.
Choose from multiple OAuth options.
We offer passwordless, enterprise SSO, popular social logins, and password login.
Best Practices
The default configurations are the best practices and what we recommend.
Go passwordless!
Select magic code or magic link to start using Passwordless Authentication
Note that If you go passwordless, then password protection features will not be relevant to you.
Step 6: Set Security Settings
Protect your visitors from fraud and password theft with security features designed and built by experts.
Select which Security features you want from our extensive list of options e.g., MFA by choice, Device Fingerprinting, Session Management, Recaptcha, and more.
You now have a Frontegg account and a personalized Login Box.
Great! The next step is to integrate the Frontegg Builder into your application.
Your 30-day free trial starts now.
During the free trial, you will have access to all the professional features in the Scale and Starter plans. Learn more about our plans on Frontegg's pricing page.
Next Steps: Integrate Login Box
With signup complete, the next step is to integrate and test the Login Box in a development environment.
After integrating and testing your Login Box, proceed to your Admin Portal Integration.
Admin Portal Integration
After Integrating your Login Box with your application, it's time to add your Admin Portal. Follow its step-by-step instructions for easy setup. After adding the Admin Portal to your application, go to your portal's admin section, configure settings, and grant access to users based on their roles and permissions.
After integration is complete, users can access their profile information as well as various role-based features directly from your application.
Further Exploration
After signing up, integrating the Login Box and Admin Portal, and configuring your environments, start working with other Frontegg features to enhance user experience and make your business more efficient.
While exploring the Frontegg Portal and our documentation, be sure to check out the following: