So richten Sie einen Sprachumschalter in Craft CMS ein

von Aorinka Anendya
13. Juni 2024

Blog > Anleitung > So richten Sie einen Sprachumschalter in Craft CMS

Das Einrichten eines Sprachumschalters auf Craft CMS ist eine entscheidende Funktion für jede Website, die ein globales Publikum erreichen möchte. Im heutigen Zeitalter der Globalisierung ist die Möglichkeit, nahtlos zwischen mehreren Sprachen wechseln zu können, ein dringender Bedarf.

Durch die Einrichtung eines Sprachumschalters auf Craft CMS wird die Zugänglichkeit für Besucher aus verschiedenen Ländern verbessert, das Ranking in Suchmaschinen verbessert und das globale Markenvertrauen aufgebaut. Auch wenn es komplex klingt, hilft Ihnen diese Schritt-für-Schritt-Anleitung dabei, dies reibungslos und effizient auf Ihrer Craft CMS Website zu erledigen.

Es ist wichtig, einen Sprachumschalter auf Craft CMS einzurichten

Bevor wir näher darauf eingehen, wie man einen Sprachumschalter in Craft CMS einrichtet, besprechen wir zunächst die Bedeutung der Einrichtung eines Sprachumschalters. Hier sind einige davon.

Bessere Benutzererfahrung: Ein Sprachumschalter ermöglicht Besuchern den einfachen Zugriff auf Inhalte in ihrer bevorzugten Sprache und verbessert so ihr Verständnis und ihre Interaktion mit der Website.
Reduzierung der Absprungraten: Besucher, die ihre gewünschte Sprache nicht finden, verlassen Ihre Website möglicherweise sofort. Ein Sprachumschalter, der mehrere Sprachen bereitstellt, kann verhindern, dass sie die Website verlassen.
Steigende Conversions: Das Verstehen von Produktdetails, Richtlinien und dem Kaufprozess in ihrer Sprache kann Besucher zum Kauf oder zu anderen Aktionen anregen.
Mehrsprachiges SEO optimieren: Suchmaschinen berücksichtigen beim Ranking von Websites Faktoren der Benutzererfahrung. Ein benutzerfreundlicher Sprachumschalter kann Ihr mehrsprachiges SEO- Ranking verbessern, indem er Besuchern den Zugriff auf Inhalte in ihrer Sprache erleichtert. Die korrekte Übersetzung von Inhalten sendet auch positive Signale an Suchmaschinen, dass Ihre Website für verschiedene Suchanfragen in verschiedenen Sprachen relevant ist.

Sprachbarrieren überwinden

Verabschieden Sie sich von Sprachbarrieren und begrüßen Sie grenzenloses Wachstum! Testen Sie noch heute unseren automatischen Übersetzungsservice.

Beginnen Sie jetzt mit dem Übersetzen

So richten Sie einen Sprachumschalter in Craft CMS ein

Nachdem wir verstanden haben, wie wichtig die Verwendung eines Sprachumschalters auf einer mehrsprachigen Craft CMS Website ist, wollen wir besprechen, wie das geht. Normalerweise bieten Website-Übersetzungsdienste diese Funktion an, die an Ihre Bedürfnisse angepasst werden kann.

Allerdings bieten nicht alle Übersetzungsdienste einen leicht anpassbaren und benutzerfreundlichen Sprachumschalter. Daher ist es wichtig, einen automatischen Übersetzungsdienst zu wählen, der mit verschiedenen Frameworks kompatibel ist und eine flexible Sprachumschaltfunktion bietet.

Ein Dienst, der diese Kriterien erfüllt, ist Linguise . Linguise bietet eine Sprachumschaltfunktion, die leicht anpassbar und benutzerfreundlich ist und sich gut in Craft CMS .

Durch die nahtlose Integration von Linguise in das Craft CMS Framework können Sie Ihrer mehrsprachigen Anwendung ganz einfach einen Sprachumschalter hinzufügen. Mit den erweiterten Funktionen und der benutzerfreundlichen Oberfläche von Linguise wird das Einrichten und Verwalten eines Sprachumschalters auf Ihrer Craft CMS Website viel einfacher.

Nachfolgend finden Sie die Schritte zur Installation Linguise auf einer mehrsprachigen Craft CMS -Website und zur Einrichtung des Sprachumschalters.

#1: Registrieren Sie sich für ein kostenloses Linguise Konto

Registrieren Sie sich für ein kostenloses Linguise Konto und profitieren Sie von einer kostenlosen einmonatigen Testversion, um loszulegen. Geben Sie einfach Ihre E-Mail-Adresse ein, um einen Benutzernamen und ein Passwort zu generieren.

Während der gesamten Testdauer haben Sie Zugriff auf alle überzeugenden Funktionen Linguise zu bieten hat. Nach Abschluss der Testversion werden Sie zum Linguise Dashboard weitergeleitet.

#2: Domain-Website Craft CMS hinzufügen

Sobald Ihr Linguise Konto erstellt ist, werden Sie zum Dashboard weitergeleitet, wo Sie Ihre Craft CMS Website-Domain eingeben können. Wählen Sie „Domäne hinzufügen“ und füllen Sie die bereitgestellten Felder aus:

Konto
URL
Verwendete Plattform ( Craft CMS )
Standardsprache
Übersetzungssprachen
Übersetzen Sie URLs
Dynamische Inhaltsübersetzung

Sie erhalten den API-Schlüssel, den Sie im nächsten Schritt einfügen müssen.

#4: Laden Sie das Linguise -Skript hoch

Als Nächstes müssen Sie das Linguise Übersetzungsskript auf Ihren Server hochladen, auf dem Craft CMS installiert ist.

Laden Sie das PHP-JS-Übersetzungsskript herunter, entpacken Sie es und laden Sie es in das Stammverzeichnis Ihrer Craft CMS Installation hoch.

Stellen Sie sicher, dass das Skript im Stammverzeichnis Ihrer Website abgelegt wird, in dem sich Ihre Craft CMS Dateien befinden, und dass der Ordner seinen ursprünglichen Namen „ linguise “ behält.

Anschließend fügen Sie den Linguise API-Schlüssel in die Datei Configuration.php ein, die Sie auf Ihren Server hochgeladen haben. Öffnen Sie die Datei zum Bearbeiten und fügen Sie Ihren API-Schlüssel in die Anführungszeichen ein. Ersetzen Sie dabei den Text REPLACE_BY_YOUR_TOKEN.

#5: Aktivieren und passen Sie den Sprachumschalter an

Der Link zum Linguise JS-Skript muss in alle Seiten Ihres Craft CMS integriert werden, um den Sprachumschalter mit Flags anzuzeigen und alternative URLs in Ihre HTML-Header aufzunehmen, um SEO-Vorteile zu nutzen.

Um den Skript-Link zu erhalten, navigieren Sie zu den Domäneneinstellungen im Linguise Dashboard und kopieren Sie den bereitgestellten Skript-Link von dort.

Eine einfache Möglichkeit, diesen Code in Craft CMS zu integrieren, besteht darin, ihn Ihrem Vorlagenindex hinzuzufügen. Greifen Sie auf den Ordner /template zu und bearbeiten Sie die Indexdatei, um den Skript-Link in den Header-Abschnitt aufzunehmen.

Um den Sprachumschalter, dargestellt durch das Flag-Popup zur Auswahl Ihrer gewünschten Sprache, anzuzeigen, können Sie ihn laden, indem Sie den bereitgestellten Code am Ende der Website-Konfiguration kopieren und in den Kopf Ihrer HTML-Seite einfügen. Diese Aktion ermöglicht das automatische Laden des Flag-Sprachumschalters.

Der Sprachumschalter wird zunächst im Standardformat angezeigt, Sie können ihn jedoch personalisieren. Passen Sie den Sprachumschalter über das Linguise Dashboard an, indem Sie auf Einstellungen > Anzeige der Sprachflaggen . Dieser Abschnitt enthält verschiedene Anpassungsoptionen, einschließlich der Hauptanzeige, Sprachnamen und Designelemente.

#6 Hauptanzeige konfigurieren

Um die Konfiguration des Sprachumschalters zu starten, gehen Sie im Linguise „Einstellungen“ > „Anzeige der Sprachflaggen“ .

In diesem Abschnitt können Sie verschiedene Einstellungen anpassen. Erstens gibt es die Hauptanzeigeeinstellungen, in denen Sie verschiedene Elemente ändern können, z.

Stil des Flaggensymbols: Sie können zwischen der Anzeige nebeneinander, einem Dropdown-Menü oder einem Popup wählen.
Position: Diese Einstellung bestimmt die Platzierung des Sprachumschalters auf Ihrer Website. Es gibt mehrere Positionsoptionen. Stellen Sie daher sicher, dass Sie eine auswählen, die für Besucher bequem zugänglich ist.

#7 Legen Sie das Flaggendesign fest

Nachdem Sie die Hauptanzeigeeinstellungen angepasst haben, können Sie das Design der angezeigten Flaggen anpassen.

Anzeige des Sprachnamens: Sie können den Sprachnamen entweder basierend auf dem Ländernamen oder der Sprache selbst anzeigen. Sie können beispielsweise „Französisch“ oder „Français“ anzeigen.
Englischer Flaggentyp: Diese Funktion kommt Sprachen mit mehreren Variationen zugute, z. B. US-amerikanisches oder britisches Englisch. Es gilt auch für Spanisch, Taiwanesisch, Deutsch und Portugiesisch.
Flaggenstil: Mit dieser Option können Sie die Form des Flaggensymbols auswählen, entweder rund oder rechteckig.

#8 Legen Sie Farbe und Größe fest

Sobald Sie die Konfiguration des Flaggendesigns abgeschlossen haben, können Sie mit der Anpassung der Farbe und Größe der Flaggen fortfahren. Nachfolgend finden Sie einige Einstellungen, die angepasst werden können.

Flaggenrandradius: Passen Sie den Rahmenradius für den rechteckigen Flaggenstil an, gemessen in Pixeln.
Farbe des Sprachnamens: Wählen Sie die Standardtextfarbe zur Anzeige des Namens aus.
Farbe der Popup-Sprache: Definieren Sie die Farbe für den Sprachtiteltext im Popup- oder Dropdown-Bereich.
Flaggengröße: Ändern Sie die Größe der Flaggensymbole.
Hover-Farbe für den Sprachnamen: Geben Sie die Textfarbe an, die angezeigt wird, wenn der Benutzer mit der Maus über den Sprachnamen fährt.
Hover-Farbe der Popup-Sprache: Bestimmen Sie die Textfarbe, die angezeigt wird, wenn der Benutzer mit der Maus über den Sprachtitel im Popup- oder Dropdown-Bereich fährt.

#9 Boxschatten konfigurieren

Zuletzt können Sie die Schatteneinstellungen der Flaggenbox anpassen. Mit der ersten Option können Sie jedem auf Ihrer Website angezeigten Flaggensymbol einen Schatteneffekt hinzufügen. Die folgende Option verwaltet den Schatteneffekt, wenn Benutzer mit der Maus über die Sprachflaggen fahren.

Wenn Sie alle erforderlichen Anpassungen vorgenommen haben, klicken Sie auf die Schaltfläche „Speichern“, um die Anpassungsänderungen zu übernehmen. Gehen Sie dann zu Ihrer Craft CMS -Website, um zu bestätigen, dass die Konfiguration erfolgreich angewendet wurde. So ungefähr wird der Sprachumschalter angezeigt.

Nach Abschluss des Einrichtungsvorgangs können Sie die Funktionalität des Sprachumschalters auf Ihrer mehrsprachigen Craft CMS Website beobachten.

Wir übersetzen die Craft CMS -Website dann automatisch in andere Sprachen wie Deutsch.

5 Tipps zur Optimierung des Sprachumschalters auf Craft CMS

Sobald Sie den Sprachumschalter auf Ihrer Craft CMS Website eingerichtet haben, ist es wichtig, die Best Practices für die Gestaltung eines Sprachwählers und seine Leistung zu verstehen, damit sowohl Ihre Website als auch die Besucher davon profitieren.

Verwenden Sie ein leicht erkennbares Sprachflaggenlogo

Die Verwendung allgemein anerkannter Sprachsymbole oder -flaggen ist von entscheidender Bedeutung, damit Besucher ihre bevorzugte Sprachoption schnell identifizieren und auswählen können. Stellen Sie sicher, dass die verwendeten Symbole oder Flaggen klar sind, einen guten Farbkontrast aufweisen und in allen Kulturen allgemein verständlich sind, um Verwirrung oder Mehrdeutigkeit zu vermeiden.

Vertraute Symbole oder Icons sorgen für ein intuitives und benutzerfreundliches Erlebnis, sodass Besucher problemlos zu der gewünschten Sprachversion navigieren können. Es ist äußerst wichtig, Symbole oder Flaggen auszuwählen, die allgemein bekannt sind, um Missverständnisse oder Verwirrung zu vermeiden.

Verwendung von Sprachnamen und Flaggen

Zusätzlich zur ausschließlichen Verwendung von Flags ist es ratsam, die Einbeziehung sowohl von Flags als auch der ursprünglichen Sprachnamen in Betracht zu ziehen. Dieser Ansatz kann dazu beitragen, Verwirrung zu vermeiden, da einige Sprachen in mehreren Ländern mit unterschiedlichen Flaggen gesprochen werden.

Durch die direkte Verwendung von Sprachnamen werden Mehrdeutigkeiten vermieden und sichergestellt, dass Besucher ihre gewünschte Sprache ohne Missverständnisse eindeutig identifizieren und auswählen können. Darüber hinaus kann die Verwendung von Sprachnamen integrativer und respektvoller gegenüber der kulturellen Vielfalt sein.

Platzieren Sie die Sprachumschalttaste strategisch

Platzieren wir die Schaltfläche zum Umschalten der Sprache an einer gut sichtbaren und leicht zugänglichen Stelle auf Ihrer Website. Zu den Standardplatzierungen gehören die Kopfzeile, die Fußzeile oder das Hauptnavigationsmenü. Diese Orte sind für die meisten Internetnutzer intuitiv und entsprechen ihren Erwartungen bei der Suche nach Sprachoptionen.

Eine konsistente Platzierung auf allen Seiten stellt sicher, dass Besucher unabhängig von ihrem Einstiegspunkt oder der spezifischen Seite, die sie besuchen, problemlos auf den Sprachumschalter zugreifen können. Diese konsistente Platzierung trägt dazu bei, ein reibungsloses und vorhersehbares Benutzererlebnis zu schaffen.

Implementieren Sie ein responsives Sprachumschalter-Design

Stellen Sie sicher, dass die Sprachumschalttaste reagiert und auf verschiedenen Geräten und Bildschirmgrößen, einschließlich Desktops, Tablets und Smartphones, gut funktioniert. Testen Sie es auf verschiedenen Geräten und Bildschirmauflösungen, um ein nahtloses Benutzererlebnis ohne Abschneiden oder Überlappen von Elementen zu gewährleisten.

Ein responsives Design stellt sicher, dass Besucher von jedem Gerät, das sie verwenden, problemlos auf Sprachoptionen zugreifen können, wodurch die Zugänglichkeit und der Komfort beim Sprachwechsel verbessert werden.

Stellen Sie sicher, dass der Sprachumschalter auf allen Seiten konsistent ist

Stellen Sie sicher, dass der Sprachumschalter ein einheitliches Erscheinungsbild und Verhalten auf Ihrer gesamten Website beibehält. Benutzer sollten in der Lage sein, die Sprache reibungslos zu wechseln, unabhängig von der Seite, auf der sie sich befinden, oder dem Inhalt, den sie ansehen. Konsistenz sorgt nicht nur für ein zusammenhängendes Benutzererlebnis, sondern stärkt auch die Zugänglichkeit und Verfügbarkeit von Sprachoptionen und schafft so Vertrauen in Ihre mehrsprachige Website.

Jede Inkonsistenz im Sprachumschalter kann Benutzer verwirren und frustrieren und möglicherweise dazu führen, dass sie Ihre Website verlassen.

Sind Sie bereit, neue Märkte zu erkunden? Testen Sie unseren automatischen Übersetzungsdienst kostenlos mit unserer einmonatigen, risikofreien Testversion. Keine Kreditkarte erforderlich!

Fordern Sie Ihre einmonatige kostenlose Testversion an

Richten Sie den Sprachumschalter auf Craft CMS mit Linguise ein!

An dieser Stelle sollten Sie erkennen, dass Sie den Sprachumschalter für eine mehrsprachige Craft CMS Website konfigurieren. Die Einrichtung eines Sprachumschalters kann verschiedene Vorteile bieten und anhand der zuvor genannten Punkte fein abgestimmt werden.

Durch die Optimierung des Sprachumschalters kann die allgemeine Benutzererfahrung erheblich verbessert werden. als Nächstes für ein Linguise Konto , integrieren Sie es in Ihre Craft CMS Website und optimieren Sie den Sprachumschalter, um das Benutzererlebnis noch weiter zu verbessern.

So richten Sie einen Sprachumschalter in Craft CMS ein

Es ist wichtig, einen Sprachumschalter auf Craft CMS einzurichten

So richten Sie einen Sprachumschalter in Craft CMS ein

#1: Registrieren Sie sich für ein kostenloses Linguise Konto

#2: Domain-Website Craft CMS hinzufügen

#4: Laden Sie das Linguise -Skript hoch

#5: Aktivieren und passen Sie den Sprachumschalter an

#6 Hauptanzeige konfigurieren

#7 Legen Sie das Flaggendesign fest

#8 Legen Sie Farbe und Größe fest

#9 Boxschatten konfigurieren

5 Tipps zur Optimierung des Sprachumschalters auf Craft CMS

Verwenden Sie ein leicht erkennbares Sprachflaggenlogo

Verwendung von Sprachnamen und Flaggen

Platzieren Sie die Sprachumschalttaste strategisch

Implementieren Sie ein responsives Sprachumschalter-Design

Stellen Sie sicher, dass der Sprachumschalter auf allen Seiten konsistent ist

Richten Sie den Sprachumschalter auf Craft CMS mit Linguise ein!

Vielleicht sind Sie auch an einer Lektüre interessiert

Kantonesisch vs. Mandarin, was ist der Unterschied?

Webflow eCommerce: 5+ Tipps zur Erreichung internationaler Märkte

So wählen Sie das beste WooCommerce-Übersetzungs-Plugin für Ihren mehrsprachigen Shop aus (+Einrichtung)

Legal

Unterstützung

Produkt