Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
10 changes: 5 additions & 5 deletions docs/customization/match-your-brand.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -8,31 +8,31 @@ sidebar_position: 1

Customize the look and feel of your sign-in page by navigating to <CloudLink to="/sign-in-experience/branding">Console > Sign-in experience > Branding</CloudLink>. This section allows you to easily adjust key branding elements.

### Brand color
### Brand color \{#brand-color}

Define the primary color used throughout the sign-in experience, including primary buttons, links, and other components. Replace the default Logto purple color with your brand's color. For dark mode, a separate brand color can be specified.

### Company logo
### Company logo \{#company-logo}

The logo will be displayed on the sign-in homepage, sign-up home, loading page, and other interfaces with our expansion.

- There are some limitations for images: they must be under 500KB and in SVG, PNG, JPG, JPEG, or ICO format.
- If you leave the logo field blank, the logo will not display in the interface.
- A dark mode version of the logo can also be uploaded.

### Favicon
### Favicon \{#favicon}

A favicon is a small icon representing a website and is displayed in the browser tab, bookmarks, and other areas of the browser interface.

- The image must be under 500KB and in SVG, PNG, JPG, JPEG, or ICO format. Uploading a square image is recommended to ensure a good presentation effect.
- A dark mode version of the favicon can also be uploaded.
- Besides, the browser title for different flows (Sign in/Sign up/Forgot password, etc.) is now used instead of a custom title.

### Dark mode
### Dark mode \{#dark-mode}

Enable dark mode to automatically adjust the sign-in page's appearance based on the user's system preferences.

### Hide Logto branding
### Hide Logto branding \{#hide-logto-branding}

By default, the out-of-the-box sign-in experience pages display "Powered by Logto" at the bottom. Enable the "Hide Logto branding" option to remove the Logto mark and create a clean, professional sign-in experience that exclusively showcases your own brand identity.

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@ The guide in the console is only for quick start with Logto using our SDK. For c
<Url href="/authorization">Authorization</Url>
<Url href="/organizations">Organizations</Url>

## FAQs
## FAQs \{#faqs}

<details>
<summary>
Expand Down

Large diffs are not rendered by default.

Original file line number Diff line number Diff line change
Expand Up @@ -4,28 +4,28 @@ sidebar_position: 4

# Lokalisierte Sprachen

Logto unterstützt eine breite Palette vordefinierter Sprachen und bietet 113 zusätzliche Sprach-Tags. Dieses leistungsstarke Tool ermöglicht es dir, die Anmeldeerfahrung zu individualisieren, indem du eigene Sprachoptionen und Übersetzungen erstellst und verwaltest.
Logto unterstützt eine breite Palette vordefinierter Sprachen und bietet 113 zusätzliche Sprach-Tags. Dieses leistungsstarke Tool ermöglicht es dir, die Anmeldeerfahrung individuell zu gestalten, indem du eigene Sprachoptionen und Übersetzungen erstellst und verwaltest.

## Anpassungsschritte in der Logto-Konsole \{#customization-steps-in-logto-console}
## Anpassungsschritte in der Logto Console \{#customization-steps-in-logto-console}

Passe die Spracheinstellungen ganz einfach in der Logto-Konsole an – ganz ohne Programmierung.
Passe die Spracheinstellungen ganz einfach in der Logto Console an – ganz ohne Programmierung.

1. **Navigiere zu**: <CloudLink to="/sign-in-experience/content">Konsole > Anmeldeerfahrung > Inhalt > Sprachen</CloudLink>.
2. **Sprache verwalten**: Klicke auf die Schaltfläche „Sprache verwalten“, um auf deine Sprachbibliothek zuzugreifen.
- **Vorhandene Sprachen bearbeiten:** Passe Übersetzungen der von Logto bereitgestellten Sprachen an. Diese Sprachen können nicht gelöscht werden, aber deine Änderungen überschreiben die Standardwerte.
- **Neue Sprache hinzufügen:** Klicke auf die Schaltfläche „Sprache hinzufügen“, wähle ein Sprach-Tag aus, gib deine Übersetzungen ein und speichere die Änderungen, um eine neue Sprache hinzuzufügen.
3. **Auto-Erkennung aktivieren:** Wenn aktiviert, wird die Anmeldeseite automatisch in der bevorzugten Sprache des Benutzers angezeigt, basierend auf den Geräteeinstellungen.
4. **Standardsprache festlegen:** Du kannst eine Standardsprache aus deiner Sprachbibliothek auswählen. Sie wird verwendet, wenn die erkannte Benutzersprache in der aktuellen Sprachbibliothek nicht abgedeckt ist.
3. **Auto-Erkennung aktivieren:** Wenn aktiviert, wird die Anmeldeseite automatisch in der bevorzugten Sprache des Benutzers basierend auf dessen Geräteeinstellungen angezeigt.
4. **Standardsprache festlegen:** Du kannst eine Standardsprache aus deiner Sprachbibliothek auswählen. Sie wird verwendet, wenn die erkannte Benutzersprache nicht in der aktuellen Sprachbibliothek abgedeckt ist.

Hier sind einige wichtige Begriffe, die du beim Verwalten von Sprachen kennen solltest:

| Definition | Beschreibung |
| --------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Sprach-Tag | Das Sprach-Tag identifiziert die Sprache des Inhalts. Ein Sprach-Tag besteht aus einem Sprachcode (z. B. en, fr, zh) und einem Länder- / Regionscode (z. B. US, UK, KR), getrennt durch Bindestriche. Ein Sprach-Tag sieht so aus: en-US. |
| Von Logto bereitgestellte Sprache | Von Logto bereitgestellte Sprache ist die offizielle Logto-Sprache und wird im ursprünglichen Logto-Code gespeichert. |
| Hinzugefügte Sprache | Hinzugefügte Sprache ist die von Benutzern hinzugefügte Sprache. |
| Logto-Quellwerte | Logto-Quellwerte sind von Logto bereitgestellte Werte, die nicht von Benutzern angepasst wurden. |
| Benutzerdefinierte Werte | Benutzerdefinierte Werte sind Werte, die bereits von Benutzern angepasst wurden. Logto-Quellwerte werden überschrieben. |
| Hinzugefügte Sprache | Hinzugefügte Sprache ist die vom Benutzer hinzugefügte Sprache. |
| Logto-Quellwerte | Logto-Quellwerte sind von Logto bereitgestellte Werte, die nicht vom Benutzer angepasst wurden. |
| Benutzerdefinierte Werte | Benutzerdefinierte Werte sind Werte, die bereits vom Benutzer angepasst wurden. Logto-Quellwerte werden überschrieben. |

## Anpassung über die Management API \{#customization-using-management-api}

Expand Down Expand Up @@ -54,48 +54,61 @@ Du kannst auch die [PATCH /api/sign-in-exp](https://openapi.logto.io/group/endpo

## Sprachauflösung zur Laufzeit \{#runtime-language-resolution}

Zur Laufzeit wird die Sprache der Anmeldeerfahrung mit folgender Priorität bestimmt:
Zur Laufzeit wird die Sprache der Anmeldeerfahrung mit folgender Priorität ermittelt:

1. `ui_locales` OIDC-Parameter aus der aktuellen Authentifizierungsanfrage (das erste unterstützte Tag wird verwendet). Siehe [ui_locales](/end-user-flows/authentication-parameters/ui-locales).
2. Andernfalls, wenn „Auto-Erkennung“ aktiviert ist, die erkannte Sprache des Benutzerclients (z. B. aus dem HTTP-Header `Accept-Language`).
3. Andernfalls die Standardsprache des Mandanten in der Anmeldeerfahrung.

Diese Auflösung beeinflusst auch die E-Mail-Lokalisierung für durch die Interaktion ausgelöste Nachrichten. Mehr erfahren: [E-Mail-Vorlagen-Lokalisierung](/connectors/email-connectors/email-templates#email-template-localization).
Diese Auflösung wirkt sich auch auf die E-Mail-Lokalisierung für durch die Interaktion ausgelöste Nachrichten aus. Mehr erfahren: [E-Mail-Vorlagen-Lokalisierung](/connectors/email-connectors/email-templates#email-template-localization).

## Anwendungsfälle \{#use-cases}

Wie erscheinen hinzugefügte Sprachen für Endkunden?

Angenommen, du hast eine Website, auf der Englisch die Standardsprache ist und die Auto-Erkennung aktiviert ist. Ein Benutzer aus Japan besucht deine Seite und möchte ein Konto erstellen. Wenn er/sie Japanisch als App-Sprache verwendet, Logto diese Sprache aber noch nicht unterstützt, erscheint der Anmeldebildschirm auf Englisch.
Angenommen, du hast eine Website, auf der Englisch die Standardsprache ist und die Auto-Erkennung aktiviert ist. Ein Benutzer aus Japan besucht deine Seite und möchte ein Konto erstellen. Wenn er / sie Japanisch als App-Sprache verwendet, Logto diese Sprache aber noch nicht unterstützt, erscheint der Anmeldebildschirm auf Englisch.

Die Logto-Anmeldeerfahrung i18n macht individuelle Sprachen möglich.

Klicke auf das Sprach-Tag `ja`, um deine eigene japanische Übersetzung hinzuzufügen.

So kann der Benutzer, der deine Seite aus Japan besucht, die Inhalte auf Japanisch lesen, die du gerade aus dem Englischen übersetzt hast.
So kann der Benutzer, der deine Seite aus Japan besucht, den Inhalt auf Japanisch lesen, den du gerade aus dem Englischen übersetzt hast.

## FAQs \{#faqs}

<details>
<summary>

### Was passiert, wenn die von mir hinzugefügte Sprache zur von Logto bereitgestellten Sprache wird? \{#what-if-the-language-i-added-becomes-logto-provided-language}
### Was passiert, wenn die von mir hinzugefügte Sprache zu einer von Logto bereitgestellten Sprache wird? \{#what-if-the-language-i-added-becomes-logto-provided-language}

</summary>

Neben dem Sprach-Tag auf der linken Seite erscheint ein von Logto bereitgestelltes Tag, und die von dir hinzugefügte Sprache kann nicht mehr entfernt werden. Die geänderten Werte funktionieren weiterhin und ersetzen die ursprünglichen Logto-Werte. Lösche die vom Benutzer bereitgestellten Werte, um die von Logto bereitgestellten Standardwerte zu verwenden.
Links neben dem Sprach-Tag erscheint ein von Logto bereitgestelltes Tag, und die von dir hinzugefügte Sprache kann nicht mehr entfernt werden. Die geänderten Werte funktionieren weiterhin und ersetzen die ursprünglichen Logto-Werte. Lösche die vom Benutzer bereitgestellten Werte, um die von Logto bereitgestellten Standardwerte zu verwenden.

</details>

<details>
<summary>

### Was ist, wenn ich nur einige wenige benutzerdefinierte Werte hinzugefügt habe? \{#what-if-i-only-added-a-few-custom-values}
### Was passiert, wenn ich nur wenige benutzerdefinierte Werte hinzugefügt habe? \{#what-if-i-only-added-a-few-custom-values}

</summary>

Was die Endbenutzer sehen, ist das Ergebnis der Zusammenführung beider Spalten.
Angenommen, du möchtest nur einen Teil der ursprünglichen von Logto bereitgestellten Inhalte anpassen. Der einzige Unterschied zwischen deinem Anmeldebildschirm und dem von Logto bereitgestellten besteht in den von dir bearbeiteten Schlüsseln. Der Rest des Inhalts bleibt unverändert.
Angenommen, du möchtest nur einen Teil der von Logto bereitgestellten Originalinhalte anpassen. Der einzige Unterschied zwischen deinem Anmeldebildschirm und dem von Logto bereitgestellten besteht in den von dir bearbeiteten Schlüsseln. Der Rest des Inhalts bleibt unverändert.

</details>

<details>
<summary>

### Wie kann ich einen Standard-Ländercode für Telefonnummern in der Anmeldeerfahrung festlegen? \{#how-can-i-set-a-default-phone-number-country-code-for-the-sign-in-experience}

</summary>

Der Ländercode für Telefonnummern in der [Anmeldeerfahrung](/end-user-flows/sign-up-and-sign-in/sign-up) richtet sich standardmäßig nach der Browsersprache des Benutzers. Wenn beispielsweise die Browsersprache eines Benutzers auf `fr` eingestellt ist, wird der Ländercode standardmäßig auf Frankreich (+33) gesetzt.

Um den Standard-Ländercode für bestimmte Benutzer oder Regionen programmatisch zu steuern, kannst du den [`ui_locales`](/end-user-flows/authentication-parameters/ui-locales) Authentifizierungsparameter verwenden. Wenn du z. B. `ui_locales=ja` setzt, wird der Ländercode standardmäßig auf Japan (+81) gesetzt.

</details>

Expand Down
Loading
Loading