TranslatePress + Elementor Pro gèrent facilement la traduction multilingue de l'ensemble du site !

Et vous ?Les formulaires, les fenêtres contextuelles, les modèles d'en-tête et de pied de page et d'autres éléments du site ne sont souvent pas traduits de manière synchronisée ou sont incorrects d'un point de vue linguistique.? Cet article fournit une explication approfondie de la manière d'utiliser TranslatePress + Elementor Pro La synchronisation correcte des versions multilingues de ces modules clés garantit que le site offre une expérience visuelle et interactive cohérente d'une langue à l'autre.

Pourquoi Elementor Pro a-t-il des problèmes avec TranslatePress ?

Elementor Pro Le contenu dynamique, la réutilisation des modèles et les systèmes de fenêtres contextuelles sont fournis, mais ils ne sont pas toujours rendus directement dans la page HTML.
TranslatePress ne reconnaît que les éléments chargés lors de l'analyse d'une page, et les composants comme ceux qui suivent ont tendance à être chargés dynamiquement :

Modèle d'en-tête et de pied de page créé par Theme Builder
Contenu des fenêtres contextuelles créé avec Popup Builder
Champs de formulaire dynamiques générés par les widgets Elementor Form

Si aucun autre réglage n'est effectué, leTranslatePress Ils peuvent ne pas être reconnus correctement, ce qui entraîne des traductions manquantes ou des affichages incomplets lorsque la page passe d'une langue à l'autre.

Deuxièmement, la préparation : confirmer l'environnement du plug-in et de la page

Avant de commencer la synchronisation, assurez-vous que les conditions suivantes sont remplies :

Installez et activez les dernières versions des plugins : Elementor (version gratuite), Elementor Pro, TranslatePress (la version Pro est recommandée pour prendre en charge davantage de langues et la traduction automatique).

Le site a été conçu avec une structure multilingue : en TranslatePress → Paramètres → Général, sélectionnez la langue par défaut du site web et la langue de traduction cible (par exemple, anglais, français, japonais, etc.).
S'assurer que les plugins de mise en cache sont désactivés ou effacés : Lorsque vous utilisez des plugins tels que WP Rocket, LiteSpeed Cache, etc., il est recommandé de désactiver temporairement la mise en cache pendant le processus de traduction afin d'éviter que l'ancien contenu n'interfère avec la traduction.

Traduction simultanée des modèles d'en-tête et de pied de page

Les en-têtes et pieds de page d'Elementor Pro sont généralement créés par le biais de Theme Builder, ils doivent donc être chargés et traduits séparément.

Procédure d'exploitation :

Allez sur la page d'accueil et assurez-vous que la page est chargée avec le modèle d'en-tête/pied de page cible.
Cliquez sur "Traduire la page" dans la barre d'outils supérieure.

Une fois l'interface d'édition de TranslatePress ouverte, survolez le texte de l'en-tête ou du pied de page pour le traduire directement.

Si le modèle n'est pas détecté, visitez l'arrière-plan : Templates → Theme Builder → Header/Footer → Preview.
Après avoir ouvert l'aperçu, cliquez à nouveau sur le bouton TranslatePress pour reconnaître son contenu.

Conseil bonus :

Si vous utilisez plusieurs modèles d'en-tête (par exemple, l'anglais est différent de la version chinoise), vous pouvez activer des règles conditionnelles dans les paramètres de TranslatePress pour configurer des modèles distincts pour les différentes langues.

Les traductions initiales peuvent être effectuées via "Auto Translate" (Google Translate API ou DeepL), puis le texte peut être affiné manuellement.

Traduction du contenu du formulaire Elementor

Le titre du formulaire, les espaces réservés, le texte des boutons, etc. se trouvent dans la section Elementor qui sont généralement des champs dynamiques et qui doivent donc être reconnus de la manière suivante pour garantir leur reconnaissance.

Méthode 1 : Traduction directe en amont (recommandée)

Ouvrez la page contenant le formulaire.
Cliquez sur " Traduire les pages " dans la barre d'outils de TranslatePress.
Sélectionnez les champs du formulaire un par un (par exemple, Nom, Email, Message) et saisissez la traduction dans la langue cible.

Après l'enregistrement, changez de langue pour afficher les résultats de la traduction.

Méthode 2 : réparation manuelle en amont
Si un champ de formulaire ne peut pas être capturé, il peut l'être dans le champ Elementor dans l'éditeur :

Ouvrez le widget de formulaire → Avancé → Ajouter un attribut personnalisé, par exemple data-trpgettext="true".

Sauvegardez la mise à jour et retournez dans l'interface de traduction de TranslatePress pour la reconnaître.

Conseil supplémentaire :

Le message de réussite est également disponible via la page TranslatePress Traduction directe du modèle frontal.
Si vous utilisez les formulaires Elementor en combinaison avec des plugins tels que Mailchimp, HubSpot, etc., vous devez définir séparément le texte d'invite multilingue dans le plugin intégré.

V. Les fenêtres contextuelles de traduction simultanée (Popup)

Les popups appartiennent au module Popup Builder d'Elementor Pro et ne sont pas rendus dans le HTML de la page principale par défaut, de sorte que TranslatePress ne les recherche pas activement. Vous devez déclencher la popup manuellement pour que le plugin reconnaisse le contenu.

Processus opérationnels :

Ajoutez un bouton ou un lien à la page qui déclenche la fenêtre contextuelle.
Lorsque la page s'ouvre, cliquez sur TranslatePress → "Traduire cette page".
Cliquez manuellement sur le bouton de la page pour faire apparaître la fenêtre contextuelle.
TranslatePress reconnaît le contenu de la fenêtre pop-up en temps réel et vous pouvez cliquer sur le texte pour le traduire.

Enregistrez la traduction lorsqu'elle est terminée et changez de langue pour la tester.

Mises en garde :

Les fenêtres pop-up qui utilisent des modèles dynamiques (par exemple, les formulaires de connexion, les tableaux d'affichage) doivent être ouvertes séparément pour chaque fenêtre pop-up à traduire.
Si la fenêtre contextuelle se déclenche automatiquement sur une page spécifique (par exemple, la fenêtre contextuelle d'intention de sortie), vous pouvez temporairement réduire les conditions de déclenchement dans les paramètres d'arrière-plan afin de faciliter les tests.

VI. problèmes courants et techniques de dépannage

questions	raison d'être	guérir
Le texte de l'en-tête ne peut pas être traduit	Le modèle correspondant n'est pas chargé	Ouvrez l'aperçu du modèle et traduisez-le avec TranslatePress !
Le contenu de la fenêtre pop-up n'affiche pas la traduction	Les fenêtres pop-up ne se déclenchent pas manuellement	Ouvrir manuellement la fenêtre pop-up et traduire à nouveau
Pas de traduction pour les boutons de formulaire	Champs dynamiques non reconnus	Ajouter l'attribut data-trpgettext="true".
La traduction ne s'affiche pas après l'enregistrement	Le cache n'est pas effacé	Effacer le cache du navigateur et du site web
Mauvaise traduction ou répétition	Traduction automatique des conflits de cache	Réinitialiser le cache dans les paramètres de TranslatePress

Optimisation avancée : adaptation automatique des modèles Elementor aux langues

TranslatePress Pro La version prend en charge les règles d'affichage conditionnel, de sorte que différents modèles Elementor peuvent être automatiquement chargés dans différentes langues. Par exemple, il est possible de charger automatiquement différents modèles Elementor dans différentes langues :

Site chinois utilisant le modèle Header-CN
Modèle d'en-tête-FR pour les sites en anglais

Méthode de réglage :

Allez dans TranslatePress → Paramètres → Règles de traduction automatique.
Créer une logique conditionnelle, par exemple "Charger le modèle En-tête-FR si langue = anglais".

Enregistrer pour activer le changement automatique de modèle.

Cette approche est très utile pour les sites officiels de marques multilingues et les sites de commerce électronique internationaux.

TranslatePress + Elementor Pro pour créer une expérience vraiment multilingue !

TranslatePress Avec Elementor Pro, la création de sites web multilingues n'est plus une opération fastidieuse. Tant que vous maîtrisez les points suivants, les modèles d'en-tête et de pied de page doivent être prévisualisés et traduits individuellement, les formulaires et les pop-ups doivent être déclenchés par la reconnaissance frontale, le nettoyage du cache et la gestion des règles conditionnelles, vous pouvez facilement parvenir à une véritable "synchronisation à l'échelle du site" de l'expérience multilingue.

TranslatePress + Elementor Pro La combinaison de tous ces éléments constitue l'une des solutions les plus efficaces et les plus intuitives disponibles pour WordPress dans un environnement multilingue. Que vous soyez un concepteur, un constructeur de sites web ou un webmaster personnel, utilisez-le !!!

Contactez nous
Vous n'arrivez pas à lire le tutoriel ? Contactez-nous pour une réponse gratuite ! Aide gratuite pour les sites personnels et les sites de petites entreprises !	Service clientèle WeChat
① Tel : 020-2206-9892
② QQ咨询：1025174874
(iii) Courriel : [email protected]
④ Horaires de travail : du lundi au vendredi, de 9h30 à 18h30, jours fériés.