L’éditeur Elementor ne charge pas : les solutions
Écran gris ou chargement infini : la méthode pas à pas, du mode sans échec aux réglages serveur.
Les menus sont cités tels qu’ils apparaissent dans Elementor en français. Selon votre version et vos réglages de langue, certains libellés restent en anglais (Single Post, Loop Item…).
Vous cliquez sur « Modifier avec Elementor » et l’éditeur reste bloqué sur l’écran de chargement, ou affiche une page grise. C’est l’une des pannes les plus courantes, et elle a presque toujours une cause identifiable. Voici la méthode, dans l’ordre.
Avant tout : faites une sauvegarde complète du site (fichiers et base de données).
1. Tester en mode sans échec (Safe Mode)
Le Safe Mode charge l’éditeur sans les extensions tierces, sans le code du thème et sans les fonctions expérimentales. Il ne concerne que les administrateurs dans l’éditeur : les visiteurs ne voient aucune différence.
- Dans WordPress, ouvrez Elementor › Editor › Tools.
- Dans l’onglet General, réglez Safe Mode sur Enable, puis Save Changes.
- Ouvrez à nouveau la page avec Elementor : un badge « Safe Mode » apparaît en bas à droite.
Si l’éditeur affiche la fenêtre d’erreur « Can’t Edit? », un bouton Enable Safe Mode permet aussi de l’activer directement.
2. Si le mode sans échec règle le problème
La cause est une extension ou le thème. Désactivez toutes les extensions sauf Elementor et Elementor Pro, puis réactivez-les une par une en testant l’éditeur à chaque fois : la dernière réactivée avant la panne est la coupable. Pensez aussi :
- au code personnalisé : passez-le en brouillon depuis Elementor › Editor › Custom Elements › Code (Quick Edit, statut Draft) ;
- au préchargeur (preloader) de votre thème : désactivez-le dans ses réglages.
Le mode sans échec désactive les fonctions expérimentales : désactivez-le une fois le diagnostic terminé.
3. Si le mode sans échec ne change rien
D’après Elementor, la cause est alors rarement une extension, mais plutôt le serveur ou le navigateur :
- Mémoire : augmentez la mémoire WordPress à 512 Mo (voir notre guide mémoire).
- Adresses du site : dans Réglages › Général, l’adresse WordPress et l’adresse du site doivent être strictement identiques (https, avec ou sans www).
- Méthode de chargement : dans Elementor › Editor › Settings, onglet Advanced, activez Switch Editor Loader Method.
- En-têtes de sécurité : l’en-tête X-Frame-Options doit valoir SAMEORIGIN (et non DENY). Votre hébergeur peut le corriger.
- Cloudflare : Rocket Loader peut bloquer l’éditeur. Désactivez-le ou excluez l’éditeur.
- Versions : Elementor et Elementor Pro doivent être tous deux à jour.
- Navigateur : essayez une fenêtre privée sans extensions de navigateur, ou un autre navigateur.
4. Lire les messages d’erreur
Clic droit sur la page grise, Inspecter, onglet Console : les messages en rouge indiquent souvent le fichier ou le réglage en cause. La page Elementor › Editor › System Info permet aussi de télécharger un rapport complet de votre configuration.
Lien affilié : si vous achetez Elementor Pro via un lien de cette page, Expertor perçoit une commission, sans surcoût pour vous.
