divi vs elementor

Comparaison entre Divi et Elementor ?

On peut dire que Divi et Elementor sont les constructeurs de pages WordPress les plus courants et les plus populaires. Le rédacteur en chef de WordPress Gutenberg a complètement changé ses objectifs de publication et propose désormais presque la même méthode que la création d’un site Web communautaire. Par conséquent, la question principale est: si Gutenberg est une personne réelle, le créateur de la page propriétaire serait-il perdu? Ou peuvent-ils être fusionnés efficacement avec l’éditeur de blocs de base?

Que choisir Divi ou Elementor ? avec  Gutenberg

La bonne nouvelle est que les deux designers ont choisi Gutenberg. L’objectif est de vous permettre d’obtenir des possibilités de personnalisation vraiment avancées et de pointe. Adhérez à la méthode prospective de création de site Web dans WordPress, il convient de souligner que l’intégration de Gutenberg n’est pas mentionnée en un coup d’œil. Surtout quand on sait que d’autres progrès sont en cours!

C’est-à-dire qu’avant de poursuivre les recherches, nous commençons à comparer Divi et Elementor. Nous pensons toujours qu’il est important de comprendre d’abord comment chaque plugin de création de page WordPress problématique gère Gutenberg.

Après avoir tout effacé, nous examinerons une liste de comparaison plus classique. Ceux-ci incluent: les fonctionnalités, l’expérience d’édition, les étiquettes de prix et toutes les nécessités qui doivent être analysées et mesurées avant de faire un choix.

Comparaison de 2 plugins WordPress

 

Nous verrons ensemble: 1- Elementor vs Divi: Interaction avec Gutenberg Interface à 2 commandes: Divi vs Elementor 3- Elementor vs Divi: éléments de contenu 4- Divi vs Elementor: pages stylisées + modèles prédéfinis 5- Divi vs Elémentor: base de connaissances et communauté 6-Divi vs Elementor: plan tarifaire Résumé de Divi vs Elementor: quel est le meilleur?

Les points primordiaux : DiviThème ou BuilderDivi ?

Pour beaucoup d’utilisateurs de Divi, DiviBuilder n’existe qu’en termes de thème Divi. Et nous devons reconnaître qu’ils sont vraiment plus performants en combo ! Lors de cette comparaison, nous allons également tester les eaux avec le thème Divi.  Le Thème Elégant (les créateurs de Divi), et le DiviBuilder, un plugin indépendant et autonome, qui vous permettra de le combiner avec n’importe quel thème WordPress.

Elementor est un plugin seul et autonome qui est disponible en deux versions : gratuite (et pourtant assez performante) et premium (tout compris).

 Des styles et thèmes de départ officiels qui fonctionnent harmonieusement avec leurs constructeurs natifs :

  • Hello Elementor : (gratuit)
  • (premium)

1- Elementor contre Divi:

Interaction avec Gutenberg Lorsque Gutenberg approchait encore du niveau d’expérience d’édition, l’éditeur back-end et l’éditeur front-end ont uni leurs forces. Divi et Elementor vous permettent de bénéficier d’une véritable édition en temps réel. Élément Gutenberg Elementor est le premier constructeur à lancer des modules personnalisés pour Gutenberg via le plugin officiel gratuit Elementor Blocks for Gutenberg.

Le plug-in vous donne la possibilité d’insérer des blocs Elementor et des modèles en tant que blocs Gutenberg. Vous n’avez rien de spécifique à faire à part installer et lancer cette extension.

Par conséquent, vous comptez sur le puissant panneau Elementor pour avoir un environnement Elementor normal et très intuitif et convivial pour créer du contenu.

Après avoir modifié la page dans Elementor, vous pouvez la sauvegarder dans Gutenberg plus tard. Par conséquent, vous pouvez l’utiliser comme n’importe quel autre bloc.

WordPress-Gutenberg-Elements:

Cela offre également de nombreuses opportunités d’interagir avec le bloc Gutenberg par défaut et avec les thèmes et plugins tiers créés pour Gutenberg. Par exemple, si je conçois une section personnalisée dans Elementor et l’enregistre en tant que bloc. Je pourrai alors l’utiliser avec n’importe quel plugin de bloc WordPress qui permet des changements de mise en page (comme la mise en page pleine largeur).

En général, lors de la création d’une page dans l’éditeur de blocs WordPress, vous pouvez utiliser Gutenberg pour intégrer tout contenu dont vous avez besoin, et si vous avez besoin d’outils de conception de contenu et de conception de style plus puissants, vous pouvez utiliser Elementor. Vous n’avez pas à choisir entre les deux! Vous pouvez utiliser à la fois de manière optimale et efficace en même temps. Parce que vous pouvez choisir quelle étape et comment l’utiliser.

Divi Gutenberg Et Divi? En réponse à l’arrivée de Gutenberg, l’équipe Divi a publié la version 3.18 de DiviBuilder pour assurer la compatibilité avec Gutenberg. Mais contrairement à Elementor, leur approche ne convient pas à WordPress. Par défaut, en choisissant d’utiliser Divi avec Gutenberg, vous pouvez passer à Divi lors de la création d’une nouvelle page facultative. Vous serez alors immédiatement redirigé vers la version améliorée de DiviBuilder, qui vous donne accès à la version frontale.

Si vous souhaitez utiliser Divi comme éditeur backend (« ClassicDiviBuilder »), qui est une méthode plus rapide et plus efficace, vous devez activer l’option « Latest DiviBuilderexperience » dans les paramètres. En plus de l’option « EnableClassic Editor », ce dernier élimine le besoin d’utiliser le plugin officiel de l’éditeur classique. Comme vous pouvez le voir, Divi est le contraire. Vous devez utiliser Divi ou Gutenberg.

WordPress-Gutenberg-Divi:

Cette façon de gérer l’intégration de Gutenberg nous amène à supposer que Divi n’a pas besoin de gérer le nouvel éditeur WordPress, mais vous ramène à l’expérience de l’éditeur classique. Mais c’est une bonne chose si vous recherchez un ancien éditeur. Ou une autre hypothèse pour verrouiller Gutenberg pour lancer Divi. Cependant, ce n’est peut-être qu’une lacune temporaire!

Rappelant Divi vs Elementor Gutenberg:

Elementor a démontré une plus grande fidélité à Gutenberg pour atteindre une compatibilité maximale. Ici, Elementor semble surpasser la concurrence dans au moins deux aspects importants. D’une part, il offre plus de localisation intégrée à Gutenberg (ce qui signifie qu’il est plus polyvalent et plus stable). En revanche, l’utilisation de ce dernier est moins gênante.

D’un autre côté, Divi ne peut toujours pas vous donner la possibilité de l’utiliser efficacement avec Gutenberg. Un autre point neutre doit être mentionné. Lorsque vous réfléchissez à l’itinéraire qui vous convient le mieux, supposons qu’une question a déjà une réponse! La question n’est pas de savoir si Gutenberg peut éliminer le besoin de constructeurs tiers. Mais comment tirer le meilleur parti de la combinaison de Gutenberg et des constructeurs de pages propriétaires. Au moins pour le moment, en raison des capacités de développement insuffisantes de Gutenberg, il ne peut pas répondre aux besoins de conception avancée et de construction de sites Web.

Interface à 2 commandes: Divi vs Elementor Interface Divi:

Comme nous l’avons déjà mentionné, Divi peut être utilisé de deux manières: en tant que constructeur back-end ou front-end. Les deux offrent des options d’édition similaires, mais l’interface est différente. Lorsque vous ouvrez la page pour la première fois, vous pouvez sélectionner une page vierge ou une mise en page préparée. Vous pouvez également réutiliser des mises en page personnalisées.

En utilisant la « nouvelle version de DiviBuilder », vous verrez la structure et la hiérarchie de la page lors de l’édition. Ici, les sections, les lignes et les modules seront complètement explicites. Veuillez noter que de nombreux autres fabricants travaillent encore dur pour fournir cette interface graphique de haute qualité! Vous pouvez également le personnaliser facilement pièce par pièce sans aucune conjecture.

À partir de la version 3.18 de Divi, vous pouvez utiliser le constructeur de backend. Il offre de meilleures performances, tout en vous offrant un mode d’édition visuel impressionnant qui garantit une compatibilité de contenu 100% précise.

Paramètres Divi:

Chaque module dispose d’une fenêtre de réglage flottante qui peut être affichée en un seul clic, afin que vous puissiez profiter d’une construction et d’une conception sans interférences. Si vous décidez de l’activer en premier, la barre latérale avec tous les paramètres standard peut être ici.

Le reste des paramètres est également à portée de main. Le panneau de commande inférieur vous permet d’ajouter des sections de bibliothèque et de modifier les paramètres généraux de la page. Et parcourez l’historique des modifications et exportez ou importez du contenu Divi. Vous pouvez également utiliser facilement les boutons Annuler et Rétablir.

Évidemment, les choses se font par glisser-déposer, vous pouvez donc faire glisser des modules et des sections entières sur la page.

Interface utilisateur Divi: Dans l’ensemble, l’interface utilisateur est l’une des forces de Divi. En fait, il est absolument interactif, intuitif et facile à utiliser. D’un autre côté, le générateur peut parfois commencer à se charger trop lentement, en particulier lorsque vous avez de nombreux modules de contenu avec des styles personnalisés. Vous pouvez faire plusieurs choses. Mais, bien sûr, cette expérience peut être très différente de ce que vous pourriez rencontrer sur un site de test ou sur un site WordPress qui fonctionne bien.

Interface Elementor: Elementor est aussi pratique que Divi dans des aspects clés. Cependant, Elementor est plus rapide car il est livré avec des styles simplifiés. Il assure des performances irréprochables sur les faces arrière et frontales (à titre de comparaison: la taille de fichier du plugin Elementor est jusqu’à présent de 8 Mo, alors que la taille de fichier de Divi est de 25 Mo ou plus). Vous pouvez démarrer le processus avec un modèle vierge avec un nombre prédéfini de colonnes, ou vous pouvez choisir un modèle prédéfini (plus d’informations à ce sujet plus tard).

Après avoir sélectionné la mise en page, vous pouvez ajouter des éléments qui vous conviennent par simple glisser-déposer. Vous pouvez modifier certains éléments en ligne (sur le côté droit de la page) ou via le panneau du générateur.

Pour modifier le contenu, la mise en page et le style de l’élément sélectionné, vous devrez basculer entre les onglets dans le générateur.

Lors de la création de contenu non perturbateur, vous pouvez choisir de masquer le panneau de création. Cela vous donne suffisamment d’espace pour un montage efficace. Dans l’ensemble, la conception du processus d’édition est très bonne et très intuitive. Par conséquent, vous pouvez vous familiariser avec l’outil en très peu de temps et même utiliser immédiatement ces outils pour une édition avancée.

Paramètres des éléments:

Tout comme dans Divi, il existe également un panneau séparé pour les paramètres généraux de la page. Ces fonctionnalités incluent un navigateur de page (montrant la structure hiérarchique de la page), l’historique des modifications et un émulateur intégré qui vous permet d’afficher l’apparence de la page dans différentes fenêtres.

Résumé de l’interface de commande Divi vs Elementor:

Ici, nous regardons un dilemme: deux éditeurs nous ont fourni une interface très pratique et des outils bien structurés. En d’autres termes, Elementor fonctionne mieux en termes de performances et peut vous aider à réduire les coûts d’hébergement.

3- Elementor vs Divi: éléments de contenu

Ces deux constructeurs de pages vous fournissent plusieurs modules de contenu, ce qui vous évite généralement d’avoir à recourir à d’autres plugins. De plus, le nombre de modules de contenu est beaucoup plus grand que le nombre de Gutenberg (si l’on ne considère que les blocs de base).

Module de contenu Divi: Jusqu’à présent, Divi a plus de 40 éléments de site Web simples et avancés.

Certains modules sont très avancés. Cela signifie qu’ils peuvent fonctionner indépendamment en tant que plug-ins autonomes. Par exemple, en utilisant uniquement Divi, vous pouvez créer: Portefeuille Compte à rebours Témoignages Liste de contacts Liste de prix, etc.

Contenu de l’e-mail Divi:

 

En ce qui concerne les solutions axées sur le contenu, le plan Divi comprend également la possibilité de participer efficacement aux e-mails.

De nombreuses extensions tierces ont également été créées pour étendre davantage Divi.

Widget d’élément Elementor:

Pour Elementor, le plugin est livré avec tous les modules utiles. Contrairement à Divi (un produit premium uniquement), que vous utilisiez une version payante ou une version gratuite, Elementor propose différents modules.

Le plugin gratuit Elementor contient jusqu’à 30 éléments (y compris des widgets plus avancés). Parmi les widgets disponibles, on peut citer les suivants: Témoignages Bibliothèque d’images Google Map. Les éléments professionnels libèrent plus de possibilités de conception et offrent plus d’options de contenu. Par exemple : Titre de l’animation Boîte avec couvercle Boîte de prix commentaire Commentaires Facebook Bloc d’intégration WooCommerce et plus Par rapport à Divi, certains sont uniques. Pour intégrer le système de commentaires Facebook dans votre site WordPress, un plugin est généralement nécessaire. Mais avec Elementor Pro, vous l’avez déjà.

Contenu de base ou autre contenu:

 

Il convient de mentionner que vous pouvez également ajouter d’autres widgets à la version gratuite (et à la version Pro) d’Elementor. Via des plug-ins tiers, tels que Elementor UnlimitedAdd-ons ou tout autre plug-in. De plus, Elementor fournit encore plus un générateur de thème intégré fourni avec la version Pro, ce qui va encore plus loin. Theme Builder est une toute nouvelle fonctionnalité (à partir de Elementor version 2.0, 2019). Techniquement, il vous permet de modifier des pages en dehors de la zone de contenu, c’est-à-dire de personnaliser visuellement l’en-tête et le pied de page du site Web. Et il y a des pages de publication individuelles et d’autres zones du site (c’est là que Gutenberg mène).

En bref, il vous permet de choisir un modèle que vous aimez et de le modifier – remplissez le modèle avec des widgets de contenu dynamique (classés pour différents types de pages). Vous pouvez également définir les conditions dans lesquelles ce modèle doit être appliqué (par exemple, sur des pages spécifiques de l’ensemble du site).

En pratique, cela signifie que vous pouvez créer vous-même l’intégralité du site Web. Grâce au générateur de types intelligent et simple d’utilisation: quel que soit le thème, vous pouvez glisser-déposer. De plus, tout comme Divi, Elementor Pro dispose également d’un générateur de fenêtres pop-up complet. Il permet au personnel non technique de réaliser différents types de bannières promotionnelles et de plombs magnétiques (plein écran, fly-in, colonne descendante, etc.).

Résumé de Divi vs Elementor:

 

Bien que Divi soit livré avec une liste puissante de modules de contenu. Elementor offre plus d’avantages, mais malheureusement, Divi ne peut pas fournir ces avantages: En plus des modules avancés, il existe plusieurs modules de contenu gratuits. Un générateur de thème efficace et puissant qui vous permet d’éditer n’importe quel thème à l’exception des thèmes.

4- Divi vs Elementor: pages stylisées + modèles prédéfinis

 

Les deux concepteurs de pages WordPress ont d’excellents panneaux de conception. Ceux-ci vous permettent d’approfondir la personnalisation d’éléments individuels, de sections entières, de mises en page, de couleurs, de mises en page, etc. en temps réel. Les possibilités de personnalisation sont impressionnantes. Cependant, pour les utilisateurs ordinaires de WordPress, la liberté de choix des styles de contenu peut être écrasante. Par conséquent, si vous n’avez pas les yeux d’un graphiste, même l’utilisation des meilleurs constructeurs peut entraîner des conceptions confuses et incohérentes.

C’est là que le modèle de constructeur prêt à l’emploi entre en jeu. Par conséquent, ils aident à réduire les problèmes de contournement, en particulier pour les WordPressers non techniques. Le but principal de ces modèles est précisément de vous éviter de créer un contenu incompatible. Divi et Elementor proposent de telles solutions, nous les étudierons donc également.

Contenu de style de Divi:

 

Le formatage se fait dans l’onglet «Design» de Divi. Cela vous permet de modifier l’alignement, les marges et le remplissage. Il vous permettra également d’assigner des styles et des couleurs aux bordures d’image, d’ajouter divers filtres, effets d’animation, etc. Tout cela ne provient que de l’éditeur en temps réel.

Les paramètres non souhaités peuvent être facilement éliminés directement dans l’éditeur. Dans les ” Paramètres avancés “, vous pourrez ajouter des styles personnalisés pour chaque module de contenu, appliquer des paramètres d’animation plus approfondis. Vous pourrez également  ajouter des textes Alt d’images (chose qui est bien adaptée au référencement), et faire plus de réglages pour un contenu dynamique.

L’équipe Divi publie également fréquemment de nouvelles fonctionnalités: conception de texte incurvé, décoration de page, contrôles de taille et d’espacement coulissants, etc.

Personnalisation du thème Divi:

 

Pour ceux qui utilisent les thèmes Divi, il existe un outil de personnalisation de thème supplémentaire. Cela vous permet d’accéder aux paramètres généraux du site Web tels que le titre, le menu de navigation, la barre latérale, la palette de couleurs, etc.

Par exemple, vous pouvez modifier la conception des boutons sur tout le site. Il existe des paramètres de style de bouton et de style de survol des boutons. Il est très similaire au générateur de thèmes Elementor, mais cela ne fonctionne que pour les thèmes Divi.

Il est peu probable que vous ne puissiez pas personnaliser le contenu comme vous le souhaitez. Thème Divi:

En ce qui concerne les modèles de page prédéfinis, Divi a fourni jusqu’à présent 119 packages de mise en page. Il est facile de trier ces modèles par catégorie dans la bibliothèque Divi. Pour le personnel non technique, ce dernier est un outil essentiel.

Par conséquent, vous pouvez également utiliser la bibliothèque pour stocker vos mises en page, sections, modules et lignes personnalisées afin de pouvoir les ajouter à d’autres pages. La bonne nouvelle est que vous pouvez personnaliser les éléments de contenu de sauvegarde de manière globale ou sélective. Cela vous évitera de provoquer des incohérences de conception sur tout le site.

Contenu de style Elementor:

 

En utilisant le générateur de style d’Elementor, vous pouvez également bien carrer les cercles. La boîte à outils ne se limite pas à fournir un accès en profondeur aux paramètres de style et de mise en page, elle est également ultra-légère. Par conséquent, même s’il y a beaucoup de contenu avec des styles différents sur la page, le processus d’édition sera fluide. Le résultat final du frontal ne doit pas causer de problèmes de performances évidents.

Étapes pour le mise en page dans Elementor :

Les contrôles de style et de disposition variables dans Elementor sont accessibles via l’onglet « Style ». Elles sont très similaires aux fonctions fournies par Divi, bien que certaines options fournies par Divi soient absentes du panneau de configuration. Ensuite, vous pouvez modifier l’alignement, la taille, la bordure, l’animation, l’arrière-plan et d’autres widgets de contenu individuels.

Dans la version gratuite d’Elementor, vous pouvez ajouter des CSS et des identifiants en utilisant l’onglet « Avancé ». Bien que seul Elementor Pro vous permette d’ajouter du CSS directement à des widgets ou à des pièces individuelles.

Thème de base: Par contre, si vous souhaitez utiliser des « widgets globaux » personnalisés qui peuvent être enregistrés et réutilisés sur le site Web (comme Divi), vous avez besoin d’Elementor Pro.

 

Pour déverrouiller l’accès à une riche bibliothèque de tous les modèles officiels d’Elementor, vous devez également payer pour la version premium. La bibliothèque de modèles Elementor préconçue est presque aussi grande que Divi et compte plus de 100 projets.

Résumé du contenu et du style de Divi vs Elementor:

 

Parce que ces deux plugins sont fournis sous forme de solutions WordPress axées sur le design. Par conséquent, ils fournissent un concepteur de style multidimensionnel très polyvalent et un tas de modèles professionnels. Sur le marché des produits WordPress propriétaires, il existe diverses solutions et améliorations autour d’Elementor qui peuvent répondre à divers besoins. Avant l’arrivée de Gutenberg, le support des plugins ou des thèmes pour Elementor était presque nouveau. De même, de nombreuses entreprises se spécialisent dans Divi et se concentrent sur la création d’autres extensions Divi plutôt que sur des designs.

5- Divi vs Elémentor: base de connaissances et communauté Ces deux plugins vous fournissent des instructions d’utilisation directes et complètes.

 

Ceux-ci peuvent prendre la forme de documents, de didacticiels vidéo ou d’articles de blog spécifiques. Divi est livré avec un menu du centre de support, que vous pouvez trouver dans les paramètres Divi sur le tableau de bord WordPress. C’est une excellente solution car elle vous donne un accès facile à la base de connaissances, aux journaux de débogage et aux rapports complets sur l’état du système. En outre, il montre également divers problèmes, compatibilité et hébergement. Il vous permet également d’accéder au site Web à distance en un seul clic, afin que l’équipe Divi puisse étudier plus attentivement tout problème.

Retrouvez également la communauté Divi sur les réseaux sociaux, le site des éducateurs Divi, et le blog Divi expérimenté et plus personnalisé. Vous pouvez également discuter en temps réel avec l’équipe d’assistance de Divi sur le site Web. La grande base de connaissances prend en charge Elementor. En plus des documents officiels, du chat en direct, des forums et des communautés officielles de médias sociaux, vous pouvez également explorer de nombreux groupes de fans Elementor sur Facebook.

Résumé de 2 plugins WordPress: Divi et Elementor ont réussi à créer de grandes communautés et centres de soutien.

 

Mais l’équipe Divi a franchi une étape supplémentaire avec un centre d’aide centralisé qui propose des options dédiées.

6- Divi vs Elementor: plan tarifaire Divi, en tant que thème ou en tant que plug-in, est l’un des produits haut de gamme, avec deux variantes. D’une part, le coût annuel est de 89 dollars, d’autre part, le coût d’utilisation à vie est de 249 dollars. Les deux couvrent l’utilisation illimitée du site Web et l’accès à des produits plus utiles, tels que des thèmes de magazines professionnels, des plugins optionnels intégrés et le partage social. Elementor propose 3 plans, jusqu’à présent, le plan le moins cher est de 49 $ par an et par site Web. Le prix comprend l’accès à la bibliothèque de modèles, au générateur de thèmes, au constructeur de sites Web et au constructeur de sites Web WooCommerce.

Résumé de Divi vs Elementor: quel est le meilleur?

 

En ce qui concerne la possibilité importante de configurer du contenu, le constructeur de pages révisé de WordPress est sur un pied d’égalité. Cela dépend donc de vos besoins. Laquelle est la plus appropriée? Par exemple, Divi peut être plus adapté à un type de projet, tandis qu’Elementor est plus adapté à un autre type. À moins d’essayer les deux méthodes en même temps, vous ne pouvez pas être sûr à 100%. Je vous invite à vous concentrer sur quelques différences majeures:

Les avantages de Divi: Dans une certaine mesure, il offre plus d’options de personnalisation de style et de mise en page. Option de système de centre de support exclusif. Fournissez des options d’accès à vie à un prix, ce qui peut être une option plus abordable pour de nombreux utilisateurs, concepteurs et développeurs. En revanche, Elementor ne s’applique qu’aux paiements récurrents, et le plan de 199 $ le plus cher est limité à 1000 sites Web.

Avantages d’Elementor: Une version gratuite qui peut répondre aux besoins de base de création et d’édition de sites Web.

 

Fournissez un thème d’entrée Hello Elementor puissant et gratuit. Il est plus facile et plus facile à charger, ce qui est également important pour le référencement du site Web et économiser de l’espace sur le serveur d’hébergement (et préserver l’environnement). Fournit une intégration plus locale de l’éditeur Gutenberg. La version premium est livrée avec un générateur de thème plus avancé (vous permettant de modifier l’ensemble du thème). Obtenez le soutien du marché plus large des thèmes et extensions Elementor. Alors, avec qui voulez-vous jouer?

× Comment puis-je vous aider ?