loading
Preparing LoginRadius developer resources
Mission: Help enterprises accelerate digital transformation with our fully-managed Customer IAM technology.
Skip to main content

Email Template Management

The Email Templates feature in LoginRadius allows you to design, customize, and manage email communications triggered by user authentication workflows and transactional events. The Email Templates section offers a refreshed layout with tabs by authentication type (Email, Passwordless, MFA, Risk Based, PIN, Smart Login, One Touch Login), a Templates Type sidebar, and the ability to create templates manually or with AI. These customizable templates ensure consistent branding and seamless interaction across various user journeys.

Use Case

In LoginRadius, email templates are used across multiple authentication and identity-related scenarios, including:

  • Account Registration: Send branded welcome emails and activation links when a user signs up through your LoginRadius registration flow.

  • Email Verification: Trigger email confirmation messages as part of the LoginRadius email verification process during registration or email updates.

  • Passwordless Login: Deliver secure one-time login links or verification codes to users, enabling passwordless authentication via LoginRadius.

  • Forgot Password: Support users in recovering their accounts by sending password reset links through LoginRadius’s Forgot Password API.

  • MFA (Multi-Factor Authentication): Enhance account security by sending email-based verification codes for the second step of LoginRadius MFA.

  • Security Alerts: These alerts notify users of account activity, such as failed login attempts or profile changes, and are powered by LoginRadius risk-based authentication triggers.

Configuration

The LoginRadius Console provides a user-friendly interface to manage all your email templates in one place. Whether creating a new template or customizing an existing one, the platform allows you to define the email template name, subject, sender details (Multiple SMTP Domains), and body content using dynamic placeholders. This ensures consistent branding and messaging across all user touchpoints.

To configure email templates:

  1. Log in to the LoginRadius Console.
  2. Navigate to Branding > Email Templates.
  3. Use + Create with AI (beside Add New Template) to generate a template with AI, or Add New Template to create one manually. You can also view, search, and edit existing templates from this page.

Reset Template

If you’ve customized a default email template and want to return it to its original version, use the Reset Template option.

Note: This is only available for default templates provided by the LoginRadius Identity Platform.

Branded Email Styles

Branded (V3) email templates hydrate their placeholders from the Style applied on the Auth Studio page that triggered the email, so the message matches the branding the user sees on the login page. The Style that applies depends on the deployment, whether you run a single template, a custom domain, or multiple custom domains, and on whether a V2 or V3 template serves the request.

For the resolution rules across each deployment, including a worked multiple-custom-domain example, see Branded Email Style Resolution.

Placeholder Tags

Below are the predefined placeholders that can be used in your email templates to dynamically personalize the content based on the user's profile or context. When the email is sent, these placeholders will be automatically replaced with actual values.

PlaceholderDescription
#Name#Full name of the user as defined in the registration form.
#GUID#A unique identifier is appended to the vtoken query parameter in the links.
#OTP#A One-Time Password is used if the numeric code feature is enabled.
#Url#URL passed via JavaScript options (verificationUrl, resetPasswordUrl).
#Providers#Name of the social login provider used by the user.
#Email#Registered email address of the user.
#FirstName#First name from the user's profile.
#LastName#Last name from the user's profile.
#Address1#First line of the user's address.
#Address2#Second line of the user's address.
#City#City from the user's profile.
#Country#Country from the user's profile.
#PostalCode#Postal code from the user's profile.
#Region#Region from the user's profile.
#State#State from the user's profile.
#CurrentYear#Automatically displays the current year.
#<CustomFieldName>#Displays the value of a custom field in the user's profile.
#IpAddress#IP address of the user.
#UserAgent#Browser user-agent string of the user.
#UserName#Username, if username login is enabled on your site.

Branding placeholders

Branding placeholders let a template adapt to the Style applied in Auth Studio. When a branded (V3) template is sent, each placeholder is hydrated with the value of the Style CSS variable it maps to, so the email carries the same colors, typography, and layout the user sees on the login page. Which Style supplies those values is decided by the deployment, covered in Branded Email Style Resolution.

Two placeholders are not backed by a CSS variable. #TemplateName# resolves to the name of the Auth Studio template, and #StyleName# resolves to the name of the applied Style set.

Note: Placeholder hydration runs only for V3 template deployments. A legacy V2 template renders these placeholders as literal text, so set static branding values directly in a V2 template.

The table below maps each branding placeholder to the Style CSS variable that supplies its value.

PlaceholderSource CSS variableControls
#LogoDisplay#--sdk-show-logoWhether the logo is shown.
#LogoUrl#--sdk-logo-urlLogo image URL.
#PrimaryColor#--sdk-brand-primary-colorBrand primary color.
#FontFamily#--sdk-font-familyFont family.
#Background#--page-backgroundPage background.
#PrimaryTextColor#--sdk-card-text-colorPrimary text color.
#SecondaryTextColor#--sdk-card-subtext-colorSecondary text color.
#CardBackgroundColor#--sdk-card-bg-colorCard background color.
#CardBoxShadow#--sdk-card-box-shadowCard box shadow.
#CardPaddingTop#--sdk-card-padding-topCard top padding.
#CardPaddingRight#--sdk-card-padding-rightCard right padding.
#CardPaddingBottom#--sdk-card-padding-bottomCard bottom padding.
#CardPaddingLeft#--sdk-card-padding-leftCard left padding.
#CardBorderColor#--sdk-card-border-colorCard border color.
#CardBorderWidthTop#--sdk-card-border-top-widthCard top border width.
#CardBorderWidthRight#--sdk-card-border-right-widthCard right border width.
#CardBorderWidthBottom#--sdk-card-border-bottom-widthCard bottom border width.
#CardBorderWidthLeft#--sdk-card-border-left-widthCard left border width.
#CardBorderRadiusTopLeft#--sdk-card-border-radius-top-leftCard top-left corner radius.
#CardBorderRadiusTopRight#--sdk-card-border-radius-top-rightCard top-right corner radius.
#CardBorderRadiusBottomLeft#--sdk-card-border-radius-bottom-leftCard bottom-left corner radius.
#CardBorderRadiusBottomRight#--sdk-card-border-radius-bottom-rightCard bottom-right corner radius.
#PrimaryButtonColor#--sdk-button-primary-bg-colorPrimary button background color.
#PrimaryButtonTextColor#--sdk-button-primary-text-colorPrimary button text color.
#PrimaryButtonBorderColor#--sdk-button-primary-border-colorPrimary button border color.
#PrimaryButtonBorderRadius#--sdk-button-primary-radiusPrimary button border radius.
#PrimaryButtonBoxShadow#--sdk-button-primary-shadowPrimary button box shadow.
#SecondaryButtonColor#--sdk-button-secondary-bg-colorSecondary button background color.
#SecondaryButtonTextColor#--sdk-button-secondary-text-colorSecondary button text color.
#SecondaryButtonBorderColor#--sdk-button-secondary-border-colorSecondary button border color.
#SecondaryButtonBorderRadius#--sdk-button-secondary-radiusSecondary button border radius.
#SecondaryButtonBoxShadow#--sdk-button-secondary-shadowSecondary button box shadow.
#LinkTextColor#--sdk-link-text-colorLink text color.
#LinkFontWeight#--sdk-link-font-weightLink font weight.
#HeaderFontSize#--sdk-header-font-sizeHeader font size.
#HeaderFontWeight#--sdk-header-font-weightHeader font weight.
#SubHeaderFontSize#--sdk-subheader-font-sizeSubheader font size.
#SubHeaderFontWeight#--sdk-subheader-font-weightSubheader font weight.
#FooterTextColor#--sdk-footer-text-colorFooter text color.
#FooterBackgroundColor#--sdk-footer-bg-colorFooter background color.

Section Tags

When configuring Forgot Password Email templates, you should include either a password reset link, a list of connected social providers, or both. LoginRadius supports section tags that make parts of the email content removable during email rendering to include or exclude these sections based on the scenario conditionally.

If only one of the sections applies (e.g., password reset link or social ID providers), the other section must be excluded to ensure a clean and relevant message.

Supported Section Tags

TagPurpose
#FPassMarks the start of the Password Reset section.
FPass#Marks the end of the Password Reset section.
#FProvMarks the start of the Forgot Provider section.
FProv#Marks the end of the Forgot Provider section.

These tags allow the LoginRadius platform to include or exclude content blocks automatically, depending on the context.

Example Template

Hello #Name#, <br /><br />#FPassPlease reset your password by clicking on the link.<br />To Reset your password, please click on following link and if your browser does not open it, please copy and paste it in your browser’s address bar.<br /><br />#Url#?vtype=reset&vtoken=#OTP#<br /><br />FPass#<br /> <br /><br />Regards<br />Your Organization name <br/>
Provider : #Providers#