Skip to main content

Hosted Pages

Hosted Pages is LoginRadius's modern authentication platform that handles user registration, login, password recovery, and profile management. It offers two powerful customization interfaces: the Design Tab for visually editing authentication components and the Code Tab for advanced webpage modifications. The platform also features automatic theme switching, multi-language support, and a high-performance architecture.

V3 features enhanced multi-branding capabilities where you can create multiple brand configurations (though only one can be deployed at a time), live preview for real-time testing and responsiveness checking with BeforeScript for advanced customization needs. This guide covers customization options, implementation examples, and multi-brand configuration to help you tailor hosted pages to your specific requirements.

Navigate to Branding > Hosted pages in the Admin Console to manage the Hosted Pages.

Getting Started

Following the customization guide given here for detailed instructions on how to customize your Hosted Pages.

V3 Overview

Hosted Pages V3 brings significant improvements and new capabilities:

Design Tab

This section provides the options to customize your Hosted page UI using Visual Editor with the following features :

  • Preset Style Selection: Choose from professionally designed templates and themes
  • Visual UI Editor: Customize colors, fonts, layouts, and components without coding
  • Multi-Brand Support: Configure multiple brand experiences with distinct visual identities
  • Live Preview: Real-time rendering for testing and responsiveness checking
  • Automatic Theming: OS-based light/dark theme switching

Code Tab

This section provides the options to customize your Hosted page UI using Code Editor with the following features :

  • BeforeScript Integration: Easy LRObject modification and advanced customizations
  • Enhanced JavaScript Support: Improved scripting capabilities for complex workflows
  • Backward Compatibility: Seamless migration from V2 customizations

Internationalization & Accessibility

This section provides the options to customize your Hosted page's Internationalization & Accessibility options :

  • Auto-Translation: Automatic language detection based on browser preferences
  • Multi-Lingual Support: Comprehensive localization capabilities
  • Responsive Design: Mobile-first approach with enhanced responsiveness
  • Accessibility Compliance: Improved WCAG compliance and screen reader support

Usage

There are various usages of the LoginRadius Hosted Pages, some of them are listed here:

  • User Registration: Streamlining the process of creating new user accounts with customizable forms for data collection.
  • Authentication: Providing login functionality through various methods, such as username/password, social logins, or multi-factor authentication (MFA).
  • Password Recovery: Enabling users to reset their passwords securely via email or other channels.
  • Profile Management: Allowing users to update their personal information, change settings, and manage their profiles.
  • Social Login Integration: Enabling users to sign up or log in using social media accounts like Facebook, Google, or LinkedIn.
  • Brand Customization: Allowing businesses to modify the look and feel of the pages to align with their branding requirements.

For more information, please refer to this documentation.