Installez la traduction automatique Linguise sur PrestaShop

Table des matières

Exigences techniques PrestaShop

La traduction automatique neuronale à utiliser avec PrestaShop nécessite l'utilisation du script PHP (téléchargeable ci-dessous). Pour installer le Linguise , vous aurez besoin des éléments suivants :

  • Exécuter PHP 8+
  • Serveur Apache, LiteSpeed, NGINX, IIS
  • Activez la réécriture d'URL via la configuration PrestaShop

Comment installer la traduction PrestaShop

1. Générer la clé API

Une fois connecté à votre tableau de bord Linguise , vous devrez d'abord configurer un nouveau domaine et enregistrer ses paramètres pour obtenir la clé API.

La clé API est indispensable pour activer la traduction sur votre site PrestaShop . Concrètement, elle permet de vérifier quelle langue est activée sur quel domaine et autorise ainsi la génération des pages de traduction automatique.

Copiez la clé API et conservez-la dans votre presse-papiers.

Étape 2 sur 2, terminée. Vous pouvez commencer la traduction !

Ensuite, en cliquant sur l'onglet « Script PHP », vous obtiendrez les instructions d'installation que nous suivrons ici en détail.

Capture d'écran des instructions d'installation d'un plugin WordPress , montrant les étapes pour installer la preuve sociale sur un site web.

2. Téléchargez et connectez le script de traduction Linguise

Le script de traduction Linguise doit être téléchargé sur votre serveur où PrestaShop est installé :

Une fois le script téléchargé, décompressez-le et téléchargez-le dans le dossier racine où le CMS est installé.

  • Assurez-vous qu'il se trouve à la racine de votre site web (là où se trouvent vos fichiers PrestaShop
  • Veillez à ce que le dossier conserve son nom par défaut « linguise ».
Liste des répertoires d'un système de fichiers avec ses dossiers

Comment accéder à l'interface de script Linguise ?

Linguise terminée
linguise adresse suivante : https://www.domain.com/linguise

Modifiez l'adresse de domaine en fonction de l'adresse de votre site web*.
Assurez-vous que Linguise dispose des autorisations de lecture et d'écriture appropriées*.

Configurer le mot de passe et la connexion à la base de données

Une fois que vous aurez accédé à l'interface du script, un écran de configuration s'affichera vous permettant de créer un mot de passe et de vous connecter à votre base de données préférée.

Tu peux:

  • Définissez un mot de passe, qui sera requis pour accéder ultérieurement à cette interface.
  • Choisissez votre type de base de données — MySQL ou SQLite, selon votre configuration et vos préférences.

Cette configuration initiale garantit un accès sécurisé et vous permet de configurer le script en fonction de votre environnement.

Connexion à la base de données MySQL

Si vous choisissez MySQL, une interface différente apparaîtra et vous demandera les informations de connexion suivantes, issues des champs de configuration MySQL ci-dessous :

Veuillez vous assurer que les informations sont correctes pour établir une connexion réussie à votre base de données MySQL. 

MySQL vs SQLite : quelle est la différence ?
MySQL et SQLite sont deux systèmes de bases de données populaires utilisés pour stocker et gérer les données des sites web et des applications. Cependant, ils sont conçus pour des cas d’utilisation différents et présentent des différences importantes :

FonctionnalitéSQLiteMySQL
InstallationTrès facile (installation de SQLite requise)Configuration du serveur requise
StockageFichier uniqueGéré par un serveur MySQL
PerformanceIdéal pour les applications à petite échelleMeilleur pour les grands systèmes à fort trafic
Cas d'utilisationApplications locales, tests, petits sitesApplications Web, commerce électronique, systèmes d'entreprise

Interface de script Linguise : Configuration pour la plateforme PHP

Le tableau de bord de traduction Linguise , auparavant disponible uniquement pour Joomla et WordPress, est désormais compatible avec PHP et d'autres plateformes. Cette mise à jour permet aux utilisateurs de configurer facilement les paramètres linguistiques (options d'affichage, styles de drapeaux et personnalisation de l'apparence) directement depuis une interface unifiée, quel que soit leur CMS ou framework.

interface API

Les administrateurs peuvent gérer plus efficacement les paramètres Linguise grâce à des fonctionnalités cohérentes telles que les fenêtres contextuelles de sélection de la langue, les effets d'ombre et les variantes de drapeaux spécifiques à chaque région. Le tableau de bord conserve son interface conviviale tout en offrant une compatibilité étendue avec divers environnements web.

interface d'affichage
interface d'apparence
Nous comprenons que la configuration des URL et le changement de langue peuvent être un peu techniques ; mais bonne nouvelle ! Nous offrons l'installation gratuite

3. Configurer les URL de langue

La réécriture d'URL est généralement activée par défaut dans PrestaShop pour des raisons de référencement (SEO). Si ce n'est pas le cas, vous trouverez ce paramètre dans Paramètres de la boutique > Trafic et SEO > URL conviviales. Pour plus d'informations, consultez la documentation officielle PrestaShop

Page des paramètres d'authentification à deux facteurs. Activez l'authentification à deux facteurs pour plus de sécurité.

L'URL par langue doit être configurée dans le fichier .htaccess. Copiez simplement ce code après le code « RewriteEngine on » présent dans la configuration par défaut PrestaShop .htaccess :

				
					<IfModule mod_rewrite.c>
  RewriteEngine On
  RewriteRule ^(af|sq|am|ar|hy|az|eu|be|bn|bs|bg|ca|ceb|ny|zh-cn|zh-tw|co|hr|cs|da|nl|en|eo|et|tl|fi|fr|fy|gl|ka|de|el|gu|ht|ha|haw|iw|hi|hmn|hu|is|ig|id|ga|it|ja|jw|kn|kk|km|ko|ku|ky|lo|la|lv|lt|lb|mk|mg|ms|ml|mt|mi|mr|mn|my|ne|no|ps|fa|pl|pt|pa|ro|ru|sm|gd|sr|st|sn|sd|si|sk|sl|so|es|su|sw|sv|tg|ta|te|th|tr|uk|ur|uz|vi|cy|xh|yi|yo|zu|zz-zz)(?:$|/)(.*)$ linguise/linguise.php?linguise_language=$1&original_url=$2 [L,QSA]
</IfModule>
				
			

Enfin, votre fichier .htaccess PrestaShop devrait ressembler à ceci :

Code PHP avec message d&#39;erreur à l&#39;écran
Nous comprenons que la configuration des URL et le changement de langue peuvent être un peu techniques ; mais bonne nouvelle ! Nous offrons l'installation gratuite

4. Activez le sélecteur de langue

Vous pouvez désormais charger toutes vos pages traduites en utilisant l'URL, par exemple : www.shop.com/fr/

Capture d&#39;écran d&#39;un site web avec un bloc de texte personnalisé

Le sélecteur de langue est une fenêtre contextuelle permettant de choisir la langue souhaitée. Pour l'afficher, copiez le code fourni à la fin de la configuration du site web dans l'en-tête de votre page HTML. Le sélecteur de langue s'affichera alors automatiquement.

Bannière de consentement aux cookies sur un site web

Il faut l'insérer dans l'en-tête de votre page. Dans Prestashop , vous pouvez copier le code ici : …/themes/votre-thème/templates/_partials/head.tpl

Le sélecteur de langue s'affichera par défaut en haut à droite de votre site web. Vous pouvez le personnaliser à votre guise avec du CSS.

Un menu déroulant permet de sélectionner la langue d&#39;un site web. Les langues disponibles sont l&#39;anglais, l&#39;allemand, le grec, l&#39;espagnol, le français, le japonais, le néerlandais, le russe et le chinois.

Note importante concernant le référencement : Le nombre de langues configurées a un impact considérable sur votre référencement. Si vous avez un grand nombre de pages indexées (> 500), les moteurs de recherche peuvent mettre beaucoup de temps à les traiter, ce qui peut nuire à votre référencement dans votre langue d'origine. C'est pourquoi nous vous recommandons d'ajouter initialement un maximum de 5 langues, puis, une fois votre site indexé, d'en ajouter par lots de 3 par mois.

Configurer le sélecteur de langue

Le sélecteur de langue est personnalisable depuis le Linguise > Paramètres > Affichage des drapeaux de langue. Toute modification effectuée ici sera répercutée sur le site web.

Capture d&#39;écran montrant un menu déroulant permettant de sélectionner les paramètres de langue avec l&#39;option anglais.

Sur la droite de l'écran, vous trouverez un aperçu du sélecteur de langue. Voici les éléments que vous pouvez configurer :

  • 3 mises en page : côte à côte, menu déroulant ou fenêtre contextuelle
  • La position du sélecteur de langue
  • Le contenu du sélecteur de langue
  • Noms de la langue en anglais ou dans la langue maternelle
  • Formes et taille des drapeaux
  • Couleurs et ombre portée

Chargez le sélecteur de langue dans le contenu PrestaShop

position du drapeau en place

Pour afficher le sélecteur de langue à un emplacement précis dans le contenu du CMS, définissez sa position sur « In situ ».
Une fois la position définie dans le Linguise , vous pouvez ajouter le code court ci-dessous pour l'intégrer. Cliquez sur le code ci-dessous pour le copier dans votre presse-papiers.

				
					<div>&#091;linguise&#093;</div>
				
			

Une fois ajouté, le drapeau et le nom de la langue s'afficheront sur l'interface publique dans la zone HTML où vous avez ajouté le code.

Activer le système de cache local

Vous pouvez activer, en option, un système de cache local qui stocke les URL et leur contenu multilingue associé afin d'accélérer le chargement des pages. Ce cache local réduit les transferts de données entre le serveur Linguise et votre serveur web. Il est utilisé uniquement pour les pages déjà traduites et non mises à jour. La priorité est donnée au cache des pages multilingues les plus consultées.

Exemple de code de configuration de traduction Laravel . Configuration pour la mise en place des traductions.

Vous pouvez définir, en option, la taille du cache stocké en Mo. Dans l'exemple suivant, le cache est activé et sa taille est de 500 Mo :

				
					    /** Basic configuration **/
    public $cache_enabled = true;
    public $cache_max_size = 500; // In megabyte
				
			

Traduction automatique sur les serveurs Windows IIS

Ajoutez la ligne correspondant à votre outil de création de site web dans votre fichier Web.config.
Elle doit être placée avant toute autre redirection, et notamment celle vers votre fichier PHP principal :

				
					<rule name="Linguise" stopProcessing="true">
<match url="^(af|sq|am|ar|hy|az|eu|be|bn|bs|bg|ca|ceb|ny|zh-cn|zh-tw|co|hr|cs|da|nl|en|eo|et|tl|fi|fr|fy|gl|ka|de|el|gu|ht|ha|haw|iw|hi|hmn|hu|is|ig|id|ga|it|ja|jw|kn|kk|km|ko|ku|ky|lo|la|lv|lt|lb|mk|mg|ms|ml|mt|mi|mr|mn|my|ne|no|ps|fa|pl|pt|pa|ro|ru|sm|gd|sr|st|sn|sd|si|sk|sl|so|es|su|sw|sv|tg|ta|te|th|tr|uk|ur|uz|vi|cy|xh|yi|yo|zu|zz-zz)(?:$|/)(.*)$" ignoreCase="false" />
        <conditions logicalGrouping="MatchAll" trackAllCaptures="false" />
            <action type="Rewrite" url="linguise/linguise.php?linguise_language={R:1}&amp;original_url={R:2}" appendQueryString="true" />
</rule>
				
			

Traduction automatique sur les serveurs NGINX

Ajoutez la ligne correspondant à votre CMS dans le bloc de configuration de votre serveur NGINX.
Elle doit être définie avant toute autre redirection, et notamment avant celle de votre fichier principal PHP.
				
					rewrite ^/(af|sq|am|ar|hy|az|eu|be|bn|bs|bg|ca|ceb|ny|zh-cn|zh-tw|co|hr|cs|da|nl|en|eo|et|tl|fi|fr|fy|gl|ka|de|el|gu|ht|ha|haw|iw|hi|hmn|hu|is|ig|id|ga|it|ja|jw|kn|kk|km|ko|ku|ky|lo|la|lv|lt|lb|mk|mg|ms|ml|mt|mi|mr|mn|my|ne|no|ps|fa|pl|pt|pa|ro|ru|sm|gd|sr|st|sn|sd|si|sk|sl|so|es|su|sw|sv|tg|ta|te|th|tr|uk|ur|uz|vi|cy|xh|yi|yo|zu|zz-zz)(?:$|/)(.*)$ /linguise/linguise.php?linguise_language=$1&original_url=$2 last;