Débuter

C’est quoi Elementor ? Le guide pour débuter

Ce que fait Elementor, comment fonctionne l’éditeur, la différence entre gratuit et Pro, et les limites à connaître.

Par Gregory, fondateur d’Expertor3 min de lectureMis à jour le

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…).

Illustration : C’est quoi Elementor ? Le guide pour débuter

Elementor est un constructeur de sites pour WordPress : il permet de concevoir la mise en page d’un site visuellement, en glissant des éléments sur la page, sans écrire de code. Lancé en 2016, c’est aujourd’hui l’une des extensions WordPress les plus utilisées au monde.

À quoi sert Elementor ?

Sans constructeur, l’apparence d’un site WordPress dépend surtout de son thème, et changer une mise en page demande souvent de toucher au code. Elementor remplace cette étape par un éditeur visuel : vous voyez la page telle que le visiteur la verra, et vous la modifiez directement.

On l’utilise pour des sites vitrines, des pages d’atterrissage, des blogs et des boutiques WooCommerce.

Comment fonctionne l’éditeur

L’éditeur se compose d’un panneau, qui liste les éléments disponibles et affiche les réglages de l’élément sélectionné, et d’une zone d’aperçu où vous construisez la page en temps réel.

  • Les conteneurs structurent la page : ils regroupent des éléments en ligne ou en colonne. Introduits avec Elementor 3.6, ils remplacent l’ancien système de « sections » et « colonnes », que vous croiserez encore sur des sites plus anciens. Voir notre guide comprendre les conteneurs.
  • Les widgets sont le contenu : titre, texte, image, bouton, vidéo, galerie, onglets, carte…

La plupart des réglages peuvent être adaptés séparément pour l’ordinateur, la tablette et le mobile : c’est ce qui rend le site lisible sur tous les écrans (voir rendre un site responsive).

Gratuit ou Pro

La version gratuite (« Elementor Core ») contient l’éditeur visuel, les widgets de base, la bibliothèque de modèles, l’édition responsive et le mode maintenance. Elementor Pro, payant, ajoute notamment le constructeur de thème (en-tête, pied de page, modèles d’articles), des dizaines de widgets supplémentaires, les formulaires complets, le contenu dynamique et, selon la formule, les popups et le constructeur WooCommerce. Le détail : Elementor gratuit ou Pro.

Et l’éditeur version 4 ?

Elementor déploie une nouvelle génération d’éléments, dits « atomiques », avec des classes et des variables pour gérer un vrai système de design. Ils sont activés par défaut sur les nouvelles installations et cohabitent avec les widgets classiques : rien n’oblige à reconstruire un site existant. Voir Elementor v4 : ce qui change.

Les limites à connaître

  • Le poids : empiler extensions, animations et conteneurs inutiles alourdit les pages. Une construction sobre et les réglages de performance d’Elementor font une grande différence (voir accélérer un site Elementor).
  • Les mises à jour : Elementor évolue vite. Sauvegardez toujours votre site avant de mettre à jour.
  • La dépendance : si vous désactivez Elementor, la mise en page de vos pages disparaît. Changer de constructeur plus tard demande de reconstruire.
  • L’hébergement : Elementor demande au minimum 256 Mo de mémoire WordPress et en recommande 512. Un hébergement trop juste se traduit par un éditeur lent ou bloqué.

Pour commencer, suivez notre guide pour installer Elementor sur WordPress.

Lien affilié : si vous achetez Elementor Pro via un lien de cette page, Expertor perçoit une commission, sans surcoût pour vous.