Localization

Hosted Pages V3 supports multiple languages so your users see content in a language they understand. This guide explains how language is detected, how to override it, and how to keep experiences accessible and consistent.

What Localization Does

Detects the browser’s preferred language automatically
Allows you to force a language with a query parameter
Enables per‑component text customization across Auth, Profile, and Workflow

How Language Is Chosen

By default, Hosted Pages use the browser’s language settings.

Text Customization

Customize titles, button labels, descriptions, and input labels per component.

Components include: Login, Passwordless, OTP, Social, Footer, and more
Edit text per language and component directly in the Admin Console
Preview changes and verify layout before publishing

Checkout V3JS Localization guide for for detailed usage.

Add Languages

In the Admin Console, open Hosted Pages → Localization
Click Add Language, choose a language code, and provide translations
Ensure all required strings are covered for each enabled component

RTL and Layout

If you support right‑to‑left languages (like Arabic), verify spacing, alignment, and component mirroring. Keep styles flexible and avoid assumptions about text length.

Accessibility

Provide sufficient contrast for text in all themes
Maintain readable font sizes and spacing
Ensure keyboard navigation and screen reader support work across languages

Testing

Switch between target languages on desktop and mobile
Validate error messages, email templates, and SMS content
Confirm date, time, currency, and number formats per locale
Manually change your browser's default language to test out Localization at your end