Traduire des pages Elementor avec Polylang et DeepL

Elementor garde sa mise en page dans ses propres données, pas dans le contenu de l’article. Pourquoi la plupart des traducteurs la ratent, et comment la traduire avec DeepL.

Une page Elementor ressemble à n’importe quelle page, mais ses sections, colonnes et widgets ne sont pas stockés dans le contenu de l’article. Elementor les garde dans ses propres données, une structure JSON enregistrée à côté de l’article. Un outil qui traduit le contenu de l’article rate le texte de vos widgets : la page traduite sort sans sa mise en page Elementor, ou encore dans la langue d’origine.

Ce qu’il faut traduire

Titres, éditeurs de texte, boutons
Boîtes d’icône et d’image, légendes d’image
Témoignages, onglets, accordéons et bascules
Libellés et textes indicatifs de formulaire, alertes, compteurs
Les nouveaux éléments d’Elementor 4 (conteneurs flexbox et widgets atomiques)

Les liens, classes CSS, identifiants et réglages de style doivent rester tels quels, sinon la page traduite ne ressemble plus à l’originale.

La configuration

Configurez vos langues dans Polylang (au moins deux).
Installez AutoLingo Premium et activez votre licence.
Dans Réglages → AutoLingo, section Modules, laissez Page builders coché.
Choisissez DeepL et collez votre clé d’API, ou utilisez l’IA AutoLingo, incluse avec Premium, sans clé.

Traduire une page

Publiez ou mettez à jour la page dans Elementor comme d’habitude. Elementor enregistre ses données dans une requête séparée, après l’article lui-même ; AutoLingo l’attend, traduit le texte de chaque widget et crée les pages traduites, liées dans Polylang. Ouvrez une traduction dans Elementor pour vérifier : même mise en page, texte dans la langue cible.

Les pages créées avant l’installation d’AutoLingo se traduisent depuis le bloc AutoLingo de l’éditeur, ou toutes à la fois avec wp pdat translate-missing.

Widgets sur mesure et tiers

AutoLingo traduit les réglages de texte des widgets d’Elementor. Si un widget tiers range son texte sous d’autres noms, ajoutez-les avec un filtre dans votre thème ou une petite extension :

add_filter( 'autolingo_elementor_translatable_keys', function ( array $keys ) {
    $keys[] = 'my_widget_title';
    return $keys;
} );

Bricks et Beaver Builder

Premium traduit les pages Bricks et Beaver Builder de la même façon. La version gratuite traduit le titre et le contenu WordPress d’une page de builder, mais pas sa mise en page, et son bloc dans l’éditeur le signale sur ces pages.

AutoLingo Premium : 39,99 $ par an →