MultiLipi Gibt Ihnen die volle Kontrolle darüber, wie Ihr Language Switcher aussieht und sich verhält – sowohl in der Desktop- als auch in der mobilen Ansicht. Ganz gleich, ob Sie eine nahtlose Designintegration oder eine sichtbarere Zugänglichkeit anstreben, die Anpassung Ihres Umschalters kann die Benutzererfahrung verbessern und die Designkonsistenz auf mehrsprachigen Seiten gewährleisten.

Schritt-für-Schritt-Anleitung zur Einrichtung

1. Navigieren Sie zu den Sprachumschalter-Einstellungen

So beginnen Sie mit der Anpassung Ihres Sprachumschalters:

  • Gehen Sie zu Ihrem MultiLipi-Dashboard

  • Auswählen Sprachwechsler vom Einstellungen im linken Menü.
    Seitenleistennavigation mit Hervorhebung der Option "Sprachwechsler-Einstellungen"

2. Bearbeiten Sie das Layout und das Erscheinungsbild des Umschalters

Sobald Sie sich im Switch-Editor befinden, sehen Sie ein spezielles Dashboard mit Anpassungsoptionen für beide Desktop und Mobil Schnittstellen. Bereich "Editor wechseln" mit Umschaltoptionen für Desktop und Mobilgerät

3. Vorlage (Switcher-Stil)

Wählen Sie aus vordefinierten Switcher-Stilen, die am besten zur Benutzeroberfläche Ihrer Website passen: Dropdown-Menü im Sprachumschalter-Stil mit vorgefertigten Vorlagen

4. Positionieren des Umschalters

Stellen Sie die Position des Sprachwechslers auf dem Bildschirm ein:

  • Schwimmend (Eckenpositionierung wie unten links)
  • Eingebettet (eingefügt in ein bestimmtes HTML-Element)

Die Fallback-Logik stellt sicher, dass der Umschalter wieder in den Floating-Modus zurückkehrt, wenn der eingebettete Spot nicht gefunden wird.

Positionsoptionen für den Sprachumschalter, einschließlich schwebender und eingebetteter Platzierung

5. Passen Sie die Switcher-Farben an

Wählen Sie Ihre eigene Farbpalette, die zu Ihrem Branding passt. Garnitur:

  • Hintergrundfarbe
  • Textfarbe

Verwenden Sie RGB-Werte oder den integrierten Farbwähler. Farbanpassungsfeld für den Sprachumschalter

6. Erweitertes benutzerdefiniertes CSS (optional)

Für volle Kontrolle fügen Sie Ihre eigenen CSS-Regeln ein, um den Umschalter genau so zu gestalten, wie Sie es möchten.

Beispiel:

css- CopyEdit

#lang-switcher-selected-lang .fi {

border-radius: 0px;

}

#dynamicDropdown {

/* Ihre Stile */

}

Benutzerdefinierter CSS-Textbereich für erweiterte Sprachumschalter-Anpassung

7. Speichern oder Zurücksetzen

  • Klicken Retten , um Ihre Änderungen zu übernehmen.

  • Klicken Zurücksetzen , um zum Standarddesign zurückzukehren.

Abschließende Vorschau

Alle Anpassungen werden sofort in Echtzeit in der Vorschau angezeigt, sodass Sie zwischen Desktop- und Mobilmodus umschalten können, um Konsistenz über Gerätetypen hinweg zu gewährleisten.

Einhüllend

Mit dem Sprachumschalter-Editor in MultiLipi können Sie:

  • Wählen Sie Ihren idealen Anzeigestil
  • Genaue Position anpassen
  • Passen Sie die Farben an Ihr Website-Design an
  • Verwenden Sie benutzerdefiniertes CSS für vollständige Flexibilität

Perfektionieren Sie Ihre Benutzererfahrung für mehrsprachige Zielgruppen – alles mit wenigen Klicks.