Standard-Übersetzungs-Plugins verschlechtern oft die WooCommerce-Leistung, indem sie für jedes Produkt in jeder Sprache doppelte Beitragseinträge erstellen. MultiLipi eliminiert diesen Kopfaufwand. Indem Sie unser Commerce Infrastructure Script in Ihren Theme-Header einfügen, ermöglichen Sie eine Echtzeit-Neuralübersetzung für Ihren gesamten Katalog – inklusive Warenkorb, Kasse und dynamische Feeds – ohne die Antwortzeiten Ihres Servers zu beeinträchtigen.

Dieser Leitfaden beschreibt den Integrationsprozess unter Verwendung der Standard-WordPress/WooCommerce-Theme-Architektur.

1. Einsatzvoraussetzungen

Bevor Sie Ihre Theme-Dateien bearbeiten, stellen Sie sicher, dass Sie Folgendes haben:

Admin-Zugriff

FTP/SFTP-Zugriff oder Berechtigungen zur Nutzung des WordPress Theme File Editor.

Kinderthema (Empfohlen)

Wir empfehlen dringend, diese Änderungen im Kinderthema vorzunehmen. Wenn du das Parent Theme direkt bearbeitest, können deine Änderungen während eines Theme-Updates überschrieben werden.

MultiLipi API Key

Befindet sich in deinem Dashboard unter Einstellungen > Allgemein.

2. Schritt 1: Zugang zur Theme-Architektur

Wir werden das Skript in den globalen Header (header.php) einfügen, um sicherzustellen, dass es vor den WooCommerce-Kart-Fragmenten lädt.

Option A: WordPress-Admin verwenden (am einfachsten)

Melden Sie sich in Ihrem WordPress-Dashboard an.
Navigieren Sie zu Aussehen > Theme-Dateieditor .
In der rechten Dateiliste finden Sie dort Thema-Header (header.php) .

Option B: Verwendung von FTP/CPanel (Fortgeschritten)

Navigieren Sie zu /wp-content/themes/your-active-theme/ .
Offen header.php .

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

Scrollen Sie durch header.php um den Abschluss zu finden </head> Etikett.

Action: Fügen Sie den folgenden Infrastrukturblock direkt über das </head> Zeile.

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 YOUR_API_KEY_HERE mit deinem echten MultiLipi API Key.
Anmerkung: Das Data-pos-x und data-pos-y Attribute steuern die Standardposition des Widgets. Du kannst diese Werte (0-100) so anpassen, dass der schwebende Schalter überlappt, wenn er mit deinen "Chat"- oder "Back to Top"-Tasten überlappt.

Klicken Aktualisierungsdatei (oder speichert per FTP).

4. Schritt 3: Validierung und Funnel-Tests

Der Handel erfordert strenge Tests. Überprüfen Sie die Integration über die gesamte Käuferreise.

Cache löschen

Wenn du WP Rocket, W3 Total Cache oder Server-Level-Caching (Varnish/Nginx) verwendest, lösche sofort alle Caches.

Visuelle Überprüfung

Laden Sie Ihren Laden auf. Der Sprachumschalter sollte in der konfigurierten Position erscheinen (standardmäßig unten links).

Checkout-Verifizierung

Fügen Sie ein Produkt in den Warenkorb. Wechsel die Sprache. Gehen Sie zur Kasse.

Erfolgskriterien:

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

5. Handelsoptimierung

MultiLipi ist darauf ausgelegt, dynamische WooCommerce-Elemente direkt aus der Box zu verarbeiten.

⚡

Null-Datenbank-Last

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

🛒

Dynamische Wagenfragmente

Unsere Engine erkennt automatisch AJAX-Karten-Updates (z. B. wenn ein Nutzer die Menge ändert) und übersetzt die neuen Gesamtsummen sofort.

🎯

SEO-Automatisierung

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

MultiLipi – Anleitung zur WooCommerce-Integration