Vous essayez de choisir entre Divi et Elementor pour construire votre site WordPress ?

Divi et Elementor sont deux des principaux constructeurs de pages WordPress en glisser-déposer. Tous deux vous permettent de construire un site web 100 % personnalisé sans avoir besoin de connaissances techniques. En plus de vous aider à créer des pages, ils prennent en charge la construction de thèmes et l’intégration avancée de contenu dynamique.

Mais s’ils partagent de nombreuses similitudes, certaines différences importantes peuvent vous pousser dans une direction ou une autre.

Dans cet article, nous allons comparer en profondeur Divi vs Elementor pour vous aider à choisir l’option la mieux adaptée à vos besoins.

Nous ne nous concentrons pas sur le choix d’un seul « gagnant ». Nous vous présenterons plutôt de nombreuses similitudes et différences pour vous aider à choisir l’outil qui vous convient le mieux. Pour cela, nous comparerons Elementor vs Divi dans six zones clés, puis nous les compilerons toutes à la fin.

Excitant non ? Allons creuser !

Performances Divi vs Elementor

La performance est une considération importante pour tout constructeur de pages. À quelle vitesse les conceptions que vous créez se chargent-elles ?

Nous mettons cette section en premier car nous pensons que la performance doit toujours être la priorité absolue de votre site WordPress. Cela inclut votre hébergement !

Pour tester les performances de Divi vs Elementor, nous avons mis au point des modèles identiques avec Divi et Elementor et les avons soumis à des tests de vitesse.

Pour essayer de rendre cela aussi égal que possible, nous avons créé nos conceptions avec des ensembles de modules identiques entre chaque constructeur et un contenu identique dans chaque module.

Les modules que nous avons utilisés sont :

  • Paragraphe de texte
  • Bouton
  • Compteur de nombres
  • Formulaire de contact basique
  • Tableau des prix
  • Accordéon à deux éléments
  • Témoignage

Pour que la compétition soit équitable, nous testons la version extension de Divi Builder contre Elementor et Elementor Pro. Nous le faisons pour utiliser le même thème (Astra) afin de comparer avec précision les performances de ces constructeurs.

La page test de Divi

Site test 1 : Notre page test Divi
Site test 1 : Notre page test Divi

Notre page de test Divi est faite avec :

  • L’extension Divi Builder
  • Le thème Astra
  • Une conception construite avec Divi en utilisant les modules du dessus

La page test d’Elementor

Site test 2 : Notre page test Elementor
Site test 2 : Notre page test Elementor

Notre page de test Elementor est faite avec :

  • L’extension gratuite Elementor (nous avons désactivé les styles intégrés d’Elementor et hérité des styles du thème à la place)
  • Elementor Pro
  • Thème Astra
  • Une conception construite avec Elementor en utilisant les modules du dessus

Une chose à noter est que Divi inclut une fonction intégrée pour minifier et combiner ses CSS et JavaScript, alors qu’Elementor ne le fait pas. Pour cette raison, Divi est meilleur pour limiter ses requêtes HTTP dès le départ. Ces types d’avantages en termes de vitesse sont la raison pour laquelle Kinsta a intégré une fonction de minification du code dans le tableau de bord MyKinsta. Les clients peuvent choisir d’opter pour la minification automatique du code pour leurs fichiers CSS et JavaScript, accélérant ainsi leurs sites sans aucun effort manuel.

Cependant, vous pouvez (et devriez) facilement ajouter la même optimisation à Elementor en utilisant une extension gratuite telle que Autoptimize ou une extension d’optimisation premium telle que WP Rocket.

Pour cette raison, nous allons effectuer deux séries de tests :

  1. Pas d’optimisation des performances supplémentaires
  2. Autoptimize installé pour minifier et combiner les scripts

L’utilisation des chiffres du second scénario devrait être plus précise quant à la façon dont les deux outils fonctionneront sur un site WordPress optimisé pour les performances. Cependant, nous incluons toujours les chiffres non optimisés pour vous montrer comment ils se comparent lorsque vous ne mettez pas en place des optimisations de performance.

Nos sites de test sont hébergés sur Kinsta, ils bénéficient donc également de la mise en cache au niveau du serveur de Kinsta. À part ce dont nous avons discuté, nous n’avons pas apporté de modifications à l’environnement WordPress par défaut.

Nous utiliserons deux outils de test :

  • web.dev – un outil de Google qui utilise Lighthouse. Il effectue des tests à partir d’un appareil mobile.
  • WebPageTest – un outil populaire de test de vitesse. Nous l’avons configuré pour tester à partir d’un ordinateur de bureau.

Performances Divi

Nous commencerons par les résultats pour Divi seul (sans Autoptimize).

WebPageTest (sans Autoptimize) :

Résultats du Divi WebPageTest sans optimisation supplémentaire
Résultats du Divi WebPageTest sans optimisation supplémentaire

web.dev (sans Autoptimize) :

Les résultats de Divi web.dev sans optimisation supplémentaire
Les résultats de Divi web.dev sans optimisation supplémentaire

Et voici les résultats pour Divi avec l’extension Autoptimize installée.

WebPageTest (avec Autoptimize) :

Résultats du WebPageTest de Divi avec l’extension Autoptimize
Résultats du WebPageTest de Divi avec l’extension Autoptimize

web.dev (avec Autoptimize) :

Résultats web.dev de Divi avec l’extension Autoptimize
Résultats web.dev de Divi avec l’extension Autoptimize

Performances Elementor

Nous commencerons également par les résultats pour Elementor seul (sans Autoptimize).

WebPageTest (sans Autoptimize) :

Résultats du WebPageTest d'Elementor sans optimisation supplémentaire
Résultats du WebPageTest d’Elementor sans optimisation supplémentaire

web.dev (sans Autoptimize) :

Les résultats d'Elementor web.dev sans optimisation
Les résultats d’Elementor web.dev sans optimisation

Et voici les résultats pour Elementor avec l’extension Autoptimize installée.

WebPageTest (avec Autoptimize) :

Résultats du WebPageTest d’Elementor avec l’extension Autoptimize
Résultats du WebPageTest d’Elementor avec l’extension Autoptimize

web.dev (avec Autoptimize) :

Résultats web.dev d’Elementor avec l’extension Autoptimize
Résultats web.dev d’Elementor avec l’extension Autoptimize

Conclusions sur les performances

Pour vous faciliter la compréhension de ces données, voici deux tableaux regroupant l’ensemble des données.

Sans Autoptimize :

Taille de page Requêtes HTTP Score de performance (Lighthouse) Largest Contentful Paint
Divi 339 Ko 18 74 4.2 s
Elementor 327 Ko 32 77 3.6 s

Avec Autoptimize :

Taille de page Requêtes HTTP Score de performance (Lighthouse) Largest Contentful Paint
Divi 335 Ko 8 88 3.2 s
Elementor 319 Ko 12 91 2.5 s

Dans l’ensemble, vous pouvez voir qu’Elementor a un léger avantage sur Divi car il a une taille de fichier plus petite. Il a également obtenu de meilleurs résultats lors de l’audit Lighthouse de web.dev et a eu un temps de Largest Contentful Paint le plus faible dans les deux tests.

Cependant, la différence n’est pas énorme et Divi a fait beaucoup de travail pour combler l’écart. Dans l’ensemble, Elementor est légèrement en avance en termes de performances.

Si vous vous demandez comment le thème Divi se comparerait à Elementor Pro et au thème Hello, le terrain pencherait encore plus en faveur d’Elementor car le thème Hello est plus léger que celui de Divi. Essentiellement, si « Elementor + Astra » bat déjà « Divi Builder + Astra », l’écart ne ferait que s’accroître si vous compariez « Elementor + Hello » à « Divi Builder + le thème Divi ».

UI Divi vs Elementor

L’interface utilisateur est difficile à comparer objectivement, car elle repose en grande partie sur des préférences personnelles. Certaines personnes préfèrent l’interface d’Elementor tandis que d’autres préfèrent celle de Divi.

C’est pourquoi nous ne pouvons pas vraiment déclarer un seul gagnant ici. Nous nous contenterons de vous montrer comment fonctionne l’interface de chaque outil et vous pourrez choisir l’approche qui vous convient le mieux.

Une chose qui est objective, c’est la « vitesse » de l’interface d’administration, car cela affectera la rapidité avec laquelle vous pourrez construire des conceptions. Dans le passé, l’interface utilisateur d’Elementor était nettement plus « rapide ». En d’autres termes, les panneaux de configuration s’ouvraient plus rapidement, le glisser-déposer était plus fluide, etc.

Cependant, Elegant Themes a publié en janvier 2021 une importante mise à jour des performances de l’administration de Divi Builder qui a apporté d’énormes améliorations, accélérant de 100 à 700 % de nombreuses actions importantes. Par exemple, dans un environnement de test de stress mis en place par Elegant Themes, le temps de survol d’un module est passé de 891 ms à 383 ms, soit une amélioration de 155 %.

Vous pouvez certainement sentir les changements et maintenant les deux constructeurs sont assez rapides. Après ce changement, il est difficile de déclarer l’un des deux constructeurs vainqueur pour les performances de l’administration.

UI Divi

Lorsque vous ouvrez le constructeur visuel de Divi, il vous montre un aperçu en direct et en plein écran de votre site. Il y a une barre d’outils flottante et repliable en bas et des icônes flottantes qui apparaissent lorsque vous survolez différentes parties de votre site.

Vous pouvez cliquer sur les différentes icônes pour insérer du contenu ou des mises en page. Par exemple, l’icône noire vous permet d’insérer un nouveau module.

L'interface Divi
L’interface Divi

Une fois que vous avez ajouté un élément de contenu ou de mise en page, vous pouvez cliquer dessus pour ouvrir une fenêtre contextuelle avec des réglages détaillés. Vous pouvez la redimensionner ou la faire glisser n’importe où sur l’écran, ce qui vous permet de personnaliser l’interface selon vos préférences.

Modifier un module Divi
Modifier un module Divi

Pour le contenu textuel, vous pouvez également utiliser l’édition en ligne, ce qui signifie que vous pouvez simplement cliquer et saisir sur l’aperçu en direct de votre page.

Si vous cliquez en bas de la page, vous pouvez développer un menu pour choisir différents aperçus de périphériques, ouvrir une maquette fonctionnelle et accéder à d’autres réglages de haut niveau.

Voici à quoi ressemble la maquette fonctionnelle :

La barre de contrôle Divi et la maquette fonctionnelle
La barre de contrôle Divi et la maquette fonctionnelle

Comme alternative à la maquette fonctionnelle, vous pouvez également utiliser l’outil Calques, qui vous aide à organiser votre contenu en différentes structures.

L'interface des calques Divi
L’interface des calques Divi

Une autre fonctionnalité utile est la possibilité d’utiliser le clic droit. Vous pouvez l’utiliser pour copier rapidement des modules entiers ou simplement copier et coller les configurations de réglage des modules. Vous disposerez également d’autres options utiles, comme la possibilité de « verrouiller » un module pour éviter d’apporter des modifications accidentelles.

Clic droit dans Divi
Clic droit dans Divi

Dans l’ensemble, l’interface Divi peut parfois sembler un peu écrasante avec toutes ses icônes flottantes. Mais elle excelle à vous offrir un grand nombre d’outils utiles et d’options de personnalisation.

Elle vous offre également certaines options d’interface qu’Elementor ne propose pas, comme la maquette fonctionnelle.

UI Elementor

Elementor utilise une approche légèrement différente pour son interface. Il vous montre un aperçu en direct de votre design sur la droite et une colonne latérale fixe sur la gauche (un peu comme l’outil de personnalisation natif de WordPress).

Cette colonne latérale vous permet de gérer les réglages de la plupart des éléments de votre projet. Par exemple, vous pouvez afficher une liste de widgets dans la colonne latérale et en faire glisser un sur votre design.

L'interface principale d'Elementor
L’interface principale d’Elementor

Ensuite, vous pouvez personnaliser le style, le contenu, etc. du widget en utilisant les options de la colonne latérale.

Modifier un widget Elementor
Modifier un widget Elementor

Pour la plupart des contenus textuels, vous pouvez également utiliser l’édition en ligne. Là encore, cela signifie que vous pouvez simplement cliquer et saisir sur l’aperçu en direct. Cependant, Divi offre un peu plus de support pour l’édition en ligne, car il y a encore quelques morceaux de texte dans Elementor qui ne supportent pas l’édition en ligne.

Elementor ne vous offre pas la maquette fonctionnelle que propose Divi, mais il est fourni avec un outil de navigation très utile. Il vous donne un aperçu de la structure de votre page, un peu comme l’outil de calques de Divi. Vous pouvez également renommer des éléments pour vous aider à les mémoriser :

La fonction de navigation d’Elementor
La fonction de navigation d’Elementor
Utilisation du clic droit dans Elementor
Utilisation du clic droit dans Elementor

Vous obtenez également d’autres outils utiles tels que annuler/refaire, aperçu des appareils, historique des révisions, etc. Et, comme Divi, Elementor prend également en charge le clic droit pour vous permettre de copier des widgets/réglages et d’effectuer d’autres actions :

Dans l’ensemble, comme Elementor ne repose pas sur des icônes flottantes comme le fait Divi, l’interface d’Elementor semble un peu plus propre et moins écrasante.

Fonctionnalités uniques Divi vs Elementor

En termes de fonctionnalités, il y a beaucoup de ressemblances entre ces deux outils. Par exemple, les deux outils offrent :

  • Des interfaces visuelles, en glisser-déposer
  • Une prise en charge complète de la construction de thèmes
  • Une prise en charge des données dynamiques

Cependant, chaque extension a aussi ses propres astuces dans sa manche. Dans cette section, nous allons comparer les fonctionnalités qui sont propres à chaque constructeur.

Fonctionnalités uniques de Divi

L’une des fonctionnalités les plus uniques de Divi est le test A/B intégré, qui vous permet de tester différents modules les uns par rapport aux autres. Par exemple, vous pouvez tester la performance de différents boutons d’appels à action (CTA).

C’est un outil de marketing très utile, donc c’est un grand avantage pour Divi dans les cas d’utilisation plus axés sur les entreprises.

Vous pouvez ajouter des tests A/B à Elementor en utilisant Google Optimize ou l’extension Split Test for Elementor, mais ce n’est pas la fonction intégrée que vous obtenez avec Divi.

La fonction de test A/B intégrée de Divi
La fonction de test A/B intégrée de Divi

Il y a également une différence importante à l’intérieur du module de formulaire : la logique conditionnelle. Alors que Divi et Elementor Pro offrent tous deux des widgets de formulaire flexibles, le widget de formulaire de Divi inclut une logique conditionnelle intégrée, alors que celui d’Elementor Pro n’en inclut pas. Si vous ne voulez pas utiliser un module de formulaire tiers mais que vous voulez construire des formulaires avancés, cet ajout est vraiment sympa.

Divi comprend également son propre éditeur de rôle intégré qui vous permet de contrôler les modules et les réglages auxquels les différents rôles d’utilisateur de WordPress peuvent accéder. Si vous créez des sites clients, vous pouvez l’utiliser pour contrôler les fonctionnalités de Divi auxquelles vos clients ont accès afin qu’ils ne cassent pas quelque chose. Vous pouvez également l’utiliser pour contrôler ce que les contributeurs peuvent faire sur votre site.

Elementor comprend un éditeur de rôle de base pour accorder ou restreindre l’accès à l’interface d’Elementor dans son ensemble, mais il n’est pas aussi granulaire que l’éditeur de rôle de Divi.

Enfin, Divi existe en version extension et thème, tandis qu’Elementor est exclusivement une extension. Bien que l’équipe d’Elementor propose son propre thème léger appelé Hello, qui est conçu pour être associé à Elementor Pro.

Les fonctionnalités uniques d’Elementor

L’une des fonctionnalités les plus uniques d’Elementor Pro est son Popup Builder. Avec ce constructeur de popup, vous pouvez utiliser l’interface d’Elementor (et tous ses widgets) pour concevoir des popups personnalisées que vous affichez n’importe où sur votre site.

La fonctionnalité de création de popups d’Elementor
La fonctionnalité de création de popups d’Elementor

Vous pouvez créer différents types de popups (modale, barre de notification, slide-in, etc.), et également utiliser des déclencheurs de popups communs (temps passé sur le site, profondeur de défilement, etc.). Vous obtiendrez également des règles de ciblage détaillées pour contrôler le moment où vos popups apparaissent.

Il s’agit d’une fonctionnalité très souple que vous pouvez utiliser pour tous les types de génération de prospects, des options d’e-mail aux formulaires de contact en ligne, en passant par les promotions, la connexion/l’inscription et bien d’autres choses encore. Vous pouvez vous rendre sur le groupe Facebook officiel d’Elementor pour obtenir le support de la communauté de plus de 98.000 membres. C’est une bonne option pour les utilisateurs gratuits et payants d’Elementor.

Vous pouvez trouver des modules tiers qui ajoutent la construction de popups à Divi, mais ce n’est pas une fonction de base. Votre achat de Divi comprend également le module d’extension Bloom email opt-in, qui inclut des popups. Cependant, Bloom ne vous donne pas de constructeur en glisser-déposer, donc il ne correspond pas vraiment à Elementor Popup Builder. De plus, Divi’s Bloom est limité aux opt-in, alors que vous pouvez utiliser Elementor pour créer n’importe quel type de popup.

Tarifs Divi vs Elementor

La comparaison des prix est un sujet délicat car Elementor est moins cher dans certaines situations, tandis que Divi l’est dans d’autres. Ainsi, selon la façon dont vous allez utiliser chaque outil, l’un pourrait être plus abordable que l’autre.

Version gratuite

Commençons par le début. Elementor est le seul à proposer une version 100 % gratuite. De plus, la version gratuite d’Elementor est étonnamment flexible. Même avec la seule version gratuite, vous pouvez créer de superbes designs et accéder aux widgets les plus fondamentaux.

Donc, si votre objectif est de garder les choses gratuites, Elementor est votre seule option. Et c’est une excellente option !

Versions premiums

En ce qui concerne les versions premiums, voici comment cela se passe :

  • Elementor Pro est moins cher si vous n’avez besoin d’un constructeur que pour un seul site web.
  • Divi est moins cher si vous avez besoin d’un constructeur pour plusieurs sites web.

Elementor Pro offre trois options de licence d’un an, chacune pour un nombre différent de sites :

  • Un site : 49 $ par an
  • Trois sites : 99 $ par an
  • 1.000 sites : 199 $ par an (quasiment illimité, mais plafonné pour éviter les abus)

Elementor passera à de nouveaux plans Pro avec une augmentation des prix à partir du 9 mars 2021. Pour l’essentiel, les deux premiers plans resteront les mêmes, tandis que le plan de 1.000 sites coûtera 999 $ par an. Les deux nouveaux plans Pro sont le plan de 25 sites qui coûtera 199 $ par an et le plan des 100 sites qui coûtera 499 $ par an.

Toute personne qui achète le plan de 1.000 sites d’Elementor Pro avant le 9 mars 2021 bénéficiera de droits acquis dans le cadre de la licence. Cela signifie qu’ils n’auront à payer que 199 $ par an, tant qu’ils conserveront une licence active.

Elegant Themes, en revanche, permet une utilisation illimitée sur ses plans. Pour une licence d’un an, vous paierez 89 $ pour une utilisation illimitée sur les sites web personnels et clients.

En outre, votre achat vous donne accès à tous les produits Elegant Themes, et pas seulement à Divi. Pour ce seul prix, vous aurez accès à :

  • Le thème Divi
  • L’extension Divi Builder
  • Des thèmes supplémentaires
  • L’extension Bloom (opt-in d’e-mail)
  • L’extension Monarch (partage social)

Pour récapituler, examinons trois scénarios différents pour voir quel constructeur premium serait le moins cher. Si vous avez besoin d’utiliser un constructeur sur :

  • Un seul site : Elementor Pro sera le moins cher à 49 $ par an contre 89 $ par an pour Divi.
  • Trois sites : les deux constructeurs sont à peu près égaux, avec Elementor Pro à 99 $ par an et Divi à 89 $ par an.
  • Quatre sites (ou plus) : Divi sera le moins cher à 89 $ par an contre Elementor Pro à 199 $ par an.

Licence à vie

Enfin, une dernière considération importante est la durée de la licence. Elementor ne propose que des licences d’un an. Autrement dit, vous devrez renouveler votre licence chaque année si vous voulez continuer à bénéficier du support et des mises à jour. De plus, vous ne pourrez plus ajouter de nouveaux widgets Elementor Pro si vous ne renouvelez pas votre licence. Cependant, tous les widgets Elementor Pro existants dans vos modèles continueront à fonctionner. Mais vous ne pourrez pas insérer de nouveaux modèles premium.

Elegant Themes propose la même licence annuelle ainsi qu’une option de licence à vie. Avec la licence à vie, vous payez un montant fixe pour l’utilisation, les mises à jour et le support à vie. C’est une offre difficile à battre du point de vue de la valeur.

La licence à vie est à 249 $, ce qui place le seuil de rentabilité à environ 2,8 ans par rapport à la licence d’un an.

Modèles Divi vs Elementor

L’un des grands avantages de ces deux constructeurs est qu’ils sont fournis avec de grandes bibliothèques de modèles, de sorte que vous n’avez pas besoin de commencer vos conceptions à partir de zéro.

Il suffit d’importer un modèle, de le personnaliser pour répondre à vos besoins, et vous obtenez un site web conçu par un professionnel.

Ils disposent tous deux de bibliothèques de modèles assez importantes, mais Divi a l’avantage en ce qui concerne la quantité et l’organisation de ses modèles.

Modèles Divi

Depuis mars 2021, Divi est livré avec plus de 1.500 modèles pré-conçus que vous pouvez importer, répartis en 199 packs de mises en pages (Layout Pack). Un pack de mises en page est essentiellement une collection thématique de modèles, tous construits autour d’un site web spécifique. Par exemple, vous pouvez obtenir un modèle pour la page d’accueil, un autre pour la page contact, etc.

La bibliothèque de modèles Divi
La bibliothèque de modèles Divi

Vous pouvez également enregistrer vos propres designs comme modèles pour les réutiliser plus tard.

Modèles Elementor

Les modèles d’Elementor se déclinent en de nombreuses variantes selon le type de contenu que vous créez. En ce qui concerne la conception des pages, vous aurez deux types de modèles :

  • Pages : il s’agit de modèles de pages entières. Vous obtiendrez environ 200 modèles avec Elementor Pro.
  • Blocks : il s’agit de modèles de sections pour des parties de page. Vous pouvez les assembler comme des Legos pour concevoir une page entière.
La bibliothèque de modèles Elementor
La bibliothèque de modèles Elementor

Elementor organise également certains de ses modèles en kits de modèles, qui sont des modèles dont le thème est la construction d’un site web complet (tout comme Divi). Cependant, Elementor propose moins de 25 kits de modèles en mars 2021, bien qu’ils sortent un nouveau kit de modèles chaque mois.

Vous obtiendrez également des modèles distincts pour les popups et la construction de thèmes, ce qui, techniquement, élargit encore la liste des modèles d’Elementor.

Enfin, vous pouvez également enregistrer vos propres modèles pour les réutiliser plus tard.

Support Divi vs Elementor

Divi et Elementor offrent toutes deux un support 24/7 aux clients possédant une licence active. Dans l’ensemble, cependant, le léger avantage va à Divi car il offre des options plus souples pour contacter le support.

Support Divi

Tous les utilisateurs d’Elegant Themes disposant d’une licence active bénéficient d’un support premium 24/7. L’un des grands avantages est que vous bénéficiez d’une assistance en direct via Intercom (le même système de support que celui que nous utilisons ici chez Kinsta).

C’est un grand avantage, car il est assez rare de trouver un support de discussion en direct dans un thème ou une extension WordPress.

En outre, vous pouvez toujours accéder à leur ancien système de support par les forums si vous le souhaitez. Le système de forum repose cependant sur le support de la communauté (le personnel des équipes d’Elegant Themes n’y répond plus aux questions). Vous pouvez également vous aider vous-même en consultant la documentation détaillée de la base de connaissances.

Vous pouvez également obtenir le support de la communauté via le grand groupe officiel Divi Theme Users sur Facebook, qui compte plus de 64.200 membres.

Support Elementor

Les clients payants d’Elementor bénéficieront d’un support premium 24/7 grâce à des tickets. De plus, Elementor maintient une base de connaissances publique détaillée pour vous montrer comment utiliser les fonctionnalités de base, résoudre les problèmes courants, etc.

Elementor dispose également d’un grand groupe officiel sur Facebook où vous pouvez obtenir le soutien de plus de 98.000 membres de la communauté. C’est une bonne option pour les utilisateurs gratuits et payants d’Elementor.

Il existe également des groupes de discussion pour les questions courantes, tels que Elementor + Which Theme ? et Elementor + Which Plugin, ainsi qu’une communauté Elementor Pro dédiée.

Comme il y a beaucoup de personnes dans les communautés Facebook, vous obtiendrez souvent une réponse plus rapide en posant une question dans la communauté Facebook qu’en soumettant un ticket.

Divi vs Elementor : Lequel choisir ?

En fin de compte, il n’y a pas de gagnant évident, c’est pourquoi ces deux outils sont si efficaces. Tout dépend de votre budget, des fonctionnalités que vous appréciez et de l’interface que vous préférez.

Elementor est probablement le meilleur endroit pour commencer, principalement parce qu’il est gratuit si vous venez de commencer. Vous pouvez voir si la version gratuite d’Elementor vous plaît et, si elle vous convient, vous disposez d’un outil formidable sans dépenser d’argent.

Si vous êtes prêt à payer, c’est une décision plus difficile à prendre.

Tout d’abord, examinez les interfaces de chaque outil. Certaines personnes préfèrent l’une ou l’autre, ce serait donc une façon de choisir. Vous pouvez tester chaque interface en :

  • Utilisant la démo web en direct de Divi Builder
  • Installant la version gratuite d’Elementor

Les deux vous offrent un style et des options de conception de premier ordre, il est donc difficile de déclarer l’un d’entre eux gagnant. Bien sûr, il y a de petites différences de caractéristiques, mais elles n’affecteront pas la plupart des gens.

Ensuite, demandez-vous s’il existe des fonctionnalités uniques qui pourraient vous pousser dans une direction ou une autre. Par exemple, si vous êtes un spécialiste du marketing, vous pourriez vraiment apprécier les tests A/B intégrés de Divi.

D’autre part, les spécialistes du marketing apprécieront également Elementor Popup Builder, un outil polyvalent pour tout, des options d’adhésion aux e-mails aux promotions, aux enquêtes, etc.

En termes de performance, Elementor a un léger avantage. Donc si la performance est primordiale pour vous, c’est un point en faveur d’Elementor.

Bien sûr, si les performances sont de la plus haute importance pour vous, vous pouvez repenser à l’utilisation d’un constructeur visuel en premier lieu, car l’utilisation d’une pile de blocs native vous aidera presque certainement à obtenir un site plus rapide.

Enfin, il y a la tarification. Pour un seul site, Elementor Pro est moins cher. Mais pour plusieurs sites et dans une perspective à long terme, Divi présente deux grands avantages en termes de rapport qualité-prix :

  1. Le forfait d’entrée de 89 $ d’Elegant Themes permet toujours d’utiliser des sites illimités, alors qu’il vous faut pour cela le plan Elementor Pro, plus cher, d’un montant de 199 $. Le prix du plan pour 1.000 sites d’Elementor Pro passera bientôt à 999 $.
  2. Elegant Themes offre une adhésion à vie. Si vous savez que vous utiliserez cet outil pendant plusieurs années, il est difficile de battre un contrat à vie du point de vue de la valeur. Pour Divi, le point d’équilibre entre une licence d’un an et une licence à vie est d’environ deux ans et neuf mois.

Cependant, il faut garder à l’esprit que les produits et services avec des licences à vie ne sont pas durables. Les entreprises qui les proposent doivent faire face à l’augmentation des coûts de support et de développement. Elles finissent par réduire la qualité de leur support, vendre l’entreprise à quelqu’un d’autre ou la fermer. Choisissez donc judicieusement !

Pouvez-vous utiliser Elementor avec Divi ?

Oui, en quelque sorte. Il est techniquement possible d’utiliser Elementor et Divi sur le même site web. Cependant, nous vous le déconseillons vivement. Essayer de le faire ralentirait votre site (car chaque constructeur chargera ses propres scripts), ajouterait beaucoup de complexité et rendrait généralement les choses plus difficiles pour vous.

Si vous devez absolument utiliser les deux extensions (encore une fois, nous ne le recommandons vraiment pas), vous pouvez envisager d’utiliser une extension telle que Asset CleanUp pour charger conditionnellement les scripts de chaque constructeur uniquement là où ils sont nécessaires. Cela devrait réduire les baisses de performances lorsque vous utilisez Divi et Elementor ensemble.

Dans le même ordre d’idées, vous pouvez utiliser Divi Builder avec le thème Hello d’Elementor, ce qui peut être une meilleure option que d’utiliser le thème Divi si vous avez l’intention d’utiliser le nouveau constructeur de thèmes de Divi pour concevoir l’ensemble de votre site.

Résumé

Voilà qui conclut notre comparaison complète Elementor vs Divi. Nous espérons que vous l’avez trouvé utile.

Si ces deux outils ne répondent toujours pas à vos besoins, lisez notre liste de constructeurs de pages WordPress géniaux. Elle comprend certains des autres constructeurs de pages préférés de la communauté WordPress, tels que GeneratePress with Sections, Beaver Builder, Oxygen et Brizy.

Et si vous voulez commencer à développer des sites WordPress tout de suite, jetez un coup d’œil sur DevKinsta. C’est entièrement gratuit (même pour les non-clients de Kinsta), et il vous aidera à configurer un site WordPress local sur votre ordinateur en un rien de temps.

Vous avez encore des questions sur le choix entre Divi et Elementor ? Posez-les nous dans les commentaires !

Matteo Duò Kinsta

Rédacteur en chef chez Kinsta et consultant en marketing de contenu pour les développeurs de plugins WordPress. Connectez-vous avec Matteo sur Twitter.