Elementor : le guide complet du meilleur constructeur de pages pour WordPress

10 millions de sites. C’est le nombre d’installations actives d’Elementor en 2026. Pas 10 millions de téléchargements, non… 10 millions de sites qui l’utilisent en ce moment même. Et pourtant, la majorité de ces sites sont plus lents qu’ils ne devraient l’être, avec un DOM gonflé à bloc et des dizaines de widgets activés pour rien.

Formateur WordPress certifié Qualiopi, j’accompagne des professionnels sur l’écosystème WordPress depuis 2012. J’ai utilisé Elementor pendant des années avant de m’en détacher. J’ai même donné une conférence au WordCamp Lyon 2022 intitulée "Puis-je me passer d’Elementor grâce à Gutenberg ?" (spoiler : oui, on peut). Mais je ne suis pas là pour enterrer Elementor. Je suis là pour vous donner toutes les clés, sans langue de bois, pour l’utiliser correctement si c’est le bon outil pour votre projet.

Cet article fait plus de 9 500 mots. C’est dense. Utilisez le sommaire ci-dessus pour naviguer directement vers la section qui vous intéresse. Que vous cherchiez à installer Elementor, comprendre les Containers, choisir entre la version gratuite et Pro, ou simplement savoir si le constructeur vaut encore le coup en 2026… tout y est.

Alors on y va. Des bases jusqu’aux fonctions avancées, en passant par les tarifs, l’IA intégrée et les vrais problèmes que personne n’ose aborder.

C’est quoi Elementor en 2026 ?

Elementor est un constructeur de pages (page builder) pour WordPress qui fonctionne en glisser-déposer. Vous concevez vos pages visuellement, sans écrire une seule ligne de code, directement depuis le front-end de votre site. Chaque élément (texte, image, bouton, formulaire) est un "widget" que vous placez où vous voulez dans la page.

Mais en 2026, réduire Elementor à un page builder, c’est comme dire que WordPress est un outil de blog. Elementor s’est transformé en écosystème complet. Éditeur visuel, intelligence artificielle intégrée, optimisation d’images, hébergement cloud, gestion de domaines, emails, gestion multi-sites, conformité cookies… Le constructeur de pages originel n’est plus qu’une brique dans un ensemble bien plus large baptisé Elementor One.

Quelques chiffres pour situer le poids d’Elementor dans l’écosystème WordPress :

• 10 millions+ d’installations actives sur WordPress.org (version gratuite)
• Un écosystème de plusieurs centaines d’addons tiers (Essential Addons, JetPlugins, ElementsKit…)
• Compatible avec la quasi-totalité des thèmes WordPress (mais fonctionne idéalement avec Hello Elementor)
• Équipe de environ 500 personnes derrière le projet

WordPress équipe environ 43% des sites web dans le monde. Et parmi ces sites, Elementor est de loin le constructeur le plus répandu. Ça ne veut pas dire qu’il est le meilleur pour tout le monde (on en reparle plus bas), mais ça signifie qu’il bénéficie d’une communauté massive, d’une documentation riche et d’un écosystème d’extensions incomparable.

L’évolution majeure de 2026, c’est le V4 Editor. Annoncé comme le plus gros changement en 8 ans d’existence, cette nouvelle version repose sur une architecture baptisée "Atomic". L’interface est plus rapide, plus modulaire, et l’expérience d’édition se rapproche enfin d’outils comme Figma ou Canva. Le V4 est encore en bêta au moment où j’écris ces lignes, mais il définit clairement la direction que prend Elementor.

Parmi les nouveautés du V4, les Components méritent qu’on s’y arrête. Un Component, c’est un élément de design (un bouton, un bloc témoignage, une card produit…) que vous créez une fois et que vous réutilisez partout sur votre site. La différence avec un simple copier-coller ? Le Component est synchronisé globalement. Vous modifiez le design du bouton dans le Component, et tous les boutons du site se mettent à jour instantanément. Pas besoin de parcourir 50 pages pour changer une couleur. C’est le même principe que les "symboles" dans Sketch ou les "composants" dans Figma… et ça manquait cruellement à Elementor.

L’autre ajout notable : les Variables. Vous définissez des valeurs (couleurs, tailles, espacements) dans un gestionnaire centralisé, et vous les utilisez partout. Changez la variable, tout le site s’adapte. Combinées aux Components, les Variables transforment Elementor en un vrai outil de design system… avec 5 ans de retard sur Figma, mais mieux vaut tard que jamais.

Comment installer et configurer Elementor ?

Installer Elementor prend moins de 2 minutes. Si vous avez déjà installé WordPress, vous connaissez la musique.

Installation depuis le tableau de bord WordPress

La méthode la plus simple :

• Rendez-vous dans Extensions > Ajouter depuis votre tableau de bord WordPress
• Tapez "Elementor" dans le champ de recherche
• Cliquez sur Installer maintenant puis sur Activer
• Elementor crée automatiquement un nouvel onglet dans votre menu latéral

Et c’est tout. Pas de clé de licence pour la version gratuite, pas de configuration serveur spécifique. Le plugin fonctionne avec PHP 7.4 minimum (mais je vous recommande PHP 8.1 ou supérieur pour les performances).

Le thème Hello Elementor

Quel thème utiliser avec Elementor ? La réponse courte : Hello Elementor. C’est le thème officiel développé par l’équipe d’Elementor. Il est ultra-léger (moins de 6 Ko en front), sans aucun design prédéfini, et conçu spécifiquement pour laisser Elementor gérer 100% de l’apparence de votre site.

Bon. Vous pouvez utiliser Elementor avec Astra, GeneratePress, OceanWP ou n’importe quel autre thème compatible. Mais si votre objectif est de tout construire avec Elementor (header, footer, templates), autant partir sur Hello pour éviter les conflits de styles et le CSS superflu.

Les réglages à connaître

Une fois Elementor activé, rendez-vous dans Elementor > Réglages pour configurer les options de base :

Onglet Général : vous choisissez quels types de contenu peuvent être édités avec Elementor (pages, articles, templates). Mon conseil : activez uniquement les Pages au début. Les articles, c’est un autre débat.

Onglet Intégrations : c’est ici que vous connectez vos services tiers (Google Maps, reCAPTCHA, MailChimp, etc.). Vous aurez besoin de clés API pour chaque service.

Onglet Avancé : les options pour les développeurs et utilisateurs avancés. Méthode d’impression CSS, optimisation des CSS, chargement des Google Fonts… Si vous débutez, laissez les valeurs par défaut.

Onglet Gestionnaire de rôles : vous définissez qui peut utiliser Elementor sur votre site. Pratique pour les sites multi-utilisateurs ou si vous travaillez avec un prestataire.

L’interface Elementor : prise en main complète

Pour éditer une page avec Elementor, ouvrez-la dans votre tableau de bord et cliquez sur le bouton "Modifier avec Elementor". L’interface se divise en deux zones principales :

Vidéo officielle Elementor Academy : prise en main de l’interface et premiers pas avec les Containers.

Le panneau latéral

À gauche, vous retrouvez le panneau qui contient tous vos widgets, classés par catégories (Basique, Général, Pro, WordPress, WooCommerce…). C’est votre boîte à outils. Vous glissez un widget depuis ce panneau vers la zone de travail à droite. Simple.

Quand vous sélectionnez un élément sur la page, ce panneau affiche ses options de personnalisation : contenu, style, avancé. Chaque widget possède ses propres réglages. Un widget Titre vous propose la taille, la couleur, la typographie. Un widget Image vous propose les dimensions, le lien, les effets.

La zone de travail

À droite, c’est votre page en temps réel. Vous voyez exactement ce que vos visiteurs verront. C’est le principe du WYSIWYG (What You See Is What You Get) poussé à son maximum. Vous cliquez sur n’importe quel texte pour le modifier sur place, vous déplacez les éléments par glisser-déposer, vous redimensionnez les colonnes en tirant les bords.

Le Navigateur

Un outil souvent sous-estimé : le Navigateur (accessible via l’icône en bas à gauche ou le raccourci Ctrl+I). Il affiche l’arborescence complète de votre page, comme une vue en plan. Containers, widgets, tout est visible dans une structure hiérarchique. Sur des pages complexes avec 50+ éléments, c’est le seul moyen de s’y retrouver sans perdre la tête.

Raccourcis clavier utiles

Elementor supporte une bonne vingtaine de raccourcis clavier. Les indispensables :

• Ctrl+S : sauvegarder
• Ctrl+Z : annuler
• Ctrl+Shift+Z : rétablir
• Ctrl+I : ouvrir le Navigateur
• Ctrl+Shift+M : basculer en vue responsive
• Ctrl+Shift+L : ouvrir la bibliothèque de templates
• Ctrl+P : preview de la page

Tu connais déjà ces raccourcis ? Parfait. Mais je parie que tu n’utilises pas le Navigateur. C’est pourtant lui qui fait la différence entre une session de 30 minutes et une session de 2 heures sur une page complexe.

L’édition inline

Un détail qui change tout au quotidien : l’édition inline. Vous double-cliquez sur un texte dans la zone de travail, et vous le modifiez directement, sans passer par le panneau latéral. Ça paraît anodin, mais quand vous ajustez 20 titres et 40 paragraphes sur une page, ça fait gagner un temps précieux. L’édition inline fonctionne pour les titres, les textes, les boutons et la plupart des champs textuels des widgets.

L’historique des modifications

Elementor conserve un historique de toutes vos actions dans la session en cours. Le panneau Historique (icône horloge en bas du panneau latéral) affiche deux onglets : Actions (chaque modification individuelle) et Révisions (chaque sauvegarde). Vous pouvez revenir à n’importe quel état antérieur en un clic. C’est votre filet de sécurité.

Tu as déjà perdu 30 minutes de travail parce que tu as cliqué au mauvais endroit ? Avec l’historique, ça n’arrive plus. Enfin, à condition de sauvegarder régulièrement (Ctrl+S, pas juste fermer le navigateur en espérant que ça tiendra).

Le mode responsive

En bas du panneau latéral, trois icônes vous permettent de basculer entre les vues desktop, tablette et mobile. Et c’est là que les choses se corsent. Parce qu’une page magnifique sur desktop peut être catastrophique sur mobile si vous n’avez pas pris le temps de vérifier chaque breakpoint.

Elementor vous laisse personnaliser quasiment tout par appareil : taille des textes, marges, padding, visibilité des éléments. Mon conseil : construisez d’abord en desktop, puis passez en vue mobile pour ajuster. Et testez toujours sur un vrai téléphone, pas seulement dans le preview Elementor.

Les breakpoints personnalisés

Par défaut, Elementor utilise trois breakpoints : desktop (1025px+), tablette (768-1024px) et mobile (0-767px). Mais depuis Elementor 3.4, vous pouvez ajouter des breakpoints supplémentaires : mobile extra (small), tablette extra (large), laptop… Au total, 7 breakpoints configurables dans Elementor > Réglages > Avancé > Expériences.

À minima, gardez les trois breakpoints par défaut. Les breakpoints supplémentaires sont utiles pour les projets où le design doit être pixel-perfect sur une large gamme d’appareils (sites e-commerce, applications web). Pour un site vitrine classique, les trois suffisent largement.

Le Design System : couleurs et typographies globales

Depuis Elementor 3.x, vous avez accès à un vrai système de design global. Le concept : définir vos couleurs et vos typographies une seule fois, puis les appliquer partout sur le site. Vous changez d’avis sur votre bleu principal ? Vous modifiez la couleur globale et tout le site se met à jour instantanément. Pas besoin de passer page par page.

Comment ça fonctionne ? Elementor propose 4 couleurs système (Primary, Secondary, Text, Accent) plus autant de couleurs personnalisées que vous voulez. Même logique pour les typographies : Primary, Secondary, Text, Accent. Vous définissez la police, la taille, le poids, l’espacement… et chaque widget qui utilise cette typo globale hérite automatiquement des modifications.

Et puis il y a les Global Widgets (feature Pro). Vous créez un widget (un bouton CTA, un bloc de témoignage, une bannière promo…), vous le sauvegardez en "Global", et vous le réutilisez sur autant de pages que nécessaire. Le jour où il faut changer le texte ou la couleur du bouton, vous modifiez le widget global une fois : toutes les instances se mettent à jour. Sur un site de 50 pages, ça vous évite de devenir fou.

Bon. Ce n’est pas Figma non plus. Mais pour un page builder WordPress, avoir des variables de couleur et des composants réutilisables, c’est un vrai gain de temps au quotidien.

Les Containers : maîtriser la mise en page Flexbox

C’est probablement le changement le plus important dans l’histoire d’Elementor. Et si tu as commencé avec l’ancien système Sections/Colonnes, il va falloir désapprendre quelques réflexes.

Vidéo officielle : Introduction aux Containers Flexbox dans Elementor.

L’ancien système : Sections et Colonnes

Jusqu’à Elementor 3.6, la structure d’une page reposait sur un système rigide : des Sections qui contenaient des Colonnes, et les widgets se placaient dans ces Colonnes. Simple à comprendre, mais limité. Vous vouliez imbriquer des mises en page ? Ça devenait vite un plat de spaghettis dans le DOM, avec des dizaines de div imbriquées pour un résultat souvent décevant.

Les Containers Flexbox : la révolution

Depuis Elementor 3.6, les Containers remplacent les Sections/Colonnes. Ils reposent sur CSS Flexbox, la même technologie que les développeurs front-end utilisent au quotidien. Un Container peut contenir des widgets ET d’autres Containers. Pas de limite d’imbrication. Pas de structure imposée.

Concrètement, un Container Flexbox vous donne le contrôle sur :

• Direction : horizontal (row) ou vertical (column)
• Alignement : justify-content, align-items (centre, début, fin, espace entre…)
• Gap : l’espacement entre les éléments enfants
• Wrapping : les éléments passent-ils à la ligne ou restent-ils sur une seule ?
• Ordre : réordonner visuellement les éléments sans toucher au HTML

Ça vous parle ? Si vous avez déjà fait du CSS, vous êtes en terrain connu. Sinon, Elementor rend tout ça visuel : vous cliquez sur des icônes au lieu d’écrire du code.

Vidéo officielle : les réglages détaillés des Containers (direction, gap, alignement).

Pourquoi c’est mieux

Trois raisons majeures :

Moins de DOM. L’ancien système générait une montagne de div inutiles. Les Containers produisent un HTML plus propre, ce qui signifie un DOM plus léger et de meilleures performances. Sur une page complexe, la différence peut atteindre 30 à 40% de nœuds DOM en moins.

Plus de flexibilité. Imbrication libre, mises en page complexes sans bidouille, responsive natif. Vous pouvez créer des layouts qui étaient impossibles avec l’ancien système.

À l’épreuve du temps. Flexbox est un standard CSS moderne, pas une invention maison. Votre mise en page suit les mêmes règles que celles qu’un développeur écrirait à la main.

Exemple concret : une section hero avec Containers

Prenons un cas pratique. Vous voulez créer une section hero avec une image à gauche et du texte à droite. Avec l’ancien système, il fallait une Section avec deux Colonnes (50/50). Avec les Containers :

• Créez un Container avec la direction Row (horizontale)
• Placez un widget Image dans la première moitié
• Ajoutez un Container enfant pour le texte (direction Column)
• Dans ce Container enfant : widget Titre + widget Texte + widget Bouton
• Réglez l’alignement vertical sur "Center" pour centrer le tout

Le résultat est identique visuellement, mais le HTML généré est bien plus propre. Et en responsive, vous changez simplement la direction du Container parent en Column pour empiler les éléments sur mobile. Pas besoin de masquer/afficher des éléments différents selon l’appareil.

Migrer depuis l’ancien système

Elementor propose un outil de conversion automatique qui transforme vos Sections/Colonnes en Containers. Attention, le résultat n’est pas toujours parfait. Sur des mises en page simples, ça passe nickel. Sur des pages avec des imbrications complexes ou beaucoup de CSS personnalisé, prévoyez une à deux heures de retouche par page.

Les widgets Elementor : tour d’horizon complet

Les widgets sont les briques de construction de vos pages. Chaque élément visible (un titre, une image, un bouton, un formulaire) est un widget. Elementor en propose plus de 100 au total, dont une quarantaine dans la version gratuite.

Les widgets basiques (gratuits)

Ce sont ceux que vous utiliserez dans 80% de vos pages :

• Titre (Heading) : pour vos H1, H2, H3…
• Éditeur de texte : un bloc de texte riche avec mise en forme
• Image : avec options de taille, lien, lightbox
• Bouton : personnalisable à l’extrême (couleurs, icônes, hover effects)
• Espacement (Spacer) : pour gérer les espaces entre éléments
• Diviseur : une ligne de séparation
• Icône : accès à la bibliothèque Font Awesome et autres
• Google Maps : intégrer une carte (nécessite une clé API)

Les widgets avancés (gratuits)

Moins utilisés au quotidien mais bien utiles quand il le faut :

• Accordéon : contenu pliable/dépliable (FAQ, spécifications)
• Onglets (Tabs) : organiser du contenu en sections à onglets
• Compteur (Counter) : animation de chiffres qui montent
• Barre de progression : idéal pour afficher des compétences
• Témoignage : avec photo, texte et attribution
• Carrousel d’images : galerie avec défilement
• Alerte : messages de notification stylisés

Les widgets Pro

C’est là que la version payante justifie son prix :

• Formulaire : le Form Builder intégré (emails, redirections, webhooks, étapes multiples)
• Slides : un vrai slider avec transitions et animations
• Portfolio : grille filtrable pour vos projets
• Table des prix : comparatif tarifaire avec mise en avant d’un plan
• Compte à rebours : timer avec actions à l’expiration
• Share Buttons : boutons de partage social
• Posts : afficher vos articles avec filtres, pagination et layout personnalisé
• Loop Builder : créer des boucles d’affichage personnalisées (articles, CPT, taxonomies)

Le CSS personnalisé : aller plus loin

Avec Elementor Pro, chaque widget dispose d’un champ "Custom CSS" dans son onglet Avancé. Tu tapes du CSS, et il s’applique uniquement à ce widget. Le mot-clé magique, c’est selector : il cible automatiquement le widget courant, sans avoir à chercher la classe CSS dans l’inspecteur.

Exemple concret :

selector .elementor-heading-title {
  text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

Et voilà, ton titre a une ombre portée. Pour du CSS qui s’applique à tout le site, direction Elementor > Custom Code (ou Site Settings > Custom CSS dans les anciennes versions). C’est là que tu mets tes styles globaux.

Un conseil quand même : si tu te retrouves avec 200 lignes de CSS custom pour compenser les limites d’Elementor, c’est peut-être le signe que le page builder atteint ses limites pour ton projet. À ce stade, pose-toi la question d’un thème sur mesure ou d’une approche plus "code".

Widgets WordPress natifs et addons tiers

Elementor intègre aussi les widgets WordPress classiques (catégories, articles récents, menu, etc.) directement dans son interface. Pratique pour ne pas jongler entre deux éditeurs.

Désactiver les widgets inutilisés

On l’oublie trop souvent : Elementor charge par défaut le CSS et le JavaScript de TOUS ses widgets, même ceux que vous n’utilisez pas. Rendez-vous dans Elementor > Réglages > Avancé et activez le "chargement optimisé des ressources". Depuis la version 3.x, vous pouvez aussi désactiver individuellement les widgets dans Elementor > Gestionnaire des éléments.

Bref. Si vous utilisez 15 widgets sur les 100 disponibles, désactivez les 85 autres. Votre PageSpeed vous remerciera.

Les addons tiers : étendre les possibilités

Elementor tout seul, c’est déjà costaud. Mais il existe un écosystème entier d’extensions tierces qui ajoutent des dizaines (voire des centaines) de widgets supplémentaires. Le problème, c’est qu’on peut vite se retrouver avec plus de plugins que de pages sur son site…

Le plus populaire, c’est Essential Addons for Elementor par WPDeveloper : 2 millions d’installations actives, plus de 100 widgets (compteur animé, timeline, filtres de galerie, grille de posts avancée…). C’est le couteau suisse. Ensuite, la suite JetPlugins de Crocoblock vise plutôt les développeurs et agences : JetEngine pour le contenu dynamique avancé, JetSmartFilters pour les filtres Ajax, JetWooBuilder pour personnaliser WooCommerce en profondeur. C’est du premium, mais la puissance est là.

Tu cherches un addon polyvalent sans te ruiner ? ElementsKit (1M+ installations) et Premium Addons for Elementor (700K+ installations) offrent un bon compromis entre widgets gratuits et fonctions Pro. The Plus Addons complète le tableau avec des widgets orientés design (listings, carrousels avancés, animations). Chacun a ses spécialités.

Templates et kits : accélérer votre création

Partir d’une page blanche, c’est bien pour l’ego. Mais en réalité, 90% des sites n’ont pas besoin d’un design sur mesure. Elementor l’a compris et propose une bibliothèque de templates prêts à l’emploi.

La bibliothèque de templates

Accessible depuis l’icône dossier dans l’éditeur (ou le raccourci Ctrl+Shift+L), la bibliothèque contient trois types de templates :

• Pages complètes : homepage, about, contact, services, portfolio… Plus de 300 modèles avec la version Pro
• Blocs : des sections individuelles (hero, features, testimonials, CTA, pricing, FAQ) que vous assemblez comme des Legos
• Popups (Pro) : modèles de popups avec conditions d’affichage

L’insertion se fait en un clic. Le template s’adapte à votre palette de couleurs et à vos typographies si vous avez configuré un kit de site global.

Les kits de site

Un kit de site, c’est un ensemble cohésif de templates qui couvrent toutes les pages d’un site : accueil, à propos, contact, blog, page 404, header, footer… Le tout avec un design unifié. Elementor en propose plus de 100 dans sa bibliothèque.

Ça te tente ? Attention quand même. Un kit de site, c’est rapide à installer, mais ça peut importer des dizaines de pages, de templates et de réglages globaux. Si vous avez déjà du contenu sur votre site, ça peut créer des conflits. Importez toujours sur une installation fraîche ou sur un site de staging.

Créer et sauvegarder vos propres templates

C’est là qu’Elementor brille pour les freelances et agences. Vous construisez une section hero qui vous plaît ? Sauvegardez-la comme template. Un footer que vous réutilisez sur tous vos projets ? Template. Un formulaire de contact avec votre mise en forme ? Template.

Vos templates personnalisés sont accessibles dans l’onglet "Mes templates" de la bibliothèque. Vous pouvez les exporter en fichier JSON pour les réimporter sur un autre site. C’est d’ailleurs comme ça que les agences qui utilisent Elementor capitalisent sur leur travail : elles se constituent une bibliothèque de composants réutilisables.

Le Theme Builder : personnaliser header, footer et archives

Le Theme Builder est LA fonctionnalité qui justifie, à elle seule, le passage à Elementor Pro pour beaucoup d’utilisateurs. Avec la version gratuite, vous construisez le contenu de vos pages. Avec le Theme Builder, vous construisez tout le reste : l’en-tête, le pied de page, les templates d’articles, les pages d’archives, la page 404…

Header personnalisé

Plus besoin de toucher au code PHP de votre thème pour modifier le header. Avec le Theme Builder, vous créez un header de zéro ou partez d’un template. Logo, menu de navigation, bouton CTA, barre de recherche, icônes sociales : tout se place en drag-and-drop. Vous pouvez même créer un header différent pour mobile avec un menu hamburger personnalisé.

Le header supporte aussi les effets au scroll : sticky (fixe en haut), shrink (qui rétrécit), transparent (fond transparent qui devient opaque au scroll).

Footer personnalisé

Même principe que le header. Colonnes avec liens, formulaire de newsletter, informations de contact, mentions légales, réseaux sociaux… Tout est personnalisable visuellement.

Template Single Post

C’est là que ça devient puissant. Vous définissez l’apparence de vos articles de blog (ou de n’importe quel Custom Post Type) avec des balises dynamiques : titre de l’article, contenu, image mise en avant, date, auteur, catégories, tags, articles similaires… Le contenu se remplit automatiquement depuis WordPress.

Vous pouvez même créer plusieurs templates et les appliquer conditionnellement : un template pour les articles de la catégorie "Tutoriels", un autre pour la catégorie "Actualités".

Template Archive

La page qui liste vos articles (blog, catégorie, tag, auteur) se personnalise aussi. Grille ou liste, nombre de colonnes, pagination, filtres… Vous avez un contrôle total sur la présentation de vos archives.

Page 404 personnalisée

La page 404, c’est celle qu’on oublie toujours. Avec le Theme Builder, vous la transformez en page utile : barre de recherche, liens vers vos pages principales, message personnalisé, et pourquoi pas un peu d’humour. Un visiteur qui tombe sur une 404 stylisée et fonctionnelle a beaucoup plus de chances de rester sur votre site qu’un visiteur qui voit le message par défaut "Oups ! Cette page n’existe pas".

Popup Builder

Tant qu’on parle du Pro, le Popup Builder mérite une mention. Vous créez des popups avec le même éditeur drag-and-drop, et vous définissez des déclencheurs : au chargement de la page, au scroll, à l’intention de sortie, après X secondes, au clic sur un élément… Combiné avec les conditions d’affichage (voir ci-dessous), ça donne un système de popups complet sans installer de plugin supplémentaire.

Un mot de prudence quand même : les popups agressifs, c’est le meilleur moyen de faire fuir vos visiteurs. Utilisez-les avec parcimonie. Un popup d’intention de sortie pour une newsletter, ça passe. Trois popups qui s’empilent en 10 secondes, ça agace tout le monde. Et Google pénalise les "interstitiels intrusifs" sur mobile depuis 2017.

Les conditions d’affichage

Chaque template créé dans le Theme Builder peut être appliqué selon des conditions précises : sur tout le site, sur certaines pages, sur certaines catégories, sur un article spécifique, selon si l’utilisateur est connecté ou non… Ce système de conditions est un des points forts d’Elementor Pro. Il vous évite d’avoir à coder des conditions PHP dans vos fichiers de thème.

Concrètement, vous pouvez afficher un header différent sur votre blog et sur votre boutique. Ou un footer spécifique sur vos landing pages. Ou un template d’article avec sidebar pour votre blog, et un template pleine largeur pour vos pages de vente. Tout ça se configure visuellement, sans toucher au code.

Le contenu dynamique : afficher les bonnes données au bon endroit

Le contenu dynamique, c’est probablement la feature la plus sous-estimée d’Elementor Pro. Le principe : au lieu de taper du texte "en dur" dans un widget, vous lui dites d’aller chercher la donnée dans la base de données WordPress. Titre du post, nom de l’auteur, date de publication, image mise en avant, champ personnalisé… tout devient dynamique grâce aux Dynamic Tags.

Concrètement, ça change quoi ? Imaginons que vous créez un template "fiche produit" avec le Theme Builder. Au lieu d’écrire le prix à la main sur chaque page, vous insérez un Dynamic Tag qui affiche automatiquement le prix WooCommerce. Le nom du produit, la description, la galerie d’images : tout se remplit tout seul. Un seul template pour 500 produits. Vous voyez l’économie de temps…

Même logique pour un blog. Vous construisez votre template Single Post avec l’avatar de l’auteur, sa bio, la date de publication, les catégories, et tout s’adapte automatiquement à chaque article. Un seul template, des centaines de pages uniques. C’est là que le Theme Builder prend tout son sens.

Et si vous utilisez des plugins de custom fields comme ACF, Pods, JetEngine ou Meta Box, Elementor Pro sait lire leurs données. Vous avez créé un champ "Superficie" dans ACF pour vos biens immobiliers ? Un Dynamic Tag le récupère et l’affiche pile là où vous voulez dans votre template. On l’oublie trop souvent, mais c’est cette combinaison Theme Builder + Dynamic Tags + Custom Fields qui transforme WordPress en véritable application web sur mesure.

Elementor et WooCommerce : créer une boutique

Si vous vendez des produits en ligne avec WordPress, vous utilisez probablement WooCommerce. Et si vous utilisez Elementor Pro, vous pouvez personnaliser visuellement l’intégralité de votre boutique.

Le WooCommerce Builder

Avec Elementor Pro, vous accédez au WooCommerce Builder qui vous donne la main sur les pages clés de votre boutique :

• Page produit : personnalisez la galerie, le titre, le prix, le bouton d’ajout au panier, les onglets de description, les avis
• Page boutique/archives : grille de produits, filtres, tri, nombre de colonnes
• Page panier : design du panier avec résumé, code promo, totaux
• Page paiement (checkout) : formulaire de commande, résumé de commande
• Page Mon compte : l’espace client avec ses onglets

Elementor Pro propose aussi des widgets WooCommerce dédiés : produits (avec filtres), catégories de produits, menu panier, ajouter au panier, produits liés, ventes flash…

Exemple : personnaliser une fiche produit

Avec le WooCommerce Builder, vous repartez d’une page blanche pour vos fiches produit. Vous placez les éléments dynamiques où vous voulez : la galerie produit en haut à gauche (pleine largeur ou en grille), le titre et le prix à droite, le bouton d’ajout au panier avec des options de quantité, les onglets description/avis en dessous, et les produits similaires en bas. Chaque élément est un widget dédié qui récupère automatiquement les données du produit.

Ça paraît évident, mais c’est exactement ce que WooCommerce natif ne vous laisse pas faire sans toucher au code PHP. Et ça, pour un commerçant qui veut mettre en avant certains éléments (les avis clients en haut de page, un badge de confiance à côté du bouton d’achat), ça change la donne.

Les limites à connaître

Est-ce que WooCommerce + Elementor fait un bon duo ? Pour des boutiques de petite à moyenne taille (moins de 500 produits), oui. Ça fonctionne bien. Mais il y a des points de friction :

D’abord, la performance. Elementor ajoute du poids à chaque page, et sur une boutique WooCommerce qui est déjà gourmande par nature, ça s’accumule vite. Sur une fiche produit chargée avec Elementor, le DOM peut facilement dépasser les 1500 nœuds (Google recommande de rester sous 1400).

Ensuite, les mises à jour. WooCommerce met à jour ses templates régulièrement, et Elementor doit suivre. Il arrive parfois qu’une mise à jour de WooCommerce casse temporairement le rendu Elementor. Ce n’est pas fréquent, mais quand ça arrive sur une boutique en production, c’est stressant.

Enfin, pour les grosses boutiques (1000+ produits, variations complexes, multi-devises), des solutions spécialisées comme Breakdance ou un thème WooCommerce natif seront plus performantes.

Le Form Builder : créer des formulaires sans plugin

Tu utilises Contact Form 7 ou WPForms pour tes formulaires ? Avec Elementor Pro, tu peux les jeter. Bon, pas "jeter" au sens propre… mais le Form Builder intégré remplace la plupart des plugins de formulaires. Et tout se configure en drag and drop, directement dans l’éditeur visuel.

Le widget Form d’Elementor Pro propose une liste de champs qui couvre 95% des besoins : texte, email, textarea, select (liste déroulante), checkbox, radio, date, heure, upload de fichier, mot de passe, champ caché (hidden) et même un champ "Acceptance" pour la case RGPD. Tu veux un formulaire de contact classique ? Cinq minutes, montre en main. Un formulaire de candidature avec upload de CV ? Dix minutes, grand maximum.

Là où ça devient vraiment intéressant, c’est côté intégrations email. Elementor Pro se connecte nativement à Mailchimp, ActiveCampaign, GetResponse, ConvertKit, Drip, HubSpot, MailerLite… et même Slack et Discord pour les notifications d’équipe. Tu récupères un lead via ton formulaire, et il atterrit directement dans ton outil de newsletter. Zéro plugin supplémentaire, zéro configuration Zapier (même si le webhook est aussi disponible pour les cas plus exotiques).

Et les formulaires multi-étapes, ça vous parle ? Elementor Pro les gère nativement. Tu ajoutes un champ "Step" entre tes groupes de champs, et le formulaire se découpe automatiquement en étapes avec barre de progression. Pratique pour les formulaires longs : devis, inscription à un événement, questionnaire client. Le taux de complétion grimpe sensiblement quand l’utilisateur voit qu’il n’a "que 3 étapes" au lieu d’un mur de 15 champs.

Côté actions après soumission, Elementor Pro ne se contente pas d’envoyer un email. Tu peux configurer plusieurs actions en cascade : envoyer un email de confirmation au visiteur (Email2), rediriger vers une page de remerciement, déclencher un webhook Zapier ou Make, ouvrir un popup… Tout ça empilable. Un seul formulaire peut envoyer l’email à l’admin, confirmer au visiteur, ajouter le contact dans Mailchimp et afficher un popup de remerciement. En un seul envoi.

Bref. Si tes besoins en formulaires restent "classiques" (contact, devis, inscription, newsletter), le Form Builder d’Elementor Pro fait le job sans plugin supplémentaire. Pour des formulaires plus complexes (paiement, calculs, logique conditionnelle avancée), il faudra compléter avec des addons ou envisager un plugin dédié comme WPForms ou Gravity Forms.

Elementor AI et Angie : l’IA intégrée au constructeur

L’IA s’invite partout en 2026, et Elementor n’est pas en reste. Depuis 2023, le constructeur intègre des fonctionnalités d’intelligence artificielle directement dans l’éditeur. Et en 2026, l’arrivée d’Angie, l’IA agentique, pousse le concept encore plus loin.

Génération de texte

Cliquez sur l’icône AI dans n’importe quel champ texte, et Elementor AI génère du contenu pour vous. Titres, descriptions, paragraphes, appels à l’action… Vous précisez le ton (professionnel, décontracté, persuasif), la longueur et le contexte, et l’IA fait le reste.

Ça remplace-t-il un vrai rédacteur ? Non. Mais ça peut vous débloquer quand vous séchez devant une page blanche ou générer un premier jet à retravailler.

Création et édition d’images

Elementor AI génère des images à partir d’un prompt textuel. Vous décrivez ce que vous voulez ("une illustration flat design d’un bureau avec un ordinateur et une tasse de café, tons bleus"), et l’IA produit l’image directement dans la bibliothèque de médias WordPress. Vous pouvez aussi éditer des images existantes : supprimer un arrière-plan, agrandir le cadrage, modifier les couleurs.

Génération de code CSS

Besoin d’un effet hover personnalisé ? D’une animation CSS spécifique ? Plutôt que de fouiller Stack Overflow, vous décrivez l’effet souhaité en langage naturel et Elementor AI génère le code CSS correspondant. Le code est injecté directement dans le champ CSS personnalisé de l’élément concerné.

AI Site Planner

Vous décrivez votre projet (type de site, secteur d’activité, objectifs), et l’IA génère un plan de site avec les pages nécessaires, leur structure et un wireframe pour chacune. C’est un point de départ, pas un produit fini. Mais pour quelqu’un qui ne sait pas par où commencer, ça peut faire gagner plusieurs heures de réflexion.

Angie : l’IA agentique

Angie, c’est le grand projet de 2026 pour Elementor. Contrairement à l’IA classique qui génère du contenu sur demande, Angie est un agent qui effectue des actions dans WordPress. Vous lui dites "crée une page de contact avec un formulaire, un plan Google Maps et les horaires d’ouverture", et elle le fait. Elle crée la page, place les widgets, configure le formulaire.

C’est encore en phase de déploiement, et les résultats varient en qualité. Mais la direction est claire : Elementor veut que vous puissiez construire un site en conversant avec une IA plutôt qu’en glissant-déposant des widgets.

Crédits et pricing AI

L’IA d’Elementor fonctionne avec un système de crédits. Le plan AI Starter à 2,99 dollars par mois vous donne un quota de crédits mensuels pour la génération de texte, d’images et de code. Les crédits non utilisés ne sont pas reportés au mois suivant.

En pratique, si vous utilisez l’IA de manière occasionnelle (quelques textes et images par semaine), le plan de base suffit. Si vous comptez générer tout le contenu de votre site avec l’IA… le budget crédits monte vite et le résultat sera probablement décevant en qualité.

Elementor gratuit vs Pro vs Elementor One : quel plan choisir ?

Trois options, trois profils différents. Voici un comparatif honnête pour vous aider à choisir sans dépenser à l’aveugle.

Tableau comparatif

Plan	Prix/mois	Prix/an	Sites	Widgets Pro	Crédits IA
Essentiel	5 €	60 €	1	50+	0
Advanced Solo	7 €	84 €	1	86	0
Avancé	9 €	99 €	3	86	0
One (Best value)	14 €	168 €	1	86	25 000/mois
Expert (clients)	17 €	204 €	25	86	0
One Agency	37 €	444 €	Illimités	86	350 000/mois

Les plans Pro en détail

Tous les plans Pro incluent les mêmes fonctionnalités (Theme Builder, Form Builder, Popup Builder, WooCommerce Builder, Custom CSS, Loop Builder). La différence : le nombre de sites et le nombre de widgets Pro (50+ sur Essentiel, 86 sur les plans supérieurs). Pour les freelances et agences, le plan Expert à 17 €/mois pour 25 sites revient à moins d’un euro par site. C’est là que le rapport qualité-prix devient intéressant.

Elementor One : la formule tout-en-un

Vidéo officielle : présentation d’Elementor One, la formule tout-en-un.

Elementor One, c’est le pari de 2026. Un abonnement unique à 12,99 dollars par mois (168 euros/an) qui regroupe : l’éditeur Pro, l’hébergement cloud, un nom de domaine, des emails, l’optimisation d’images, la conformité cookies, la gestion multi-sites, et l’IA.

Sur le papier, c’est séduisant. Vous payez un seul abonnement au lieu de jongler entre un hébergeur, un constructeur de pages, un optimiseur d’images et un plugin de cookies. En pratique, vous êtes verrouillé dans l’écosystème Elementor pour tout. Si un jour vous voulez changer de constructeur ou d’hébergeur, la migration sera… complexe.

Mon conseil selon votre profil

Vous débutez et voulez tester ? Commencez par la version gratuite. Elle couvre 80% des besoins d’une page simple. Si vous sentez que vous êtes limité (pas de Theme Builder, pas de formulaires), passez au Pro.

Vous créez un site pro (vitrine, portfolio, blog sérieux) ? Le plan Essentiel à 60 €/an est le meilleur rapport qualité-prix. Le Theme Builder seul vaut l’investissement.

Vous êtes freelance ou agence ? Le plan Expert (25 sites) ou One Agency (sites illimités) selon votre volume. Le prix par site chute drastiquement.

Elementor One ? Honnêtement, à 12,99 dollars par mois, c’est un bon deal SI vous partez de zéro et que vous voulez tout centraliser. Mais si vous avez déjà un hébergement et un workflow en place, l’intérêt est limité. Et attention au prix de renouvellement : 228 €/an au lieu de 168 €.

Optimiser les performances d’un site Elementor

C’est le sujet qui fâche. Et c’est probablement pour ça que vous êtes ici. Elementor a la réputation de produire des sites lents, avec un DOM surchargé et du code CSS/JS en pagaille. Est-ce vrai ? Oui et non. Un site Elementor MAL configuré sera lent. Un site Elementor BIEN configuré peut atteindre 80+ en PageSpeed Mobile. J’en ai vu à 90+, même si c’est rare.

Le problème du DOM

Le DOM (Document Object Model), c’est la structure HTML de votre page. Chaque div, chaque span, chaque élément est un nœud du DOM. Google recommande de ne pas dépasser 1400 nœuds par page. Une page Elementor moyenne ? Souvent entre 1500 et 3000 nœuds. Sur les pages complexes avec beaucoup de sections, ça peut monter à 5000+.

Pourquoi c’est un problème ? Parce qu’un DOM lourd ralentit le rendu du navigateur, augmente le temps de peinture (paint time) et dégrade l’Interaction to Next Paint (INP), un des Core Web Vitals mesuré par Google.

La première action, on en a parlé : passer aux Containers Flexbox. La deuxième : simplifier vos mises en page. Pas de panique, ça ne veut pas dire faire des pages moches. Ça veut dire supprimer les containers imbriqués inutiles, les spacers quand un padding suffit, les colonnes vides qui ne servent à rien.

Désactiver ce que vous n’utilisez pas

Allez dans Elementor > Réglages > Performance et activez :

• Chargement optimisé des CSS : ne charge que les styles des widgets utilisés sur la page
• Amélioration du chargement des ressources : diffère le JavaScript non critique
• Lazy loading des images : activé par défaut depuis WordPress 5.5, mais vérifiez que c’est bien en place

Puis dans Elementor > Gestionnaire des éléments, désactivez tous les widgets que vous n’utilisez pas. Soyez radical. Vous pourrez toujours les réactiver si besoin.

Les images : le nerf de la guerre

Sur la majorité des sites Elementor que j’audite, les images représentent 60 à 80% du poids total de la page. Des images de 3 Mo uploadées sans redimensionnement, affichées en 300 pixels de large. C’est le problème numéro un, et le plus simple à corriger.

• Redimensionnez vos images AVANT l’upload (max 1920px de large pour du full-width)
• Utilisez le format WebP ou AVIF
• Compressez avec un outil comme ShortPixel, Imagify ou l’Image Optimizer intégré à Elementor
• Activez le lazy loading natif de WordPress

Cache et CDN

Un plugin de cache est obligatoire sur un site Elementor. WP Super Cache, W3 Total Cache, LiteSpeed Cache (si vous êtes chez un hébergeur compatible comme O2switch), WP Rocket… Le cache stocke une version statique de vos pages et évite à WordPress de recalculer tout à chaque visite.

Ajoutez un CDN (Cloudflare en gratuit fonctionne très bien) pour distribuer vos ressources depuis des serveurs proches de vos visiteurs. Sur un site francophone avec un hébergement en France, l’impact CDN est modéré pour le public français, mais significatif pour les visiteurs d’Afrique francophone ou du Canada.

Les Google Fonts : un piège courant

Par défaut, Elementor charge les polices Google depuis les serveurs de Google. Chaque police ajoute une requête externe et 20 à 100 Ko de fichiers. Si votre site utilise 3 polices avec 4 variantes chacune (regular, bold, italic, bold italic), ça fait 12 fichiers de police à télécharger. Et c’est sans compter les polices chargées par votre thème en parallèle.

Deux solutions : limitez-vous à 1 ou 2 polices maximum (une pour les titres, une pour le corps). Et si vous voulez aller plus loin, hébergez les polices localement plutôt que de les charger depuis Google. Elementor Pro offre cette option dans les réglages avancés. Ça élimine les requêtes externes et améliore le LCP.

Les animations : jolies mais coûteuses

Tu aimes les animations d’entrée au scroll ? Les fade-in, slide-up, zoom-in sur chaque section ? Je comprends, c’est satisfaisant visuellement. Mais chaque animation charge du JavaScript supplémentaire et déclenche des recalculs de layout dans le navigateur. Sur une page avec 20 sections animées, l’impact sur le INP (Interaction to Next Paint) est mesurable.

Mon conseil : réservez les animations aux éléments clés (hero, CTA, témoignages). Le reste, laissez-le statique. Votre visiteur ne remarquera pas l’absence d’animation sur votre troisième section de features. Par contre, il remarquera si la page met 4 secondes à devenir interactive.

L’Element Caching : le gain de performance caché

Depuis la version 3.26, Elementor intègre un système d’Element Caching côté serveur. Le principe : au lieu de recalculer le rendu HTML de chaque widget à chaque chargement de page, Elementor met en cache le HTML généré et le réutilise. Résultat annoncé par l’équipe Elementor : jusqu’à 99% de réduction de la consommation mémoire PHP sur les pages complexes.

Concrètement, ça se traduit par un TTFB (Time To First Byte) plus court et une meilleure tenue sous charge. Pour l’activer, direction Elementor > Réglages > Performance > Element Caching. C’est désactivé par défaut sur les sites existants, donc pensez à l’activer. Sur un site avec 20+ widgets par page, la différence est mesurable.

Mesurer avant et après

Pas de panique si votre score PageSpeed n’est pas à 100. Ça n’existe quasiment pas sur un site Elementor. L’objectif réaliste :

• Desktop : 90+ (tout à fait atteignable)
• Mobile : 70-85 (bon résultat pour Elementor)
• LCP : sous 2.5 secondes
• INP : sous 200 ms
• CLS : sous 0.1

Testez votre site sur PageSpeed Insights et sur GTmetrix AVANT de toucher à quoi que ce soit. Notez les scores. Puis appliquez les optimisations une par une et mesurez l’impact de chacune. C’est la seule méthode rigoureuse.

Trois features Pro souvent oubliées

Le multilinguisme. Elementor est officiellement compatible avec WPML, et fonctionne aussi avec Polylang et TranslatePress. Chaque template du Theme Builder peut être traduit indépendamment : vous pouvez avoir un header en français et un header en anglais, chacun avec sa propre mise en page. Attention cependant : certains addons tiers (Essential Addons, Premium Addons…) ne gèrent pas toujours bien le multilingue. Testez avant de tout construire.

Le Role Manager. En agence ou en équipe, c’est une pépite. Vous contrôlez qui a accès à l’éditeur Elementor, et à quel niveau. Un rédacteur peut modifier le contenu des pages sans toucher au design. Un contributeur n’a pas accès à l’éditeur du tout. Et les templates du Theme Builder restent verrouillés pour les non-admins. Ça vous parle, les clients qui "cassent" le design en voulant changer une couleur ? Le Role Manager règle ce problème.

Le mode maintenance. Elementor intègre un mode maintenance et un mode "Coming Soon" avec un template 100% personnalisable via l’éditeur visuel. Compteur de temps, formulaire d’inscription, icônes réseaux sociaux… tout se construit en drag and drop. Pas besoin d’installer un plugin dédié juste pour afficher une page "site en construction". À noter : cette feature est disponible dès la version gratuite d’Elementor (Elementor > Outils > Mode de maintenance).

Les vrais inconvénients d’Elementor (et pour qui ça reste pertinent)

Bon. On arrive à la partie où je vous donne mon avis sans filtre. Et je suis bien placé pour en parler : j’ai utilisé Elementor pendant des années, je l’ai enseigné en formation, j’ai accompagné des dizaines de clients dessus… et j’ai fini par m’en détacher. Pas par caprice, mais après avoir comparé sur des vrais projets, avec des vrais chiffres.

Le poids du code

Elementor génère du code HTML, CSS et JavaScript supplémentaire que l’éditeur natif de WordPress ne produit pas. Selon un benchmark publié en 2026 par InspiredMonks, une page Elementor basique charge environ 245 Ko de JavaScript et 180 Ko de CSS, soit ~425 Ko de ressources rien que pour le constructeur. À titre de comparaison, un constructeur optimisé comme Bricks ne charge que 40 Ko au total pour le même layout.

En pratique, attendez-vous à un poids de page 10 à 25% supérieur à un équivalent construit avec l’éditeur natif WordPress, selon les tests disponibles (PagePipe). Avec un bon plugin de cache et des images compressées, l’écart peut descendre sous les 10%. C’est pas dramatique, mais ça s’accumule sur un site de 100+ pages.

Le lock-in : la migration est un calvaire

C’est l’inconvénient dont on parle le moins, et pourtant c’est le plus grave à long terme. Quand vous construisez un site avec Elementor, votre contenu est stocké dans un format propriétaire : des shortcodes et du JSON dans les métadonnées WordPress. Si vous désactivez Elementor, vos pages ne s’effondrent pas complètement, mais elles affichent un mélange de texte brut et de shortcodes inutilisables.

Migrer d’Elementor vers l’éditeur natif ou vers un autre constructeur ? Prévoyez entre 15 et 30 minutes par page pour reconstruire manuellement le contenu. Sur un site de 50 pages, ça représente entre 12 et 25 heures de travail. J’ai accompagné des clients dans cette migration, et je peux vous dire que personne n’en sort en souriant.

Le plugin overload

Un site Elementor "typique" ne se limite pas au plugin Elementor. En général, on retrouve :

• Elementor (gratuit)
• Elementor Pro
• 1 à 3 addons (Essential Addons, JetPlugins…)
• Un plugin de formulaire supplémentaire (parfois)
• Un plugin de slider (parfois)
• Un plugin de popup (parfois)

Ça fait 4 à 7 plugins rien que pour la partie "construction de pages". Chaque plugin charge ses propres CSS, JavaScript, fait ses requêtes à la base de données… On l’oublie trop souvent, mais chaque plugin ajoute une couche de complexité, de maintenance et de risque de conflit.

Le coût cumulé

Faisons le calcul sur 3 ans :

• Elementor Pro Essentiel : 60 €/an x 3 = 180 €
• 1 addon premium (Essential Addons Pro, par exemple) : ~40 €/an x 3 = 120 €
• Total sur 3 ans : environ 300 € (soit 300 €)

Ce n’est pas énorme pour un professionnel. Mais comparez avec l’alternative : l’éditeur natif WordPress (Gutenberg) est gratuit, intégré, et ne nécessite aucun plugin supplémentaire pour la construction de pages. Pour les fonctionnalités avancées, des extensions comme Spectra ou le Full Site Editing comblent la majorité des besoins sans coût additionnel.

Mon avis : fini les constructeurs de page ?

Mon parcours avec Elementor ressemble à celui de beaucoup de pros WordPress. Je l’ai adopté tôt, j’en ai parlé en conférence au WordCamp Lyon 2022, et progressivement, j’ai migré vers l’éditeur natif WordPress. Elementor a beaucoup évolué depuis (le V4, les Containers, l’IA…), mais le fond du problème reste le même : c’est une couche supplémentaire entre vous et WordPress, avec tout ce que ça implique en termes de poids, de dépendance et de maintenance.

Sur wpformation.com, j’ai fait le choix du natif. Zéro page builder. Et le résultat parle de lui-même : PageSpeed Mobile 98, un code ultra-léger, et une maintenabilité bien supérieure.

Mais, et c’est un "mais" important : Elementor reste pertinent pour certains profils.

Si tu es un entrepreneur qui veut construire son site tout seul, sans coder, et que tu as besoin d’un résultat pro rapidement, Elementor reste un excellent outil. L’éditeur natif de WordPress, malgré ses progrès, demande plus de connaissances techniques pour obtenir un résultat équivalent. Le Theme Builder d’Elementor est encore en avance sur le FSE natif en termes d’expérience utilisateur.

Si tu es un freelance ou une agence qui doit livrer des sites rapidement à des clients qui gèrent eux-mêmes leur contenu, Elementor est efficace. L’interface est intuitive, les clients comprennent le drag-and-drop, et la courbe d’apprentissage est douce.

Par contre, si tu es soucieux du SEO et de la performance, si tu veux un site léger et maintenable sur le long terme, si tu ne veux pas dépendre d’un plugin tiers pour la structure même de ton site… alors l’éditeur natif WordPress mérite sérieusement ton attention. C’est la direction que prend tout l’écosystème.

Pour qui Elementor reste le bon choix en 2026 ?

• Entrepreneurs et indépendants qui veulent un site pro sans coder
• Freelances et agences qui doivent livrer vite avec une interface client-friendly
• E-commerce petite/moyenne taille avec WooCommerce (moins de 500 produits)
• Sites vitrines de 5 à 15 pages où la performance n’est pas l’enjeu numéro un
• Utilisateurs qui viennent de Wix/Squarespace et veulent retrouver une expérience visuelle similaire sur WordPress

Pour qui il vaut mieux passer son chemin ?

• Blogueurs et éditeurs de contenu avec 100+ articles (l’éditeur natif est plus adapté)
• Sites où le SEO technique est critique (le poids supplémentaire pénalise)
• Développeurs qui savent coder et n’ont pas besoin d’un constructeur visuel
• Projets long terme (5+ ans) où le lock-in est un risque stratégique
• Sites à fort trafic où chaque Ko compte

Et les alternatives ?

En 2026, Elementor n’est plus seul. Les alternatives sérieuses ne manquent pas :

• L’éditeur natif WordPress (Gutenberg + Full Site Editing) : gratuit, intégré, en progression constante
• Bricks Builder : ultra-performant, favorisé par les développeurs, code propre
• GenerateBlocks + GeneratePress : léger, efficace, parfait pour les puristes de la performance
• Kadence Blocks : excellent compromis entre simplicité et puissance
• Divi 5 : le concurrent historique, complètement réécrit en 2025-2026

Le choix dépend de vos priorités. Performance ? Bricks ou GenerateBlocks. Simplicité ? Elementor ou Kadence. Contrôle total sans plugin ? L’éditeur natif. Budget zéro ? L’éditeur natif, encore.

FAQ

Elementor est-il gratuit ?

Elementor existe en version gratuite sur WordPress.org avec plus de 40 widgets, 100+ templates et les Containers Flexbox. Cette version couvre les besoins de base pour construire des pages. La version Pro (à partir de 60 €/an) ajoute le Theme Builder, le Form Builder, le WooCommerce Builder, les popups et plus de 100 widgets supplémentaires. La version gratuite est suffisante pour tester et pour des pages simples, mais la majorité des utilisateurs sérieux finissent par passer au Pro.

Elementor ralentit-il WordPress ?

Elementor ajoute du code HTML, CSS et JavaScript supplémentaire à chaque page, ce qui peut impacter les performances. Un site Elementor bien optimisé (Containers Flexbox, widgets inutilisés désactivés, images compressées, cache actif) peut atteindre un score PageSpeed Mobile de 70-85, ce qui reste correct. Un site Elementor mal configuré peut descendre sous les 40. La clé, c’est l’optimisation : désactivez ce que vous n’utilisez pas, compressez vos images et utilisez un plugin de cache.

Peut-on migrer d’Elementor vers l’éditeur natif WordPress ?

Oui, mais la migration est manuelle et chronophage. Elementor stocke le contenu dans un format propriétaire (shortcodes et métadonnées). Quand vous désactivez le plugin, le contenu brut reste visible mais la mise en page est perdue. Comptez entre 15 et 30 minutes par page pour reconstruire le contenu dans l’éditeur natif. Il n’existe pas de solution automatique parfaite pour cette migration. Pour un site de 30 pages, prévoyez 10 à 15 heures de travail.

Quel thème utiliser avec Elementor ?

Le thème recommandé est Hello Elementor, le thème officiel développé par l’équipe d’Elementor. Il est ultra-léger (moins de 6 Ko en front), sans design prédéfini, et conçu pour laisser Elementor gérer 100% de l’apparence. D’autres thèmes populaires compatibles sont Astra, GeneratePress et OceanWP. Si vous utilisez le Theme Builder d’Elementor Pro pour créer header, footer et templates, Hello Elementor est le choix le plus cohérent pour éviter les conflits de styles.

Elementor ou Divi en 2026 ?

Elementor et Divi sont les deux plus gros constructeurs de pages WordPress. En 2026, Elementor a l’avantage du nombre (10M+ installations contre environ 1M pour Divi) et d’un écosystème d’addons plus large. Divi 5, complètement réécrit, mise sur de meilleures performances et un système de licence à vie (achat unique). Le choix dépend de vos priorités : écosystème et communauté (Elementor) ou licence à vie et performances (Divi 5). Les deux sont des choix valides pour un site vitrine ou e-commerce.

Elementor fonctionne-t-il avec WooCommerce ?

Oui. La version gratuite d’Elementor est compatible avec WooCommerce, mais les fonctionnalités avancées (personnalisation de la page produit, du panier, du checkout) nécessitent Elementor Pro et son WooCommerce Builder. Pour des boutiques de petite à moyenne taille (moins de 500 produits), le duo Elementor Pro + WooCommerce fonctionne bien. Pour des boutiques plus importantes, le poids supplémentaire d’Elementor peut impacter les performances des pages produit.

Faut-il Elementor Pro ou la version gratuite suffit ?

La version gratuite suffit pour créer des pages individuelles avec une mise en page personnalisée (landing pages, pages de services). Vous aurez besoin d’Elementor Pro si vous voulez personnaliser le header, le footer, les templates d’articles (Theme Builder), créer des formulaires de contact (Form Builder), afficher des popups, ou personnaliser votre boutique WooCommerce. Le plan Essentiel à 60 €/an pour 1 site est le plus populaire pour un premier site professionnel.

Elementor est-il compatible avec WPML et Polylang ?

Oui. WPML est officiellement supporté par Elementor, y compris pour les templates du Theme Builder. Polylang et TranslatePress fonctionnent également, même si la compatibilité n’est pas "officielle" côté Elementor. Dans les trois cas, vous pouvez traduire vos pages, vos templates et vos popups. Vérifiez simplement la compatibilité de vos addons tiers avant de vous lancer dans un site multilingue complet.

Comment migrer vers Elementor depuis Divi ou un autre constructeur de pages ?

Il n’existe pas de migration automatique fiable entre page builders. Les structures de données sont trop différentes (shortcodes Divi vs JSON Elementor vs blocs Gutenberg). Concrètement, il faut reconstruire chaque page manuellement dans Elementor. Comptez entre 15 et 30 minutes par page pour un design simple, et jusqu’à 1 heure pour les pages complexes avec animations et mises en page avancées. Sur un site de 20 pages, prévoyez a minima une journée complète de travail.

Quelles sont les alternatives à Elementor en 2026 ?

Les principales alternatives à Elementor en 2026 sont l’éditeur natif WordPress (Gutenberg + Full Site Editing), Bricks Builder (performant, code propre, favorisé par les développeurs), GenerateBlocks avec GeneratePress (ultra-léger), Kadence Blocks (bon compromis simplicité/puissance), et Divi 5 (concurrent historique, réécrit). L’éditeur natif WordPress est gratuit et intégré, avec des progrès constants. Pour les utilisateurs soucieux de la performance, Bricks ou GenerateBlocks produisent un code plus propre qu’Elementor.

Elementor en 2026 : un écosystème à maîtriser

Elementor a parcouru un sacré chemin depuis sa première version. D’un page builder parmi d’autres, il s’est imposé comme l’outil de référence pour la création de sites WordPress visuels. Le V4 Editor, l’IA intégrée, Elementor One… Tout indique que l’équipe ne compte pas s’arrêter là.

Avec Elementor One, l’équipe pousse la logique jusqu’au bout : création, optimisation, hébergement, IA, gestion multi-sites… tout sous un même toit. C’est séduisant sur le papier. Mais gardez en tête que plus vous centralisez, plus vous dépendez d’un seul fournisseur. Posez-vous la question avant de tout confier à un seul outil.

Si vous choisissez Elementor, faites-le en connaissance de cause. Activez les Containers Flexbox dès le départ. Désactivez les widgets inutilisés. Compressez vos images. Mesurez vos Core Web Vitals régulièrement. Elementor récompense ceux qui prennent le temps de le configurer correctement.

Et si vous débutez et que vous ne savez pas par où commencer, que ce soit avec Elementor, l’éditeur natif ou n’importe quel autre outil, ma formation WordPress couvre tout de A à Z. L’important, c’est de choisir l’outil qui correspond à votre projet, pas celui que tout le monde utilise par défaut. Bref, faites votre choix… et faites-le bien.