Sprach-Wechsel-Menü
Nahtloser, automatischer Sprachwechsel
Mit der Komponente Sprach-Wechsel-Menü können Ihre Benutzer mühelos zwischen verschiedenen Sprachen in Ihrem mehrsprachigen Projekt navigieren. Sie erledigt alles, vom Umschalten der URL-Slugs bis hin zur Weiterleitung der Benutzer zur richtigen lokalisierten Version Ihrer Inhalte, ohne zusätzliches Setup.
Sie ist anpassbar und dynamisch und sorgt für ein intuitives Benutzererlebnis, während sie gleichzeitig die internationale SEO und die Reichweite der Inhalte unterstützt. Ganz gleich, ob Sie eine einfache Dropdown-Liste oder eine Markenauswahl anzeigen möchten, der Sprach-Wechsel-Menü passt sich an Ihre Designanforderungen an.
Nahtlose mehrsprachige UX
Automatische Sprachumschaltung.
Leiten Sie Benutzer richtig um.Zeigen Sie Sprachnamen, Codes und mehr an.
Passen Sie Alles an Ihre Marke an.Der Dropdown-Status ist immer sichtbar.
Die aktive Sprache wird deutlich hervorgehoben.
Volle Kontrolle über die Anpassung
Hover- oder Klick-basierte Modi.
Passt sich Ihrem Designfluss an.Theming für jeden Bestandteil.
Passen Sie die Ästhetik Ihres Projekts an.Übersetzungssichere Standardwerte.
Fallbacks sorgen für reibungsloses verhalten.
Anwendungsfälle
Mehrsprachige Websites mit regionalen Inhalten.
Marketing-Websites, die einen gebrandeten und gestylten Lokalisierungsschalter benötigen
SaaS-Plattformen oder Anwendungen, die ein globales Publikum unterstützen
SEO-Projekte, die sich auf lokalisierte Inhalte und die richtige Slug-Auflösung verlassen
Das Sprach-Wechsel-Menü stellt sicher, dass sich die Lokalisierung für den Endbenutzer nativ, funktional und völlig intuitiv anfühlt, während Redakteure und Entwickler von der automatischen Handhabung und Flexibilität profitieren.
Konfigurationsoptionen und Funktionen
Das Sprach-Wechsel-Menü bietet Ihnen eine leistungsstarke und dennoch mühelose Lösung für die Verwaltung der Sprachnavigation.
Es passt sich automatisch an Ihr Routing an, verbessert das Benutzererlebnis, unterstützt die Flexibilität des Brandings und sorgt für eine reibungslose Internationalisierung, und das alles mit vollständiger Stylingkontrolle und integrierter Best-Practice-Logik.
Trigger
Das visuelle Element, das das Dropdown auslöst.
Bleibt es leer, zeigt die Komponente die derzeit aktive Sprache oder den Elementdeskriptor für diese Sprache an.
Indikator
Ein visuelles Symbol (z. B. ein Chevron), das sich je nach Dropdown-Status um 180° dreht.
Bietet dem Benutzer ein klares visuelles Feedback zu Interaktionen.
Element Deskriptoren
Ein optionales Feld, um benutzerdefinierte Inhalte für jede Sprache zu definieren (z. B. "EN", "DE", "Français", Flaggen oder Markenstile).
Setzt die standardmäßige Anzeige der Sprachkennzeichnung außer Kraft, um das Branding und die Benutzerfreundlichkeit zu verbessern.
Öffnen bei Hover
Wenn diese Option aktiviert ist, wird das Dropdown-Menü geöffnet, wenn der Benutzer den Mauszeiger über den Auslöser bewegt.
Wenn es deaktiviert ist, wird das Menü nur beim Klicken geöffnet.
Ideal für die Anpassung an die UX-Muster von Header-Menüs.
Offen in Richtung
Legt fest, ob sich der Dropdown-Inhalt vom Auslöser aus nach oben oder nach unten öffnet.
Nützlich für Header, Footer oder Bereiche mit begrenztem Platzangebot.
Komponenten Theme
Wendet das Styling auf den Wrapper des gesamten Sprachumschalters an.
Verwenden Sie es für Abstände, Ränder oder Hintergrundstyling.
Trigger Theme
Steuert das Styling des Trigger-Elements.
Wenden Sie hier Hover-Zustände, Umrahmungen oder Farbschemata an.
Content Theme
Legt das Theme für den Dropdown-Container Inhalt fest.
Dies wirkt sich auf das Styling der erweiterten Liste der Sprachoptionen aus.
Element Theme
Styling, dass für jede Sprachoption in der Liste gilt.
Verwenden Sie diese Option, um Abstände, Hintergrundfarben, Hover-Effekte und mehr zu steuern.
Inaktives Element Theme
Wird verwendet, um inaktive oder deaktivierte Sprachoptionen zu gestalten.
Zum Beispiel, wenn eine Seite nicht in einer bestimmten Sprache verfügbar ist oder die aktuelle Sprache mit der Option übereinstimmt.