Manage languages on user facing pages

By default, Kinde user-facing screens (such as sign-up and sign-in) are in US English. You can select additional languages for these screens to better support international users.

What gets translated?

Link to this section

Only the user-facing pages are translated. This includes sign-up, sign-in, verification code, confirmations, and one-time code emails. It is not yet possible to select a different language for the whole Kinde platform.

To change the language displayed on sign-up and request access pages, you need to customize the relevant page.

Supported languages

Link to this section

Kinde’s language support continues to grow.

Here is a sample of what is available so far: English (en / en-US / en-AU / en-GB), Dutch, German, Polish, Hebrew, Italian, French, Malay, Spanish, Russian, Portuguese (Brazilian), Norwegian, Swedish.

We aim to eventually support all these languages.

Feel free to submit a pull request via GitHub to request or contribute a specific language translation.

Choose languages

Link to this section

Kinde displays the relevant language on authentication screens when the user’s regional settings are detected.

1. Go to Settings > Languages.
2. In the Supported languages section, select the checkboxes of all the languages you want to support.

Kinde also supports right-to-left (RTL) languages.

Change the default language

Link to this section

The default language is the fallback if a user’s region is not detected, or if the detected language is not selected as supported in Kinde.

1. Go to Settings > Environment > Languages.
2. In the Default language dropdown, choose the language you want to display as the default.

How Kinde displays languages

Link to this section

For user-facing authentication screens, Kinde gives display priority using language detection, as follows:

1. The language supplied in the auth URL ^
2. The preferred language selected in the user’s browser ^
3. The default language you have selected in Kinde
4. US English as a last resort, if a translation is not available

^ If you have chosen not to support a language, we will try the next available option.

Through language matching, Kinde automatically selects the closest base language to the requested language and uses it if your app supports it.

Translation of content in the Kinde widget

Link to this section

Translations in the Kinde widget are handled by Kinde. Kinde loads the copy from the relevant route and language from your page content settings and applies it to the widget.

Customize text on authentication pages

Link to this section

You can customize the text on various pages in the auth flow. See Update page content for the auth flow for more information.

Kinde provides relevant localized content within the context object that is passed into the Page default function. Localizations and placeholder replacements are handled for you at runtime.

For example:

const { content } = event.context.widget;

<img src="<your_logo_url>" alt={content.logo_alt} />

<title>{content.page_title}</title>

<h1>{content.heading}</h1>

<p>{content.description}</p>