Les plugins de traduction standard dégradent souvent les performances de WooCommerce en créant des entrées de publication dupliquées pour chaque produit dans chaque langue. MultiLipi élimine cette surcharge. En injectant notre script d'infrastructure commerciale dans l'en-tête de votre thème, vous activez la traduction neuronale en temps réel pour l'ensemble de votre catalogue — y compris le panier, la caisse et les flux dynamiques — sans impacter les temps de réponse de votre serveur.
Ce guide détaille le processus d'intégration en utilisant l'architecture standard des thèmes WordPress/WooCommerce.
1. Prérequis de déploiement
Avant de modifier les fichiers de votre thème, assurez-vous d'avoir :
Accès administrateur
Accès FTP/SFTP ou les permissions pour utiliser l'éditeur de fichiers de thèmes WordPress.
Thème enfant (recommandé)
Nous vous recommandons vivement d'apporter ces modifications dans un thème enfant. Si vous modifiez directement le thème parent, vos modifications pourraient être écrasées lors d'une mise à jour du thème.
Clé API MultiLipi
Situé dans votre tableau de bord sous Réglages > Général.
2. Étape 1 : Accéder à l'architecture du thème
Nous allons injecter le script dans l'en-tête global (header.php) pour nous assurer qu'il se charge avant les fragments du panier WooCommerce.
Option A : Utilisation de l'administrateur WordPress (le plus simple)
- Connectez-vous à votre tableau de bord WordPress.
- Naviguer vers Apparence > Éditeur de fichiers du thème.
- Dans la liste des fichiers à droite, localisez En-tête du thème (header.php).
Option B : Utilisation de FTP/CPanel (avancé)
- Naviguer vers
/wp-content/themes/votre-theme-actif/. - Ouvrir header.php.
3. Étape 2 : Injecter le script de commerce
Faites défiler header.php pour trouver la fermeture .
Action : Collez le bloc d'infrastructure suivant immédiatement avant la ligne ligne.
⚠️ Configuration critique :
- Remplacer
VOTRE_CLE_API_ICIavec votre clé API MultiLipi réelle. - Remarque : Le
data-pos-xetdata-pos-yLes attributs contrôlent la position par défaut du widget. Vous pouvez ajuster ces valeurs (0-100) pour déplacer le sélecteur flottant s'il chevauche vos boutons "Chat" ou "Remonter".
Cliquer Mettre à jour le fichier (ou Enregistrer via FTP).
4. Étape 3 : Validation et tests de tunnel
Le commerce électronique nécessite des tests rigoureux. Vérifiez l'intégration tout au long du parcours de l'acheteur.
Vider les caches
Si vous utilisez WP Rocket, W3 Total Cache ou une mise en cache au niveau du serveur (Varnish/Nginx), videz tous les caches immédiatement.
Vérification visuelle
Rechargez votre vitrine. Le sélecteur de langue devrait apparaître dans la position configurée (par défaut en bas à gauche).
Vérification du paiement
Ajoutez un produit au panier. Changez de langue. Passez au paiement.
Critères de succès :
Assurez-vous que les champs de paiement (Adresse de facturation, Moyens de paiement) sont traduits et fonctionnels.
5. Optimisation du commerce électronique
MultiLipi est conçu pour gérer les éléments dynamiques de WooCommerce dès sa sortie de la boîte.
Charge nulle de la base de données
Contrairement à WPML ou Polylang, nous ne créons pas de publications distinctes pour chaque traduction de produit. Votre base de données reste légère, garantissant des requêtes rapides.
Fragments de panier dynamiques
Notre moteur détecte automatiquement les mises à jour du panier AJAX (par exemple, lorsque l'utilisateur modifie la quantité) et traduit instantanément les nouveaux totaux.
Automatisation SEO
Nous générons automatiquement des balises hreflang pour vos pages produits, garantissant que Google Shopping et les moteurs de recherche locaux indexent vos articles dans le bon contexte de devise et de langue.