How to setup a language switcher on Concrete CMS

Screenshot einer E-Learning-Website mit einem Studenten
Table of Contents

Haben Sie eine Website, die mit Concrete CMS erstellt wurde, und möchten einen Sprachumschalter hinzufügen? Ein Sprachumschalter vereinfacht es Nutzern, zwischen Sprachen zu wechseln. Diese Funktion ist besonders nützlich für Websites mit internationaler Nutzerbasis, da Besucher die Plattform in ihrer bevorzugten Sprache nutzen können.

Um einen Sprachumschalter in Concrete CMS einzurichten, beginnen Administratoren normalerweise damit, in den Systemeinstellungen die Sprachen anzugeben, die unterstützt werden sollen. Anschließend fügen sie ein Dropdown-Menü oder einen Button hinzu, mit dem Benutzer ihre bevorzugte Sprache auswählen können. Dieser Artikel führt Sie durch die Implementierung eines Sprachumschalters in Concrete CMS unter Verwendung eines der verfügbaren automatischen Übersetzungsdienste.

Bedeutung der Einrichtung eines Sprachumschalters im Concrete CMS

Ein Team von Personen arbeitet an einem großen Computerbildschirm mit verschiedenen Designelementen.

Die Notwendigkeit, Inhalte in mehreren Sprachen bereitzustellen, wird immer wichtiger. Eine aktuelle Studie von DeepL ergab, dass 75 % der Befragten der Meinung waren, dass lokalisierten Inhalten die Kundenbindung deutlich erhöhen.

Die Implementierung eines Sprachumschalters bedeutet, Inhalte zu übersetzen und ein personalisierteres Erlebnis für Website-Besucher zu schaffen. Dies wird durch die Daten deutlich, die zeigen, dass 96 % der Befragten einen positiven ROI (Return on Investment) durch ihre Bemühungen zur Content-Lokalisierung feststellten. 

Mit diesen Daten im Hinterkopf ist die Implementierung eines Sprachumschalters auf Concrete CMS ein strategischer Schritt, der nicht aufgegeben werden darf. Deshalb wird dieser Artikel erläutern, wie Sie einen Sprachumschalter auf Ihrer Concrete CMS -Website einrichten.

Break Language Barriers
Verabschieden Sie sich von Sprachbarrieren und sagen Sie Hallo zu grenzenlosem Wachstum! Testen Sie noch heute unseren automatischen Übersetzungsdienst.

How to setup a language switcher on Concrete CMS

Nachdem wir nun die Bedeutung der Sprachwechselfunktion auf der mehrsprachigen Concrete CMS -Plattform verstanden haben, wollen wir besprechen, wie man sie implementiert. Concrete CMS verfügt über ein integriertes Sprachverwaltungssystem, das an die Bedürfnisse Ihrer Organisation angepasst werden kann.

Einer der automatischen Übersetzungsdienste, die Sie nutzen können, ist Linguise. Linguise bietet benutzerfreundliche Sprachwechsel-Funktionen und kann mit verschiedenen beliebten CMS integriert werden, einschließlich Concrete CMS.

Concrete CMS bietet eine einfache mehrsprachige Integration, mit der Administratoren schnell Sprachwechselfunktionen zu ihren Websites hinzufügen können. Durch die Nutzung der Concrete CMS fortschrittlichen Funktionen und der benutzerfreundlichen Oberfläche können Sie die Einrichtung und Pflege eines Sprachumschalters auf Ihrer Plattform vereinfachen. Hier sind die Schritte zur Installation der Linguise automatischen Übersetzung auf Concrete CMS und zur Einrichtung des Sprachumschalters.

#1 Concrete CMS -Domain registrieren

Erstellen Sie zunächst ein kostenloses Linguise -Konto und fügen Sie die Domain Ihrer Website hinzu. Sie können eine 30-tägige kostenlose Testversion nutzen, bevor Sie sich für ein Abonnement entscheiden.

Screenshot einer Plattform-Benutzeroberfläche

Als Nächstes müssen Sie Ihre Domain für die Übersetzung autorisieren. Kopieren Sie Ihren Domainnamen, einschließlich „https://“, und wählen Sie „Concrete CMS“ als Ihre Plattform aus. Wählen Sie Ihre Ausgangssprache und die Zielsprachen für die Einrichtung der automatischen Übersetzung innerhalb von Concrete CMS.

Screenshot der Seite mit den Übersetzungseinstellungen. Auf dieser Seite können Benutzer die zu übersetzenden Sprachen auswählen.

#2: Das Linguise -Skript hochladen und verbinden

Sie müssen das Linguise -Übersetzungsskript auf den Server hochladen, auf dem Concrete CMS installiert ist. Laden Sie das Skript über den bereitgestellten Link herunter, entpacken Sie es und platzieren Sie den Ordner im Stammverzeichnis Ihrer Concrete CMS -Installation. Stellen Sie sicher, dass der Ordner „linguise“ heißt

Dateisystemverzeichnisauflistung

Fügen Sie dann den Linguise API-Schlüssel in die Datei Configuration.php auf Ihrem Server ein. Öffnen Sie die Datei und ersetzen Sie „REPLACE_BY_YOUR_TOKEN“ durch Ihren API-Schlüssel, den Sie in die einfachen Anführungszeichen setzen.

Code-Snippet, das die Konfiguration einer Java-Klasse zeigt

#3: Concrete CMS URL-Rewriting einrichten

In Concrete CMSist URL-Rewriting normalerweise standardmäßig aktiviert. Falls nicht, können Sie es über Ihren Hosting-Anbieter aktivieren. Aktualisieren Sie die .htaccess-Datei, indem Sie spezifischen Code nach der Zeile „RewriteEngine on“ hinzufügen. Dadurch werden sprachspezifische URLs konfiguriert.

				
					<IfModule mod_rewrite.c>
    RewriteEngine On
    RewriteRule ^(af|sq|am|ar|hy|az|eu|be|bn|bs|bg|ca|ceb|ny|zh-cn|zh-tw|co|hr|cs|da|nl|en|eo|et|tl|fi|fr|fy|gl|ka|de|el|gu|ht|ha|haw|iw|hi|hmn|hu|is|ig|id|ga|it|ja|jw|kn|kk|km|ko|ku|ky|lo|la|lv|lt|lb|mk|mg|ms|ml|mt|mi|mr|mn|my|ne|no|ps|fa|pl|pt|pa|ro|ru|sm|gd|sr|st|sn|sd|si|sk|sl|so|es|su|sw|sv|tg|ta|te|th|tr|uk|ur|uz|vi|cy|xh|yi|yo|zu|zz-zz)(?:$|/)(.*)$ /concretee/linguise/linguise.php?linguise_language=$1&original_url=$2 [L,QSA]
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteCond %{REQUEST_FILENAME}/index.html !-f
    RewriteCond %{REQUEST_FILENAME}/index.php !-f
    RewriteRule . /concretee/index.php [L]
</IfModule>
				
			

#4: Sprachumschalter aktivieren und anpassen

Der Linguise -JS-Skript-Link muss auf allen Ihren Concrete CMS -Seiten geladen werden, um den Sprachumschalter mit Flaggen und alternativen URLs anzuzeigen (entscheidend für SEO). Den Skript-Link finden Sie in den Domain-Einstellungen in Ihrem Linguise -Dashboard.

Code in die Zwischenablage kopieren

Um das Skript in Concrete CMSzu laden, fügen Sie den Code in die Datei header.php oder im <head>-Bereich Ihrer Website über das Admin-Panel ein, indem Sie zu System & Einstellungen > SEO & Statistiken navigieren.

Screenshot des System- und Einstellungsmenüs

Fügen Sie ihn anschließend unter Tracking-Codes hinzu. 

Eine Einstellungsseite zur Verwaltung von Tracking-Codes

Standardmäßig erscheint der Sprachumschalter in der oberen rechten Ecke.

Startseite der Atomik Agency Website mit Sprachoptionen

Ihr Dashboard kann sein Erscheinungsbild jedoch mithilfe der Funktion „Sprachflaggen-Anzeige“ anpassen.

#5: Die Hauptanzeige konfigurieren

Um mit der Einrichtung des Sprachumschalters zu beginnen, navigieren Sie zum Abschnitt „Einstellungen“ > „Sprachflaggen-Anzeige“ im Linguise -Dashboard. Hier können Sie verschiedene Einstellungen anpassen.

  • Stil des Flaggen-Symbols: Wählen Sie aus drei Anzeigestilen: nebeneinander, Dropdown-Menü oder Popup.
  • Position: Wählen Sie die Position des Sprachumschalters auf Ihrer Website, damit er für Besucher leicht zugänglich ist.
Einstellungsbereich zur Anpassung der Anzeige der Sprachliste

#6: Das Flaggen-Design anpassen

Nach der Einrichtung des Hauptdisplays können Sie das Design der Sprachflaggen anpassen.

  • Anzeigename der Sprache: Entscheiden Sie, ob der Name basierend auf dem Land oder der Sprache angezeigt werden soll, wie z. B. „Französisch“ oder „Français“.
  • Englischer Flaggentyp: Mit dieser Option können Sie zwischen US-amerikanischem und britischem Englisch unterscheiden; sie gilt ebenso für Spanisch, Portugiesisch oder Deutsch.
  • Flaggenstil: Wählen Sie die Form des Flaggen-Symbols, entweder rund oder rechteckig.
Flaggen- und Spracheinstellungen

#7: Farbe und Größe anpassen

Als Nächstes können Sie die Farbe und Größe der Flaggen personalisieren.

  • Eckenradius der Flagge: Legen Sie den Radius in Pixeln für die rechteckigen Flaggen fest.
  • Farbe des Sprachnamens: Wählen Sie die Standard-Textfarbe für die Anzeige der Sprachnamen.
  • Farbe der Popup-Sprache: Legen Sie die Textfarbe für Sprachtitel im Popup oder Dropdown fest.
  • Flaggengröße: Passen Sie die Größe der Flaggen-Symbole an.
  • Farbe beim Überfahren des Sprachnamens: Legen Sie die Farbe fest, die beim Überfahren der Sprachnamen angezeigt wird.
  • Hover-Farbe für Popup-Sprachen: Legen Sie die Hover-Farbe für Sprachtitel im Popup oder Dropdown fest.
Flaggen- und Spracheinstellungen

#8: Box-Schatten für eine Flagge hinzufügen

Schließlich können Sie die Schatteneinstellungen für das Flaggenfeld anpassen.

  • Die erste Option fügt den auf Ihrer Website angezeigten Flaggen-Symbolen einen Schatteneffekt hinzu.
  • Die zweite Option steuert den Schatteneffekt, wenn Benutzer mit der Maus über die Sprachflaggen fahren.
Einstellungen für den Schatten der Flaggenbox mit Anpassungsoptionen

Sobald Sie mit den Einstellungen zufrieden sind, klicken Sie auf „Speichern“ , um die Änderungen zu übernehmen. Besuchen Sie Ihre Concrete CMS -Website, um zu bestätigen, dass der Sprachumschalter wie erwartet funktioniert, und um sein Erscheinungsbild in der Vorschau zu prüfen.

Mehrsprachige Website-Oberfläche mit Sprachoptionen

Sie können die Website auch in zusätzliche Sprachen übersetzen, wie z. B. Deutsch.

Ein Screenshot einer Webseite auf einem Computerbildschirm.

Best Practices zur Optimierung des Sprachumschalters im Concrete CMS

Die Optimierung des Sprachumschalters auf Concrete CMS verbessert die Benutzererfahrung in einer mehrsprachigen Umgebung. Nachfolgend finden Sie wichtige Tipps zur Verbesserung des Sprachumschalters auf Ihrer Plattform.

Verwendung von Sprachnamen und Flaggen

Illustration von Menschen und digitalen Schnittstellenkomponenten. Verschiedene farbenfrohe Elemente.

Die Kombination von Sprachnamen mit Flaggen-Symbolen ist eine effektive Möglichkeit, Ihren Sprachumschalter benutzerfreundlicher zu gestalten. Dieser Ansatz bietet zwei visuelle Hinweise, die es Nutzern erleichtern, ihre gewünschte Sprache schnell zu erkennen und auszuwählen. Der Sprachname sorgt für Klarheit, während die Flagge als visuelle Referenz dient und die Auswahl erleichtert – besonders wenn eine Sprache in mehreren Ländern mit unterschiedlichen Flaggen verwendet wird.

Wenn Ihre Concrete CMS -Website beispielsweise ein globales E-Commerce-Publikum anspricht, kann die Kombination von „🇺🇸 English“, „🇫🇷 Français“ und „🇩🇪 Deutsch“ im Sprachumschalter es Nutzern erleichtern, ihre bevorzugte Sprache schnell zu finden, ihr Einkaufserlebnis zu verbessern und ihnen zu helfen, mühelos auf der Website zu navigieren.

Wiedererkennbare Flaggen-Symbole

Zwei Personen, die an Computern mit den Flaggen von Frankreich, Spanien und Deutschland arbeiten. Sie kollaborieren an einem Übersetzungsprojekt.

Es ist unerlässlich, klare, hochwertige Flaggen-Symbole zu verwenden, die auch in kleineren Größen leicht erkennbar sind. Diese Symbole helfen Nutzern, ihre Sprache schnell zu erkennen, ohne Text lesen zu müssen. Bei Bedarf ist es wichtig, kultursensible Symbole zu wählen, die Sprachen statt Länder repräsentieren. Zum Beispiel kann die Verwendung eines neutralen Symbols für eine weit verbreitete Sprache wie Arabisch angemessener sein als die Auswahl einer Nationalflagge.

Zum Beispiel könnte eine für eine globale Reiseagentur konzipierte Concrete CMS -Plattform die spanische Flagge für Spanisch, die kanadische Flagge für Französisch und ein Globus-Symbol für weit verbreitete Sprachen wie Englisch verwenden. Dadurch sind die Symbole klar und intuitiv, sodass Nutzer beim Erkunden von Reisepaketen einfach ihre bevorzugte Sprache auswählen können.

Sprachumschalter strategisch einsetzen

Ein Mann, der mit einem großen Browser auf einem Laptop interagiert.

Der Sprachumschalter sollte dort platziert werden, wo er für Nutzer leicht sichtbar und zugänglich ist, ohne die Benutzeroberfläche zu überladen. Übliche Platzierungsoptionen sind der Header, der Footer oder das Hauptnavigationsmenü der Website. Konsistenz bei der Platzierung auf allen Seiten ist entscheidend, damit Nutzer ihn überall auf der Website finden können.

Beispielsweise könnte eine Concrete CMS -Website den Umschalter in der oberen rechten Ecke des Headers platzieren, um sicherzustellen, dass er sichtbar bleibt, während Nutzer durch die Seiten scrollen. Für Mobilgeräte erhält die Integration in das Hamburger-Menü die Zugänglichkeit aufrecht und spart gleichzeitig Platz.

Konsistenz über alle Seiten hinweg wahren

Webkonferenz-Plattform auf Desktop, Tablet und Mobilgerät

Es ist wichtig, Konsistenz in Erscheinungsbild und Funktionalität zu wahren. Der Sprachumschalter sollte auf jeder Seite gleich funktionieren, und wenn Nutzer die Sprache wechseln, sollten sie auf derselben Seite bleiben, wobei der Inhalt in die neue Sprache übersetzt wird. Dies verbessert den Nutzer-Workflow und macht die Navigation intuitiver.

Zum Beispiel erscheint ein Dropdown-Sprachumschalter konsistent auf Startseiten, Kontaktseiten und anderen. Dies würde es Nutzern ermöglichen, die Sprache nahtlos zu wechseln, ohne ihre Position im Material zu verlieren.

Bereit, neue Märkte zu erkunden? Testen Sie unseren automatischen Übersetzungsdienst kostenlos mit unserer 1-monatigen risikofreien Testversion. Keine Kreditkarte erforderlich!

Conclusion

Mehrsprachige Concrete CMS Übersetzungslösung. Automatische Übersetzung für Webseiten.

Einrichten eines Sprachumschalters und Implementieren der automatischen Übersetzung auf der Concrete CMS -Website kann Ihren Nutzern ein nahtloses mehrsprachiges Erlebnis bieten. Wenn Sie die in dieser Anleitung beschriebenen Schritte befolgen, können Sie einen Sprachumschalter integrieren und ihn an die Anforderungen Ihrer Website anpassen.

Eine effektive Optimierung des Sprachumschalters verbessert die Nutzererfahrung und das Engagement. Um zu starten, melden Sie sich für ein Linguise -Konto an, integrieren Sie es in Ihre Concrete CMS -Website und konfigurieren Sie die Sprachauswahl nach Ihren Wünschen. So können Besucher einfach in ihrer bevorzugten Sprache auf Ihrer Plattform navigieren.

Vielleicht interessiert Sie auch

Nicht verpassen!
Abonniere unseren Newsletter

Erhalten Sie Neuigkeiten über automatische Website-Übersetzung, internationales SEO und mehr!

Invalid email address
Probieren Sie es aus. Einmal im Monat, und Sie können sich jederzeit abmelden.

Verlassen Sie uns nicht, ohne Ihre E-Mail-Adresse zu hinterlassen!

Wir können nicht garantieren, dass Sie im Lotto gewinnen, aber wir können Ihnen interessante Informationsnachrichten rund um Übersetzungen und gelegentliche Rabatte versprechen.

Nicht verpassen!
Invalid email address