Standard-Übersetzungs-Plugins verschlechtern oft die WooCommerce-Leistung, indem sie für jedes Produkt in jeder Sprache doppelte Beitrags-Einträge erstellen. MultiLipi eliminiert diesen Overhead. Durch das Einfügen unseres Commerce Infrastructure Scripts in Ihren Theme-Header ermöglichen Sie Echtzeit-Übersetzung für Ihren gesamten Katalog – inklusive Warenkorb, Kasse und dynamischer Feeds – ohne die Server-Antwortzeiten zu beeinträchtigen.

Diese Anleitung beschreibt den Integrationsprozess unter Verwendung der Standard-WordPress/WooCommerce-Theme-Architektur.

1. Voraussetzungen für die Bereitstellung

Stellen Sie sicher, dass Sie Folgendes haben, bevor Sie Ihre Theme-Dateien bearbeiten:

Admin-Zugang

FTP/SFTP-Zugang oder Berechtigungen zur Nutzung des WordPress Theme File Editors.

Child Theme (Empfohlen)

Wir empfehlen dringend, diese Änderungen in einem Child-Theme vorzunehmen. Wenn Sie das Parent-Theme direkt bearbeiten, können Ihre Änderungen bei einem Theme-Update überschrieben werden.

MultiLipi API-Schlüssel

Befindet sich in Ihrem Dashboard unter Einstellungen > Allgemein.

2. Schritt 1: Zugriff auf die Theme-Architektur

Wir werden das Skript in den globalen Header (header.php) einfügen, um sicherzustellen, dass es vor den WooCommerce-Cart-Fragmenten geladen wird.

Option A: Über den WordPress-Admin (am einfachsten)

Melden Sie sich in Ihrem WordPress-Dashboard an.
Navigieren Sie zu Darstellung > Theme-Datei-Editor.
Suchen Sie in der Dateiliste auf der rechten Seite nach Theme-Header (header.php).

Option B: Über FTP/CPanel (Fortgeschritten)

Navigieren Sie zu /wp-content/themes/ihr-aktives-theme/.
Öffnen header.php.

3. Schritt 2: Das Commerce-Skript einfügen

Scrollen Sie durch header.php um das schließende zu finden </head> .

Aktion: Fügen Sie den folgenden Infrastrukturblock unmittelbar über der </head> Zeile ein.

HTML

<script 
    src="https://multilipistorage.blob.core.windows.net/static/JS/page_translations.js" 
    multilipi-key="YOUR_API_KEY_HERE" 
    mode="auto" 
    data-pos-x="50" 
    data-pos-y="50" 
    crossorigin="anonymous">
</script>

⚠️ Kritische Konfiguration:

Ersetzen IHREN_API_SCHLÜSSEL_HIER mit Ihrem tatsächlichen MultiLipi API-Schlüssel.
Hinweis: Die data-pos-x und data-pos-y Attribute steuern die Standardposition des Widgets. Sie können diese Werte (0-100) anpassen, um den schwebenden Schalter zu verschieben, falls er sich mit Ihren Schaltflächen „Chat“ oder „Nach oben“ überschneidet.

Klicken Sie auf Datei aktualisieren (oder via FTP speichern).

4. Schritt 3: Validierung & Trichterprüfung

Commerce erfordert rigorose Tests. Überprüfen Sie die Integration über die gesamte Käuferreise hinweg.

Caches leeren

Wenn Sie WP Rocket, W3 Total Cache oder Caching auf Serverebene (Varnish/Nginx) verwenden, leeren Sie sofort alle Caches.

Visuelle Prüfung

Laden Sie Ihr Frontend neu. Der Sprachumschalter sollte an der konfigurierten Position erscheinen (standardmäßig unten links).

Kassenprüfung

Legen Sie ein Produkt in den Warenkorb. Wechseln Sie die Sprache. Fahren Sie mit der Kasse fort.

Erfolgskriterien:

Stellen Sie sicher, dass die Kassenfelder (Rechnungsadresse, Zahlungsmethoden) übersetzt und funktionsfähig sind.

5. Commerce-Optimierung

MultiLipi ist darauf ausgelegt, dynamische WooCommerce-Elemente sofort zu verarbeiten.

⚡

Null-Datenbanklast

Im Gegensatz zu WPML oder Polylang erstellen wir keine separaten Beiträge für jede Produktübersetzung. Ihre Datenbank bleibt schlank und sorgt für schnelle Abfragen.

🛒

Dynamische Warenkorb-Fragmente

Unsere Engine erkennt automatisch AJAX-Warenkorb-Aktualisierungen (z. B. wenn ein Benutzer die Menge ändert) und übersetzt die neuen Summen sofort.

🎯

SEO-Automatisierung

Wir generieren automatisch hreflang-Tags für Ihre Produktseiten, damit Google Shopping und lokale Suchmaschinen Ihre Artikel im richtigen Währungs- und Sprachkontext indexieren.

MultiLipi – WooCommerce Integrationsleitfaden