In diesem Beitrag
Suchen Sie nach einer einfachen Möglichkeit, einen mehrsprachigen WooCommerce-Shop zu erstellen?
Die Übersetzung Ihres Shops ist eine großartige Möglichkeit, das Einkaufserlebnis zu verbessern und durch Ihre Marketingbemühungen neue potenzielle Kunden zu erreichen. Aber wenn Sie vollständig übersetzen und lokalisieren Ihrem Shop benötigen Sie die Hilfe des richtigen Plugins.
In diesem Beitrag sprechen wir über einige Vorteile der Übersetzung Ihres Shops. Anschließend zeigen wir Ihnen Schritt für Schritt, wie Sie ein WooCommerce-Mehrsprachigkeitsplugin verwenden, um Ihren gesamten Shop zu übersetzen und Besuchern die Auswahl ihrer bevorzugten Sprache(n) zu ermöglichen.
Bis zum Ende dieses Beitrags werden Sie in der Lage sein, einen einfachen visuellen Übersetzungseditor wie den folgenden zu verwenden, um Ihren gesamten Shop zu übersetzen:
Die drei großen Vorteile der Übersetzung Ihres WooCommerce-Shops
Es gibt einige allgemeine Vorteile, die das Anbieten eines mehrsprachigen Shops mit sich bringt, sowie einige E-Commerce-spezifische Vorteile.
1. Bessere Benutzererfahrung
Wie zu erwarten, würden die meisten Menschen Websites lieber in ihrer Muttersprache durchsuchen. Tatsächlich, Neun von zehn Europäern nutzen stets eine Website in ihrer eigenen Sprache, sofern diese verfügbar ist, und jeder fünfte Europäer nutzt eine Website gar nicht erst, wenn sie nicht in seiner Sprache angeboten wird.
Wenn Ihr Geschäft ein mehrsprachiges Publikum hat, was in vielen Regionen üblich ist, können Sie diesem ein besseres Erlebnis bieten, indem Sie Ihr Geschäft in dessen bevorzugte Sprache übersetzen.
2. Verbessertes SEO und Marketing
Die Erstellung eines mehrsprachigen WooCommerce-Shops ist nicht nur gut für Ihre bestehenden Kunden – sie hilft Ihnen auch dabei, neue Käufer zu erreichen, indem sie Ihnen die Möglichkeit gibt, Ihre Produkt- und Archivseiten bei Google in neuen Sprachen zu ranken.
Im Wesentlichen verdoppeln Sie durch die Übersetzung Ihrer Website in nur eine neue Sprache den Pool an potenziellen Keywords, für die Ihr Shop ranken kann. Sie werden feststellen, dass viele große E-Commerce-Shops dies mit großer Wirkung nutzen. Etsy ist ein hervorragendes Beispiel, das seine Kategorie-Archivseiten häufig in verschiedenen Sprachen rankt.
3. Mehr potenzielle Kunden
Zuvor haben Sie gelernt, dass die meisten Menschen es vorziehen, im Web in ihrer Muttersprache zu surfen, und einige Menschen überhaupt nicht in anderen Sprachen surfen.
Nun, dasselbe gilt für den E-Commerce. In genau demselben Umfrage Wie oben erwähnt, gaben 42% der Befragten außerdem an, dass sie niemals Kaufen Kunden Produkte in Geschäften in verschiedenen Sprachen, bedeutet das, dass Ihnen potenzielle Kunden entgehen könnten, wenn Sie Ihre Produkte in Regionen versenden, in denen eine andere Sprache gesprochen wird.
Durch die Übersetzung Ihrer Website geben Sie Ihrem Shop die Chance, diese Kunden zu konvertieren.
Wie können Sie also Ihren mehrsprachigen Shop erstellen? Kommen wir als Nächstes zur praktischen Umsetzung.
Was Sie für eine mehrsprachige WooCommerce-Website benötigen
Um Ihr Geschäft in mehreren Sprachen anzubieten, können Sie das TranslatePress-Plugin. Mit TranslatePress können Sie 100% Ihrer Website in eine oder mehrere neue Sprachen übersetzen, einschließlich Ihres gesamten WooCommerce-Shops. Das Plugin lässt sich sofort mit WooCommerce integrieren – Sie müssen sich weder mit Einstellungen herumschlagen noch ein zusätzliches Integrations-Plugin verwenden.
Sie können eine einfache visuelle Benutzeroberfläche wie diese verwenden, um alle Ihre Übersetzungen zu verwalten:
Sie können verwenden die kostenlose Version von TranslatePress auf WordPress.org folgen am meisten dieses Tutorials. Bereits mit der kostenlosen Version können Sie den gesamten Front-End-Inhalt Ihres Shops in eine neue Sprache übersetzen. Dies umfasst sowohl Ihre einzelnen Produkte als auch Ihre Shop-Archivseiten.
Die kostenlose Version bietet Ihnen außerdem die Möglichkeit, mit Google Translate automatische Übersetzungen zu erstellen (den Sie bei Bedarf anschließend manuell verfeinern können).
Es gibt jedoch einige Gründe, warum Sie vielleicht auf mindestens das Personal Plan:
- Mit dem SEO-Pack-Addon (Prämie), können Sie die SEO-Titel, Meta-Beschreibungen, URL-Slugs und andere wichtige Elemente Ihres Shops übersetzen in Optimieren Sie die mehrsprachige SEO Ihres Shops. Im Grunde, wenn Sie wollen, SEO-VorteileDeepL-Integration in TranslatePress verfügbar wenn Sie Ihren Shop übersetzen, werden Sie dieses Add-on wollen.
- Sie können Ihre Website in mehrere neue Sprachen übersetzen, während die kostenlose Version eine einzige neue Sprache unterstützt. Mit der kostenlosen Version haben Sie beispielsweise Englisch (Standard) und Spanisch (neue Übersetzung). Wenn Sie jedoch zusätzlich zu diesen beiden Sprachen auch deutsche Übersetzungen hinzufügen möchten, benötigen Sie die kostenpflichtige Version.
Bei Tarifen höherer Stufen erhalten Sie außerdem Funktionen für:
- Verwende DeepL für die automatische Übersetzung (Die kostenlose Version unterstützt Google Übersetzer, jedoch).
- Leiten Sie Käufer automatisch basierend auf ihrer Browsersprache und/oder ihrer Geolocation zu ihrer lokalen Sprache weiter.
- Erstellen Sie völlig unterschiedliche Navigationsmenüs basierend auf der Sprache (die kostenlose Version ermöglicht es Ihnen Übersetzen Sie Ihre Menüpunkte, aber Sie können keine verschiedenen Menüpunkte verwenden – nur übersetzte Menüpunkte).
TranslatePress Mehrsprachig
Erstellung einer mehrsprachigen WooCommerce-Website
Gehen wir nun Schritt für Schritt durch, wie Sie beginnen können, Ihren Shop in einer oder mehreren neuen Sprachen anzubieten.
Bevor Sie mit diesem Tutorial beginnen, setzen wir nur zwei Dinge voraus:
- Sie haben bereits einen funktionierenden WooCommerce-Shop in der Landessprache Ihres Shops. Wenn Sie noch nicht einmal einen Shop haben, können Sie Folge diesem Tutorial, um deinen einfachen WooCommerce-Shop zu erstellen.
- Sie haben installiert und aktiviert das kostenlose TranslatePress-Plugin von WordPress.org.
1. Sprachen wählen
Sobald Sie das Plugin installiert und aktiviert haben, gehen Sie zu Einstellungen → TranslatePress um Ihre gewünschte(n) Sprache(n) auszuwählen:
2. (Optional) Automatische Übersetzung einrichten
Dieser Schritt ist 100% optional.
Wenn Sie jedoch etwas Zeit sparen möchten, können Sie maschinelle Übersetzung nutzen, um Ihren WooCommerce-Shop automatisch zu übersetzen. Dadurch werden die Basisübersetzungen Ihrer Website eingerichtet. Später können Sie dann jederzeit zu den Übersetzungen zurückkehren und sie bei Bedarf manuell bearbeiten, indem Sie dem Rest dieses Tutorials folgen.
Wenn Sie keine automatische Übersetzung verwenden, wird der Rest des Tutorials ebenfalls derselbe sein – der einzige Unterschied besteht darin, dass Sie keine Ausgangsübersetzungen haben, mit denen Sie arbeiten können – Sie müssen jede Übersetzung von Grund auf neu hinzufügen.
Falls Sie doch eine automatische Übersetzung nutzen möchten, unterstützt TranslatePress zwei verschiedene Dienste:
- Google Translate – in der kostenlosen Version auf WordPress.org erhältlich.
- DeepL – erfordert das DeepL-Add-on auf dem TranslatePress Business Plan.
Um Ihren Dienst auszuwählen und einzurichten, gehen Sie auf die Automatische Übersetzung Registerkarte in den TranslatePress-Einstellungen:
Weitere Einzelheiten zur Konfiguration der automatischen Übersetzung finden Sie in diesen Anleitungen:
- Wie übersetze ich WordPress automatisch
- So richten Sie Google Translate mit TranslatePress ein
- So richten Sie DeepL mit TranslatePress ein
3. Konfigurieren Sie den Sprachumschalter Ihres Shops
Um Ihren Kunden die Auswahl ihrer bevorzugten Sprachen zu erleichtern, macht es TranslatePress ganz einfach, Füge einen Frontend-Sprachumschalter hinzu zu Ihrem Geschäft.
Standardmäßig fügt TranslatePress in der unteren rechten Ecke einen schwebenden Sprachumschalter hinzu – hier ist ein Beispiel dafür, wie dieser aussieht:
Wenn Sie möchten, können Sie diesen Sprachumschalter auch an anderen Stellen platzieren, beispielsweise in Ihrem Navigationsmenü, Ihrer Seitenleiste oder an einer beliebigen anderen Stelle. TranslatePress verfügt über eine eigene Option im WordPress-Menü-Editor (Darstellung → Menüs) und ein dediziertes Widget (Darstellung → Widgets).
Hier ist ein Beispiel dafür, wie es stattdessen mit einem Menü-Sprachumschalter aussehen könnte:
Alternativ können Sie Ihren Sprachumschalter auch manuell per Shortcode oder PHP-Funktion einbinden.
Du erhältst außerdem Einstellungen, um das Erscheinungsbild des Sprachumschalters im Allgemein Registerkarte der TranslatePress-Einstellungen. Dort können Sie beispielsweise Länderflaggen ein- oder ausblenden, zwischen der Anzeige von Sprachnamen und zweistelligen Sprachcodes wählen und vieles mehr:
4. Übersetzen Sie die Inhalte Ihres Shops
In diesem Abschnitt zeigen wir Ihnen zunächst den grundlegenden Ablauf, wie die Übersetzung beliebiger Inhalte mit TranslatePress funktioniert – von Blogbeiträgen über E-Commerce-Produkte bis hin zu Landingpages aus dem Page Builder und vielem mehr. Anschließend zeigen wir Ihnen, wie Sie diesen Editor auf bestimmte Bereiche Ihres Shops anwenden können (obwohl der Grundprozess derselbe sein wird).
Um den visuellen Editor von ’TranslatePress“ zu öffnen, rufen Sie zunächst die Seite auf, die Sie bearbeiten möchten – und zwar im Frontend Ihrer Website. Das kann ein einzelnes Produkt, Ihre Shop-Seite, Ihre Startseite usw. sein.
Klicken Sie dann auf Seite übersetzen WordPress-Werkzeugleiste
Dadurch wird der visuelle Übersetzungseditor gestartet, der dem WordPress Customizer sehr ähnelt:
- Sie verwalten Übersetzungen in der Seitenleiste links.
- Sie sehen rechts eine Live-Vorschau Ihres WooCommerce-Shops.
Um Inhalte zu übersetzen, fahren Sie einfach in der Live-Vorschau mit der Maus darüber und klicken auf das Stiftsymbol. Dadurch wird die Übersetzung in der Seitenleiste geöffnet. Von dort aus können Sie Ihre gewünschte Übersetzung eingeben. Oder, falls Sie eine automatische Übersetzung verwendet haben, wird die Übersetzung von Ihrem Übersetzungsdienst vorausgefüllt:
Und das war im Grunde auch schon alles! Sie werden denselben grundlegenden Ansatz für Ihren gesamten Shop verwenden. Schauen wir uns einige konkrete Beispiele an…
So übersetzen Sie ein einzelnes Produkt
Wir haben Ihnen im obigen Beispiel bereits gezeigt, wie Sie den Titel eines einzelnen Produkts übersetzen. Sie können denselben Ansatz für den restlichen Text des einzelnen Produkts verwenden.
Eine bemerkenswerte Sache ist jedoch, dass Sie auch Ihre Produktbilder “übersetzen” können, was nützlich sein könnte, wenn Ihre Produktbilder Text enthalten oder anderweitig lokalisiert werden müssen. Genau wie beim Text können Sie mit der Maus über das Bild fahren, das Sie übersetzen möchten, und auf das Stiftsymbol klicken:
Wie man WooCommerce Gettext übersetzt (In den Warenkorb, Warenkorb, Kasse usw.)
Dein WooCommerce-Shop wird bestimmte Textelemente enthalten, die sich im gesamten Shop wiederholen. Zum Beispiel erscheint der “In den Warenkorb”-Button auf jeder Produktseite, ebenso wie andere Texte wie Verkaufsbenachrichtigungen, Kategorieüberschriften, Produktdetailüberschriften usw.
Sie haben auch Ihre Kernseiten, wie das Herzstück Ihres Warenkorbs und Ihrer Checkout-Seiten.
Diese Strings kommen direkt von WooCommerce und sind das, was man als gettext Strings. Das Schöne ist, dass diese Gettext-Strings nach einmaliger Übersetzung automatisch auf alle Instanzen angewendet werden.
Wenn Sie zudem eine Sprache verwenden, die WooCommerce bereits unterstützt, füllt TranslatePress diese Übersetzungen automatisch aus dem WooCommerce-Sprachpaket aus, was Ihnen Zeit spart.
When editing these gettext strings, the only differences are that:
- TranslatePress will mark them with a green pencil icon (rather than the regular blue icon).
- You can edit the text in beide your original language and your destination language(s).
Your shopping cart and checkout also use these gettext strings, which means that TranslatePress will automatically pre-fill their translations from the WooCommerce language pack (if available). You can still go through and manually edit them if desired, though.
How to Translate WooCommerce Shop Page
To translate your shop page and other archive pages, you can open the TranslatePress editor just as you did before.
You’ll notice that, if you already translated a single product, TranslatePress will automatically translate the product title in all instances, including on your archive pages. That is, you don’t need to duplicate any of your work.
You can see that our “lemon shirt” example is already using the Spanish-language translation from when we edited its single product page.
For other text that’s unique to your archive pages, all you need to do is click on it, just like you saw before:
How to Translate SEO Elements
As we covered in the benefits section, one positive outcome of making WooCommerce multi language is the ability to rank your translated product/shop pages in Google.
However, to do this, you’ll want to also translate your store’s behind-the-scenes metadata such as:
- SEO titles
- Meta-Beschreibungen
- URL-Slugs
- Social graph information
While everything that we showed you above is free, you’ll need the SEO Pack addon to translate these elements. You can get access to the addon via the Personal Lizenz.
Once you purchase and install the addon, you can translate sitewide SEO options in the regular TranslatePress editor.
To translate SEO metadata, URL slugs, and social media information for individual products, you can use the regular visual editor. With the SEO Pack addon installed, you can use the Metainformationen section of the string translation drop-down to edit this metadata:
That will open the metadata in the sidebar just like your other translations:
You’ll only see this option if you’ve installed the SEO Pack addon.
To edit more URL slugs, click on the Zeichenfolgenübersetzung Registerkarte, wie unten gezeigt.
This will open a new interface where you can translate all of the URL slugs for your store:
How to Translate Other Parts of Your Store
Finally, remember that TranslatePress isn’t just limited to WooCommerce. You can also use it to translate other parts of WordPress – here are some examples:
- Editor (Gutenberg) Blöcke
- Benutzerdefinierte Felder
- Benutzerdefinierte Beitragstypen
- WordPress Formulare
- WordPress Menüs
- Bilder
- Popup-Inhalt
- Schieberegler
Erstellen Sie noch heute einen mehrsprachigen WooCommerce-Shop!
By translating your WooCommerce store, you can:
- Offer a better shopping experience for existing visitors who would prefer to browse your store in their native languages (and won’t purchase from stores in other languages).
- Reach new visitors by ranking your translated content for new keywords in Google (Mehrsprachige SEO) and also opening the chance for your content to get shared in new languages.
To translate your store, you’ll need the help of a WooCommerce multi language plugin like TranslatePress.
TranslatePress lets you translate all of your store’s front-end content into one new language for free – give the free version a try and see how it works for you.
Then, if you want to improve your store’s multilingual SEO, translate your store into unlimited new languages, and gain access to other new features, Auf die Premium-Version von TranslatePress upgraden.
