Divi vs. Elementor: quel constructeur choisir?

Divi vs. Elementor, un duel entre deux constructeurs de pages utilisés par des millions de sites web chacun.
Vous souhaitez créer un site internet et ne savez pas lequel de ces deux outils choisir? Ne vous inquiétez pas, on est là pour vous aider à faire votre choix.
Divi et Elementor sont deux outils très complets présentant chacun de très nombreux atouts pour aider à la mise en page de votre site web.
Nous avons donc élaboré un comparatif complet pour vous aider à déterminer lequel des deux constructeurs de pages correspond le mieux à vos besoins.
En comparant les deux outils point par point, nous espérons vous permettre de mieux cerner leurs forces respectives et juger lequel vous convient le mieux.
Divi: plus qu’un constructeur de page, une plateforme complète

Divi est un ensemble d’éléments développés par Elegant Themes et offerts dans un même forfait. Cela inclut non seulement un constructeur de pages, mais aussi plusieurs thèmes et plugins.
Divi Builder est un constructeur de site drag and drop conçu à l’origine pour accompagner le thème Divi. Ce thème WordPress est actuellement l’un des deux plus populaires au monde.
Ce constructeur permet de concevoir facilement la mise en page de votre choix en glissant simplement les éléments désirés là où vous souhaiter les placer.
Il permet aussi de contrôler le style et les polices de vos éléments de texte, une variété d’options de formes et de couleurs, en plus d’un grand nombre d’effets et d’animations.
Elementor: le constructeur de pages WordPress le plus populaire

Elementor est un constructeur de pages drag and drop développé par l’entreprise israélienne Elementor Ltd.
Il s’agit de l’un des plugins WordPress les plus populaires, ayant servi à créer plus de 11 millions de sites web depuis son lancement en 2016.

Elementor permet de concevoir facilement toutes les pages d’un site web. Il offre une foule de modèles préconstruits en tout genre pouvant servir de base à votre projet.
Le constructeur propose aussi une foule de fonctionnalités de mise en page sous formes de widgets. Il suffit de sélectionner le type d’élément désiré et le glissé à l’endroit souhaité.
Divi vs. Elementor: le prix des deux constructeurs de pages

Elementor et Divi ont des politiques de prix très différentes. Divi n’a pas de version gratuite, mais offre une licence à vie. Son prix est plus élevé, mais il peut être utilisé sur un nombre illimité de sites.
Elementor pour sa part offre une version gratuite et un prix de base moins élevé pour la version pro. La licence la moins chère n’est toutefois valide que pour un seul site web.
Le tarif s’avère donc une différence cruciale entre les deux constructeurs de pages. Du coup, nous vous invitons à bien analyser vos besoins et votre budget avant de faire votre choix.
Le prix des licences d’utilisation de Divi
Elegant Themes propose deux solutions de paiements différentes pour souscrire à la version payante de Divi. Vous pouvez payer à chaque année ou pour un accès à vie.

Pour ce prix, vous obtenez non seulement constructeur de page Divi Builder, mais aussi pour les thèmes et les mises à jour qui l’accompagne.
La licence d’utilisation est valide pour un nombre illimité de sites web. Du coup, le prix est beaucoup plus concurrentiel pour des utilisateurs possédant plus d’un site web.
Elementor: une version gratuite et une version Pro
Contrairement à Divi, Elementor est une extension Freemium. C’est à dire qu’il est disponible gratuitement, mais qu’il existe aussi en version payante.
La version gratuite d’Elementor peut être téléchargée facilement à partir du répertoire officielle de plugins WordPress.

Pour utiliser Elementor Pro, il vous faut payer une licence annuelle d’utilisation auprès d’Elementor.
Le prix de la licence de base est récemment passé de 49$ à 59$ américains par année pour un seul site web.

Le prix est malheureusement beaucoup plus élevé si vous possédez plus d’un site web. Dans ce cas, il vous faut payer un minimum de 199$ par an pour utiliser Elementor Pro.
Divi vs. Elementor: Prise en main et utilisation

Pour que ce comparatif entre Divi et Elementor soit complet, il faut bien entendu évaluer la simplicité d’utilisation des deux constructeurs de pages.
Si vous voulez tirer le plein potentiel de ce type d’outil, il faut qu’il soit assez intuitif et facile à maitriser.
Bien sûr, la préférence pour un interface plutôt qu’un autre est une question de goûts personnels. On partage toutefois avec vous nos observations pour vous permettre de juger.
La prise en main du constructeur Divi Builder
Sans être incroyablement complexe, Divi n’est pas l’outil WordPress le plus facile à maîtriser pour un débutant. La courbe d’apprentissage peut s’avérer assez abrupte au départ pour des utilisateurs inexpérimentés.
L’interface de Divi est plutôt minimaliste, au point de pouvoir être un peu déconcertant au départ. Une nouvelle page affiche plusieurs boutons flottants mais rien d’autre.

Il faut cliquer sur l’un de ses boutons pour voir apparaître différentes options de contenus pouvant y être associées.

Vous devez alors choisir l’élément désiré pour qu’il s’affiche à l’endroit indiqué. Celui-ci peut ensuite être déplacé ou personnalisé autant que vous le désirez.
Divi est à la portée de tous. Il faut simplement consacrer un certain temps pour prendre en main les nombreuses fonctionnalités du constructeur.
La prise en main du constructeur de pages Elementor
Pour sa part, Elementor se veut très intuitif et facile à utiliser, même pour un novice. Au point de vue de la simplicité d’utilisation, il est plus rapide à maitriser que Divi.
Une barre latérale à la gauche de l’écran affiche les outils accessibles alors que la fenêtre principale affiche un aperçu du contenu.

À notre avis, l’interface d’Elementor est un peu moins déconcertant au premier abord que la page blanche et les boutons flottants de Divi.
Le vaste nombres d’options de personnalisation prend un certain temps à exploré, mais la courbe d’apprentissage est plus douce qu’avec son rival.
Divi vs. Elementor: Les choix de fonctionnalités des deux outils

Divi et Elementor sont des constructeurs de pages ayant de nombreux points communs. Ce sont des éditeurs front end utilisant un interface drag and drop.
Tous deux permettent de concevoir vos propre mises en pages et de personnaliser le design de votre thème WordPress.
Elementor et Divi prennent l’un comme l’autre en charge une foule de fonctionnalités en utilisant un code léger et dynamique.
Ces constructeurs de pages comptent toutefois un certain nombre de différences notables qui leurs donnent des atouts distincts.
Les fonctionnalités uniques de Divi
Le constructeur de pages Divi est doté de quelques fonctions uniques plutôt intéressantes que l’on ne trouve pas chez son rival.
Les tests A/B
L’une des fonctionnalités uniques intégrées de Divi est la capacité d’effectuer des Tests A/B. Cet outil permet de comparer les performances et l’apparence de différents modules les uns par rapport aux autres.
Il est possible d’ajouter une fonctionnalité pour faire des Tests A/B avec Elementor. Pour ce faire, il faut toutefois ajouter le plugin Split Test for Elementor ou encore utiliser l’outil Google Optimize. Il n’y a aucune fonction intégrée comme chez Divi.
Les éléments de shortcode CSS
Ce constructeur de pages offre aussi des options de feuilles de style en cascade (CSS) personnalisées pour les différents éléments de vos pages.
Si vous êtes familier avec le code CSS, cette particularité peut s’avérer très utile pour personnaliser de nombreux éléments.
Malheureusement, si ce n’est pas votre cas, cette fonctionnalité de Divi peut s’avérer un peu complexe à maitriser.
Ce constructeur repose beaucoup sur l’utilisation de ce type de codes, notamment pour l’insertion de marges. C’est donc un aspect à considérer au moment de choisir entre les deux outils.
La fonction clic droit de Divi Builder
Divi offre plusieurs fonctionnalités plutôt pratiques liées à un simple clic droit avec la souris de votre ordinateur.
En cliquant sur n’importe quel module de contenu, vous pouvez accéder à de nombreuses options permettant de vous faciliter la tâche.

Le clic droit peut être utilisé pour copier rapidement des modules entiers ou encore uniquement la configuration des paramètres des modules.
Il offre aussi d’autres options, comme la possibilité de verrouiller un module afin d’éviter d’y apporter accidentellement des modifications.
Les fonctionnalités des plugins Elementor et Elementor Pro
Elementor offre de nombreux outils en commun avec son rival, mais aussi quelques options uniques. Notamment, il permet de créer différents types d’éléments pop up et de définir les paramètres de leurs affichages.
La version Pro vous donne même accès à des modèles d’éléments pop up pouvant être utilisés comme base et personnalisés.

Vous pouvez déterminer la façon dont le pop up apparaît et à quel moment il le fait. Par exemple, il peut surgir quand un visiteur a passé deux minutes sur votre site web ou défilé jusqu’à la fin d’un article.

Il est possible de définir de nombreux paramètres liés au pop up. Vous pouvez notamment fixer la durée de son affichage ou choisir de ne pas l’afficher plus d’une fois au même visiteur.

En somme, Elementor permet la conception et un haut degré de personnalisation de tous les aspects de vos pop up.
Divi offre pour sa part le plugin Bloom Email Opt-ins qui permet des options limitées de fenêtres contextuelles pop up. Il s’agit toutefois d’un ajout à Divi Builder et d’un outil beaucoup moins complet.
La meilleure bibliothèque de modèles entre Divi et Elementor

Pour créer un site web facilement et rapidement, la plupart des constructeurs de pages offrent divers modèles préconstruits sur lesquels baser votre design.
C’est notamment le cas de Divi et Elementor, qui proposent tous deux différents types de modèles de mise en page.
Les deux outils vous offrent deux catégories de modèles, soit pour votre site entier ou vos pages web.
Les modèles de mises en page de Divi Builder
Divi offre plus de 1500 modèles préconstruits, regroupés dans 200 plus de ensembles de mises en pages (appelés Layout Pack)
Les divers modèles sont tous construits autour d’un concept de site web en particulier ou d’un type de page web précis.

Il est également possible de concevoir et enregistrer ses propres modèles de design afin de pouvoir les réutiliser.
Les options de widgets de Divi Builder
Il offre une quarantaine de modèles de widgets pour afficher vos contenus, ce qui est beaucoup moins que son rival.

Pour chaque élément de contenu ou de mise en page, il est d’ ouvrir une fenêtre contextuelle pour accéder à des paramètres de personnalisation.

Le nombre d’options de personnalisation n’a rien à envier à Elementor. Cependant, certaines options exigent l’utilisation de CSS et sont plus complexes à utiliser.
Les modèles Elementor pour la mise en page de sites web
Elementor propose divers types de modèles, mais la majorité d’entre eux sont réservés pour la version Pro.
La version gratuite vous donne accès seulement à une quarantaine modèles de sites web complets.
Elementor Pro vous donne accès à un peu plus de 300 modèles de sites Web et plus de 200 modèles de pages supplémentaires.
Dans la bibliothèque, les modèles de mise en page réservés pour les utilisateurs de la version Pro sont identifiés par un étiquette rouge dans le coin supérieur droit.

En utilisant les filtres dans la barre latérale de gauche, vous pouvez simplifier votre recherche et voir seulement les modèles approprié pour le type de site que vous souhaitez créer.

En utilisant la section Kits by plan, vous pouvez effectuer rapidement le tri et voir uniquement les modèles disponible sur la version gratuite.
Les modèles supplémentaires offerts par Elementor Pro
Elementor Pro vous offre beaucoup plus d’options. En plus des Modèles enregistrés représentant des sites complets, vous avez accès à des modèles de pages et de sections de pages.

Vous pouvez choisir parmi une foule d’exemples de mises en page pour chacune des pages de votre site web.

Elementor permet aussi de concevoir et sauvegarder ses propres modèles dans n’importe quelle catégorie afin de pouvoir les réutiliser.
Les modèles Elementor de widgets
Il offre plus de 90 modèles de widgets pouvant être utilisés pour mettre de l’avant divers types de contenus. Plus de la moitié des modèles Elementor sont toutefois réservés aux utilisateurs de la version pro.

L’une des grandes forces du constructeur Elementor est le haut degré de personnalisation qu’il permet pour chacun des éléments.
Pour chaque widget, trois menus d’options s’offre à vous pour configurer les paramètres de contenu, de styles et avancés.

Dans chacune de ses sections, vous trouverez une liste de réglages permettant de configurer chaque aspect du module.
Par exemple, un simple bloc d’image dans un article ou sur un page web s’accompagne d’une foule d’options permettant de personnaliser à souhait son apparence.

Contrairement à Divi, toutes les options de configuration peuvent être utilisées sans avoir recours à la moindre ligne de code.
Le meilleur choix de thèmes, Divi ou Elementor?

Quand vous cherchez un constructeur de pages pour créer un site WordPress, il est important qu’il soit compatible avec le thème de votre choix.
Divi et Elementor présentent des approches assez différentes à ce niveau. Divi est surtout conçu pour offrir un rendement optimal avec les thèmes conçus par les mêmes développeurs.
Elementor est pour sa part le premier produit mis en marché par ses développeurs. Il a été conçu pour être très polyvalent et fonctionner avec n’importe quel thème WordPress.
Le choix de thèmes pour Divi Builder
Divi Builder est livré avec le thème Divi, mais il fonctionne avec presque n’importe quel thème WordPress. Il a toutefois un code un peu plus lourd à charger qu’Elementor.
Le thème Divi est actuellement le plus populaire au monde sur le CMS WordPress, devançant de peu Astra.
Le constructeur de pages Divi est la plus performant pour ce thème WordPress en particulier, tout comme pour les autres thèmes d’Elegant Themes.
Comme il existe uniquement en version payante, il n’est évidemment pas un outil de choix pour les utilisateurs des thèmes WordPress gratuits.
Les extensions Divi d’Elegant Themes
Une licence d’utilisation de Divi vous donne accès à une foule de complément conçus pour le constructeur par les mêmes développeurs.
Il existe plus de 500 extensions spécifiquement conçues pour Divi et disponibles à partir du site web d’Elegant Themes.
Chacun de ces ajouts est spécifiquement conçu pour le constructeur de page, alors il n’y a aucun souci à vous faire au niveau de la compatibilité.
Le choix de thèmes compatibles avec Elementor
Elementor n’a rien à envier à Divi en termes de compatibilité avec les thèmes et les plugins WordPress.
Les développeur du constructeur ont aussi conçu un thème WordPress simplement appelé Hello, permettant d’exploiter son plein potentiel.

Elementor fonctionne très bien avec n’importe quel thème WordPress, mais il offre un rendement optimal lorsque combiné avec Hello.
Des extensions pour Elementor?
Les développeurs d’Elementor n’offre pas de bibliothèque d’ajouts similaire à ce que l’on trouve pour Divi.
Un certains nombre de tiers ont toutefois développés des plugins incluant de nouveaux outils pour le constructeur de pages.

Certains de ces plugins ont plus d’un million d’installations actives et sont extrêmement appréciés, alors que d’autres sont beaucoup moins performants.
Contrairement à Divi, ces extensions ne sont pas conçues par les même développeurs. Leurs degrés de compatibilité et leurs pertinences sont donc assez variables.
Divi vs. Elementor: Les performances et la vitesse de chargement

Quand on créer un site internet, on souhaite bien sûr qu’il soit performant et qu’il charge rapidement. C’est essentiel pour que les internautes s’y intéressent et pour atteindre un bon classement dans les résultats des moteurs de recherche.
Le constructeur de pages utilisé pour le design peut avoir une influence importante sur les performances d’un site web.
De nombreux utilisateurs de Divi lui reproche la lourdeur de son code, liée à ses nombreuses fonctionnalités.
Le concepteur du logiciel tentent depuis des années de palier cette lacune et une mise à jour majeure a été apportée à ce niveau en 2021.
Elementor est un pour sa part un plugin un peu léger et performant. Et ce, malgré le nombre élevé de fonctionnalités et d’options de personnalisation qu’il inclut.
Test des performances de Divi et Elementor

Nous avons testé nous-même les performances d’un même contenu en utilisant les deux constructeurs de pages pour en évaluer les performances.
En utilisant le si indépendant d’analyse de performances GTmetrix et l’outil Google Pagespeed Insights, nous avons testé un même site WordPress basé sur les deux constructeurs.
Pour des fins d’objectivité, le site web utilisé pour le test a été conçu avec le populaire thème Astra, qui n’est associé à aucun des deux logiciels.
Nous avons également utilisé le même hébergement web très performant chez Ex2 afin que les scores soit le moins influencé possible par les performances du serveur web.
Les notes accordées au site utilisant Divi
Divi s’est avéré plutôt performant et a obtenu des scores très respectables. Les résultats sont très corrects, mais Divi s’avère d’une compatibilité limitée avec le thème Astra.

L’outil d’analyse de Google abonde dans le même sens et observe des résultats très similaires. Les performances sont bonnes, mais il y a place à amélioration.

Les résultats sont très corrects, mais Divi s’avère d’une compatibilité limitée avec de nombreux thèmes WordPress populaires, dont Astra.
Divi est plutôt performant. Il souffre toutefois de la comparaison avec Elementor lorsqu’il est utilisé sur des thèmes pour lesquels il n’a pas été conçu.
Divi Builder et le thème Divi
Le constructeur de page Divi offre de biens meilleures performances s’il est combiné au thème du même nom.
Sans avoir changé quoi que ce soit à la conception du site, le scores pour la structure et les performances sont instantanément meilleures. La compatibilité du code du constructeur semble beaucoup meilleure avec le thème Divi qu’avec Astra.

Google Pagespeed Insights confirme l’amélioration des performances après le changement au thème Divi.

Les rares correctifs suggérés par les deux sites web sont très simples et surtout liés au changement de thème.
On peut donc en conclure que les performances sont similaires à celles offertes par Elementor avec le thème Astra.
Elementor s’avère donc plus versatile au niveau des thèmes que Divi. Si vous prévoyez utiliser le thème Divi, il est toutefois préférable d’utiliser Divi Builder.
Les notes accordées au site basé sur Elementor
Elementor a remporté haut la main le duel en termes de performances selon les deux sites d’évaluations que nous avons consulté.
Les scores accordés par GTmetrix au site utilisant ce constructeur frôlent la perfection et se révèlent plus que satisfaisantes.

Google Pagespeed Insights confirme la première évaluation et accorde une note parfaite au site conçu avec Elementor.

Elementor l’emporte sur Divi, sauf avec les thèmes d’Elegant Themes
La différence de performances observée entre Divi et Elementor en utilisant le thème Astra est plutôt notable.
Le même contenu prend en moyenne 20 à 25% plus de temps à charger avec Divi qu’avec Elementor. C’est plutôt important comme différence.
Il faut mentionner qu’Elegant Themes a apporté des changements à Divi Builder en 2021 qui ont amené une nette amélioration des performances.
Malgré une accélération de plus de 150%, le constructeur de pages demeure moins plus lourd à charger qu’Elementor.
On doit toutefois observer que les thèmes conçus par les développeurs de Divi sont bien optimisés pour le constructeur de pages.
Si vous voulez utiliser n’importe quel thème de la bibliothèque d’Elegant Themes, Divi vous offrira de meilleures performances que tout autre constructeur de pages.
Divi vs. Elementor: le support offert par les deux outils

Quand vous choisissez un constructeur de page, il est important de savoir que vous pouvez obtenir de l’aide en cas de besoin.
Sur ce point, on doit dire que Divi se démarque légèrement de son concurrent et offre un soutien technique un peu plus accessible et efficace.
Divi
Les client d’Elegant Themes bénéficient d’un support premium via chat direct, 24 heures sur 24 et 7 jours sur 7.
L’entreprise entretient aussi une base de connaissance très complète de plus d’une centaine d’articles en lien avec le constructeur.
Divi vous donne aussi accès à des forums de discussions où vous pouvez obtenir de l’aide des autres utilisateurs de l’éditeur.
Elementor
Les utilisateurs de la version gratuite du constructeur n’ont pas accès à l’assistance fournie par les développeurs d’Elementor.
Une vaste base de connaissances très complète et détaillée est toutefois mise à leur disposition par Elementor Ltd.
Une communauté Facebook très active de près de 100 000 utilisateurs est également disponible pour répondre à toutes vos questions.
Elementor pro
Les clients payants d’Elementor bénéficient pour leur part d’un support premium 24 heures sur 24 et 7 jours sur 7.
À la différence de son rival, le service offert par Elementor est uniquement accessible via un système de ticket numérique.
On doit noter que le service de soutien technique d’Elementor est un peu moins réactif que celui de son concurrent. Vous obtiendrez l’aide dont vous avez besoin, mais il vous faudra attendre quelques minutes de plus.
Elementor vs. Divi: notre avis sur les deux constructeurs de pages

Comme vous avez pu le constater tout au long de cet article, opposé Divi Builder à Elementor équivaut un peu à comparer des pommes et des oranges.
Les deux constructeurs de pages sont toutefois excellents et ont chacun de nombreux atouts à faire valoir.
Elementor est un simple plugin qui offre une version gratuite plutôt complète. Vous pouvez facilement la télécharger à partir du répertoire des extensions WordPress.
Une version pro existe aussi, donnant accès à des fonctionnalités supplémentaires. Elle nécessite de payer une licence d’utilisation à chaque année.
Divi est pour sa part un outil payant lié à un abonnement à Elegant Themes. Il n’existe aucune version gratuite. Vous pouvez toutefois choisir en une licence d’un an et une licence à vie.
De plus, la souscription inclut le thème Divi et plusieurs autres, ainsi que l’accès à plusieurs extensions lié au constructeur.
Notre recommandation: la version gratuite d’Elementor

À notre avis, la version gratuite d’Elementor devrait convenir aux besoins de la plupart des sites web. On le recommande tout particulièrement pour les débutants n’ayant jamais utilisé ce genre d’outil.
Ce constructeur offre une gamme de fonctionnalités très intéressante et plutôt complète. Il offre une grande versatilité et s’adapte bien à la plupart des thèmes WordPress.
À moins que vous souhaitiez utiliser l’un des thèmes d’Elegant Themes, il offre la meilleure option pour personnaliser gratuitement la mise en page de votre thème WordPress.
Le principal inconvénient est la bibliothèque de modèles préconstruits. L’éventail de choix est beaucoup plus restreint qu’avec la version pro ou avec Divi.
Si vous souhaitez utiliser le thème Divi ou un autre thème conçus par les mêmes développeurs, Divi Builder se trouvera inclus.
Il vous offrira alors une meilleure compatibilité et de meilleures performances que n’importe quel autre constructeur de pages.
Pour conclure notre duel Divi vs. Elementor

Divi et Elementor sont deux excellents constructeurs de pages qui ont chacun des atouts intéressants à faire valoir.
Elementor a l’avantage d’offrir une version gratuite, alors que Divi est uniquement inclus dans un package payant proposé par Elegant Themes.
Nous espérons que cet article vous a plu et vous a aidé à faire votre choix entre Divi et Elementor.
Si c’est le cas, nous vous invitons à jeter un coup d’œil à nos autres articles et tutoriels. Vous y trouverez un foule d’information utiles sur la plateforme WordPress et tout ce qui est associé.
Vous trouverez aussi une foule de conseils pratiques pour vous aider avec la création et la gestion de votre site internet.