Login box integration

After setting up your Login Box in the Builder, integrate it into your application so that users can sign in to your application.

In addition to using the Login Box for authentication, you also can start working with our Advanced Guides and Protecting Backend APIs.

Integrating the Login Box into your application requires only a few easy steps.

  • Select your application's tech stack
  • Choose environment and enter url
  • Open the Login Box in the browser and click the publish to dev button in the Portal

2880

📘

You only see the publish to dev button if you have not yet integrated the Builder to your app. If you have already integrated the Builder, instead you should see a button for publishing changes to the Builder.

Integrate Login Box

Here are the steps for adding the Login Box to your application and testing it in a Frontegg development environment.

📘

Read more about Frontegg environments.

STEP 1: Select Tech Stack

Select which technology you are using to build your application. We give you code and instructions based on the tech stack you select.

2880

STEP 2: Integrate and Test

Integrate the Frontegg Login Box into your code and test it in the Frontegg development environment.

Integrate

Follow the instructions in the Frontegg Portal to integrate the Login Box into a new or existing application.


2880

📘

If you later need to refer to the instructions, you can find them in the Portal or refer to the hosted integration guides below.


Test

After completing the integration guide, open up a browser and go to your new Login Box.

You should see a successful integration message in the Portal.


2880

To visit the Login Box settings in the Frontegg Portal, go to Home ➜ Builder.

2880

Hosted Integration Guides

The hosted integration guides are available in the sign up and integrate journey and the Frontegg Portal.

You also can view them here in the documentation. Choose your tech stack below to view the hosted integration guide.

📘

If you prefer to embed the Login Box, check out our guides about embedded vs hosted login and moving hosted to embedded login.

Development Environment

After you integrate the Login Box, you can manage the development environment configurations.

Go to Environments ➜ Development .

Here is an example.


2880

📘

Learn more about Environments.

Next Steps: Integrate Admin Portal

Having integrated and tested the Login Box, the next step is to integrate the Admin Portal.

2880

After integrating the Admin Portal, publish your Frontegg environment to production.