Thème Shopify arabe RTL : polices, traduction, bilingue

Un thème Shopify entièrement arabe signifie quatre couches qui fonctionnent ensemble : la direction de page de droite à gauche (RTL), une police arabe lisible et rapide, la traduction de chaque chaîne du thème, du menu jusqu’au checkout, et la traduction du contenu des produits et des collections. La plupart des boutiques arabes sur Shopify ne complètent qu’une ou deux de ces couches, si bien que la boutique a l’air traduite plutôt que native. Ce guide explique comment nous localisons les thèmes pour les boutiques de nos clients, la différence entre Hyper, Dawn et les autres, et comment construire une boutique bilingue arabe/anglais sans erreur.

Première couche : la direction de page RTL

L’arabe s’écrit de droite à gauche, ce qui signifie que le menu, le logo, le panier, les carrousels et les flèches doivent tous être inversés. Sur Shopify, cela dépend du thème :

Thème	Prise en charge du RTL	Ce qu’il faut faire
Hyper	Option RTL intégrée dans les réglages du thème	Ajustements légers de police et d’espacement
Kalles	Prise en charge RTL intégrée	Vérification de certaines sections personnalisées
Dawn (gratuit)	Pas d’option prête	Modifications CSS de la mise en page, des icônes et des carrousels
Impulse et autres thèmes	Variable selon la version	Tests page par page avant de s’y fier

Lorsqu’un thème n’a pas d’option RTL, le développeur ajoute l’attribut dir="rtl" à l’élément de page et utilise les propriétés logiques CSS (margin-inline, padding-inline, text-align: start) au lieu de gauche et droite fixes, puis vérifie chaque section sur mobile et sur ordinateur. Un comparatif des thèmes selon leur compatibilité avec l’arabe se trouve dans les meilleurs thèmes Shopify pour les boutiques arabes et du Golfe.

Deuxième couche : la police arabe

La police est ce qui fait qu’une boutique paraît professionnelle ou amateur. Les boutiques du Golfe utilisent couramment des polices modernes et lisibles comme Tajawal, Cairo, IBM Plex Sans Arabic et Noto Sans Arabic. Nos règles de choix :

1. Une seule police pour les titres et le corps de texte, ou deux au maximum.
2. Testez la lisibilité sur mobile à 14 pixels, car c’est là que la plupart des clients achètent.
3. Chargez la police dans un format moderne et léger depuis une seule source, car chaque fichier de police supplémentaire ralentit le premier chargement.
4. Vérifiez que les chiffres et les symboles (devise, pourcentage) s’affichent de façon cohérente avec la police.

Si la boutique est bilingue, choisissez une police latine qui s’accorde visuellement avec la police arabe en graisse et en hauteur. Le chargement des polices fait partie de la performance globale de la boutique, que nous traitons dans l’optimisation de la vitesse Shopify.

Troisième couche : traduire les chaînes du thème

Chaque thème contient des centaines de chaînes fixes : « Ajouter au panier », « Épuisé », « Passer à la caisse », les messages d’erreur des formulaires et les en-têtes de filtres. Elles se traduisent depuis l’éditeur de thème via l’option de modification de la langue par défaut, ou via l’application gratuite Translate and Adapt de Shopify. Deux conseils :

• Ne laissez pas un seul terme anglais dans le parcours d’achat ; le client perd confiance au premier mot étranger.
• Utilisez le vocabulaire du marché : les termes que les acheteurs du Golfe emploient pour le paiement à la livraison, le panier et la livraison, pas des traductions littérales.

Vérifiez aussi le checkout et les notifications (e-mails de confirmation de commande et d’expédition) dans les paramètres de la boutique, car ils se trouvent en dehors du thème et sont souvent oubliés.

Quatrième couche : traduire les produits, les collections et les pages

Les titres et descriptions de produits, les noms de collections et les pages de politiques se traduisent au niveau du contenu, pas du thème. Avec un grand catalogue, cela devient la plus grosse partie du travail. Pour Cliqat, nous avons organisé plus de 15 000 produits en arabe et en anglais sur le thème Hyper, ce qui n’a été possible qu’avec une méthode claire : importer les données dans les deux langues via des fichiers structurés, puis relire manuellement les catégories les plus vendues. Les applications de traduction aident, mais la qualité sur les produits clés exige une relecture humaine.

Construire une boutique bilingue arabe/anglais

Une boutique bilingue est le meilleur choix aux Émirats, au Qatar et au Koweït, ainsi que pour les boutiques qui vendent à l’international. Les étapes sur Shopify :

1. Dans les paramètres de langue, ajoutez la seconde langue et publiez-la.
2. Dans les paramètres de domaine, attribuez un chemin d’URL à chaque langue (par exemple /en pour l’anglais) afin que chaque langue ait sa propre URL indexable par Google.
3. Ajoutez le sélecteur de langue dans l’en-tête ou le pied de page depuis les réglages du thème.
4. Traduisez le thème, puis le contenu, et vérifiez les champs SEO (titre et méta-description) pour chaque langue.
5. Confirmez que les outils de suivi enregistrent les mêmes événements sur les deux versions linguistiques.

La stratégie plus large pour deux langues en termes de marché et de contenu est dans le guide de la boutique en ligne bilingue arabe/anglais.

Les erreurs de localisation courantes que nous voyons en audit

• Checkout en anglais : il se traduit depuis les paramètres du checkout et les langues de la boutique, pas depuis le thème.
• Flèches et carrousels dans le mauvais sens : la diapositive glisse vers la gauche alors que la flèche pointe vers la droite ; il faut le réglage RTL dans le carrousel ou en CSS.
• Chiffres mélangés : utilisez les chiffres occidentaux dans toute la boutique pour des prix et des quantités cohérents.
• Textes des applications tierces : l’application d’avis ou le compte à rebours affiche des chaînes en anglais ; choisissez des applications qui prennent en charge l’arabe ou qui vous laissent modifier leurs textes. Nos applications Sale Scheduler by SalePilot et WhatsApp Pilot prennent en charge l’arabe dans l’interface commerçant et dans les messages clients (salepilot.esafqa.com et whatsapppilot.esafqa.com).
• Images avec du texte anglais : les bannières ont besoin d’une version arabe pour chaque langue.
• Traduction automatique des produits clés sans relecture : elle produit des descriptions maladroites qui tuent la confiance.

Notre approche de la localisation dans nos projets

Nous commençons par choisir le thème en fonction du type de produit et de sa compatibilité avec l’arabe, puis nous réglons le RTL et la police, puis nous traduisons tout le thème avec le vocabulaire du marché cible, puis nous importons le contenu dans les deux langues, et nous terminons par le test d’un parcours d’achat complet depuis un téléphone dans chaque langue. Cet ordre fait partie de comment créer une boutique Shopify étape par étape et constitue le cœur de notre service de développement de boutique Shopify.

De notre expérience : la boutique de parfums originaux Fragrance Hub avait besoin d’une boutique d’abord en arabe avec une version anglaise. Nous avons personnalisé le thème Kalles en arabe et en anglais, publié 2 054 produits organisés et connecté Merchant Center avec des campagnes Google et Meta. La localisation précise n’était pas un détail cosmétique ; c’était une condition pour que les publicités catalogue tournent avec des titres et des descriptions corrects dans chaque langue.

Conclusion

Un thème Shopify vraiment arabe exige un RTL correct, une police adaptée, une traduction complète du thème et du contenu, et des tests sur mobile dans chaque langue. Commencez si possible avec un thème prêt pour le RTL comme Hyper ou Kalles, et vérifiez le checkout et les applications tierces avant le lancement. Si vous souhaitez que nous passions en revue la localisation de votre boutique ou que nous la construisions bilingue dès le départ, écrivez-nous sur WhatsApp pour un audit rapide.