Hosted Pages

Hosted pages are pre-built, customizable web pages hosted by PropelAuth that integrate seamlessly with your application.

The hosted pages handle signup, login, invite flows, and more - helping you get your app up and running as quickly as possible.

Redirecting to Hosted Pages

Each of our frontend and full-stack libraries include functions to help navigate your users to the hosted pages. For example:

Javascript - redirectToAccountPage
React - useRedirectFunctions
Next.js Pages Router - useRedirectFunctions
Next.js App Router - useRedirectFunctions
Remix - getAccountPageUrl

If you'd like to check out the hosted pages yourself, head over to your PropelAuth dashboard and click Preview in the top right followed by which hosted page you want to visit. We also have a more advanced guide on redirecting users here.

Customizing Hosted Pages Components

Your hosted pages can be customized to match your branding. "External" pages, such as signup and login can be customized separately from "internal" pages, such as Account and Org management. You can customize your pages via the Look & Feel section of the PropelAuth dashboard.

We offer a variety of customization options. Some examples of pages that have been created with our editor:

Look & feel

You have full control over not only the appearance of your login and signup pages, but also the different login methods your users can use when accessing your app.

Want to add Sign in with Google? No problem, simply enable it in your Signup / Login settings and it will automatically appear.

Need to collect additional user properties during signup? We'll update your signup page automatically, ensuring you have all the information you need about your users.

User properties during signup

User Account Page

The user account page provides your users with essential account management options, such as:

Updating emails
Updating user properties such as profile picture.
Resetting passwords
Enabling 2FA

User account page

The user account page can be customized via the Look & Feel section of the PropelAuth dashboard.

Organization Pages

The organization pages allow your users to change their organization's settings and manage the users in their org. The amount that your user can see or do in these pages depends on which default permissions your user has in their org.

Org account page

In the organization account page, your users can:

Update the name of their org
Change which users can join or be invited to their org
Enforce 2FA for the users in their org
Setup SAML
Setup SCIM

Org users page

The organization users page allows your users (with the correct permissions) to manage the users in their org, such as:

Inviting users to their org
Removing users from their org
Updating users' roles
Revoke user invites

API Key Pages

PropelAuth also provides your users with pages to generate and manage API keys, both for themselves as well as their organizations.

Org users page

In order for your users to have access to these pages, you must first enable API keys in your PropelAuth project and ensure your users have the API Keys default permission.

Additional Hosted Pages

PropelAuth also has you covered for common authentication flows, such as email confirmations, password resets, enrolling and confirming 2FA, and more.

Create / Join organizations
SAML setup wizards
Testing SAML connections
Email confirmation pages
Password reset pages
Social login redirect pages
Enable/Disable 2FA