Hosted Pages
Hosted pages are pre-built, customizatable web pages hosted by PropelAuth that intgegrate 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 libaries include functions to help navigate your users to the hosted pages. For example:
- Javascript - redirectToAccontPage
- 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:
Login and Signup Pages
You have full control over not only the appearence 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 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
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.
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
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.
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