Déploiement de MultiLipi sur Shopify

Transformez votre vitrine en moteur de vente mondial.

Shopify est conçu pour le commerce, mais une véritable échelle mondiale nécessite bien plus que la simple conversion de devises. En intégrant MultiLipi, vous déployez un Infrastructure de traduction neuronale qui localise toute votre vitrine — des descriptions des produits aux flux de paiement — tout en gérant automatiquement les signaux SEO complexes nécessaires pour classer vos produits sur les marchés étrangers.

Ce guide détaille le processus d’intégration avec Shopify theme.liquid architecture.

1. Prérequis de déploiement

Avant de modifier votre thème, assurez-vous de posséder les références suivantes :

Clé API MultiLipi

Localisez cela dans votre tableau de bord sous Paramètres > Général .

Accès administrateur Shopify

Vous devez avoir des autorisations pour modifier les thèmes.

2. Étape 1 : Accéder à l’architecture thématique

Nous injecterons le moteur de traduction directement dans le fichier global de mise en page de votre boutique pour garantir qu’il se charge sur chaque page (Produits, Collections, Pages).

1
Connectez-vous à votre Panneau d’administration Shopify .
2
Accédez à Boutique en ligne > thèmes .
3
Localisez votre thème actif ( En direct ) et cliquez sur le Trois Points (⋮) bouton.
4
Choisir Code d’édition .

Interface d’administration Shopify affichant la page > Thèmes de la boutique en ligne, avec le thème Dawn marqué comme thème actuel et un bouton Personnaliser mis en surbrillance

3. Étape 2 : Injecter le script d’infrastructure

1
Dans le répertoire des fichiers (barre latérale gauche), localisez le Disposition Dossier.
2
Ouvre theme.liquid . Voici le modèle maître pour votre vitrine.
3
Faites défiler vers le bas pour trouver la clôture </head> étiquette.

L’éditeur de thèmes Shopify affichant le bouton Modifier le code est mis en surbrillance dans le menu de personnalisation du thème Dawn

Action : Coller le script de connexion

Collez immédiatement le script de connexion suivant ci-dessus le </head> Tag :

HTML

<script 
  src="https://multilipistorage.blob.core.windows.net/static/js/page_translations.js" 
  key="YOUR_API_KEY_HERE"
></script>

⚠️Configuration critique

• Remplacer YOUR_API_KEY_HERE avec la clé API réelle copiée depuis votre tableau de bord MultiLipi.
• Cliquer Sauvegarder Dans le coin supérieur droit.

L’éditeur de code Shopify affichant le fichier theme.liquid avec injection de script MultiLipi avant la fermeture de l’étiquette de tête, surligné dans la case bleue à la ligne 308-309

4. Étape 3 : Validation et lancement

Une fois sauvegardée, l’infrastructure est opérationnelle.

Vitrine ouverte

Naviguez vers l’URL de votre site web en direct.

Verify UI

Vous devriez voir le Language Switcher ancré dans le coin inférieur gauche (position par défaut).

Traduction par test

Changez de langue cible. Vérifiez que les titres des produits, les descriptions et les boutons « Ajouter au panier » se traduisent instantanément.

Protocole de dépannage

•
Vous ne voyez pas le switcher ? Assurez-vous que le script est au-dessus de la clôture </head> Tag, pas en dessous.
•
Mise en cache : Si vous utilisez une application de cache tierce, purgez le cache.
•
Incognito : Testez dans une fenêtre incognito/privée pour contourner la mise en cache locale du navigateur.

5. Prochaines étapes : optimisation commerciale

Maintenant que le moteur fonctionne, optimisez-le pour les ventes :

Verrouillez votre marque

Utilisez le glossaire pour empêcher que les noms de produits ou les termes déposés ne soient traduits littéralement.

SEO Activation

Assurez-vous que la « Traduction Slug » est activée dans vos paramètres MultiLipi afin que vos URL de produits (par exemple, /produits/chaussures-rouges ) deviennent des mots-clés indexés dans les marchés cibles (par exemple, /produits/zapatos-rojos ).

Alignement de vérification

Vérifiez que vos paramètres de paiement sur Shopify permettent des champs localisés si vous utilisez Shopify Plus.

MultiLipi - Guide d’intégration Shopify