Test de Divi [2024]: Quand est-ce qu’il vaut le coup ?

Divi est un constructeur de site d’Elegant Themes qui a été conçu pour fonctionner dans WordPress, tout comme Elementor. L’idée est qu’en installant le thème Divi (ou le plugin Divi Builder), vous serez en mesure d’utiliser la fonction “glisser-déposer” pour concevoir de superbes designs.

Contrairement à de nombreux constructeurs de sites, Divi propose peu de fonctionnalités supplémentaires de gestion de contenu ou de marketing. Le principe étant que WordPress peut gérer tout ça sans difficulté, Divi se concentre donc sur le fait de simplifier le processus de conception de sites dans WordPress. Maintenant, quant à savoir si l’application réussit à atteindre cet objectif, eh bien … c’est ce que nous allons voir dans ce test.

Divi est-il fait pour vous ? Le prix d’entrée, qui n’est pas vraiment économique, vaut-il le coup, sachant que vous devrez déjà payer l’hébergement de votre site ? Le temps nécessaire à son apprentissage en vaut-il la peine ? Ou serait-il préférable d’opter pour l’une des options figurant dans notre liste des meilleurs créateurs de sites Web en 2024? C’est ce que nous allons voir.

Ce dont vous avez besoin pour utiliser Divi

Un site Web WordPress. Pour être plus précis, vous aurez besoin d’un site WordPress sur votre propre serveur, ou vous devrez payer pour le plan Business sur WordPress.com, qui vous permet d’installer des thèmes et des plugins personnalisés. Laissez-moi vous dire que, dans ce cas, l’auto-hébergement de WordPress est clairement l’option la moins chère.

Ensuite, vous devrez installer l’un des deux thèmes Divi, Divi (un point de départ polyvalent pour la conception de sites Web) ou Extra (un thème de magazine). Ces deux thèmes sont livrés avec le constructeur de site intégré, et vous n’avez pas besoin d’installer autre chose.

Puis, si vous souhaitez utiliser le constructeur Divi avec un thème WordPress que vous avez déjà, c’est aussi possible. Le plugin Divi Builder, qui porte le nom approprié, peut théoriquement fonctionner avec n’importe quel thème, bien qu’il puisse y avoir des problèmes de compatibilité avec la façon dont les polices, les couleurs et autres éléments sont stylisés. Mais c’est un risque à prendre lorsque vous utilisez simultanément le code de deux développeurs différents.

1

Divi appelle ses modèles de sites Web des “packs de mise en page”. Fondamentalement, un pack de mise en page n’est qu’une collection de mises en page et de designs préétablis qui peuvent être appliqués à n’importe quelle page de votre site. De par la façon dont ce système fonctionne, vous pouvez même mélanger et assortir les packs de mise en page si vous le souhaitez.

Je ne le ferais pas, car les différentes mises en page des différents packs ne seraient pas compatibles visuellement. Au mieux, ce serait perturbant. Mais vous pouvez.

Il y a un total de 195 packs de mise en page à l’heure actuelle (et ils sont gratuits pour tous les clients), qui comprennent 1 440 mises en page individuelles. Celles-ci couvrent presque toutes les catégories, de l’art à la technologie en passant par les magasins et l’éducation. Les conceptions elles-mêmes sont généralement très réussies.

J’ai construit mon propre site test en 40 minutes environ, sur la base d’un simple design destiné aux refuges pour animaux.

Divi se concentre essentiellement sur les fonctionnalités de design et le contrôle total de la personnalisation de votre site. Il n’y a donc pas grand-chose à faire ici, si ce n’est se plonger dans les fonctionnalités les plus intéressantes/importantes.

Le constructeur est sacrément bon

Outre le fait qu’il vous permet de disposer le contenu à peu près comme vous le souhaitez par simple glisser-déposer, Divi vous permet de contrôler :

• Le style des polices et du texte – Vous pouvez définir un style global à appliquer sur l’ensemble de votre site, puis définir de nouvelles polices et de nouveaux styles pour les éléments individuels, si c’est ce que vous souhaitez faire.
• La couleur, la taille, la forme de chaque élément – Vous pouvez même ajouter des transformations pseudo-3D pour que les choses, eh bien, ressortent.
• Les effets – Cela englobe tout, de simples ombres portées et ombres de texte aux filtres visuels sur n’importe laquelle de vos images.
• Animations – Ajoutez et personnalisez des animations pour n’importe quel élément de votre page. (Mon avertissement habituel : n’en faites pas trop. Trop d’animations peuvent rendre votre page beaucoup plus lente).

Toutes les fonctionnalités de mise en page de Divi sont conçues en tenant compte du responsive design, et il y a même une fonction de prévisualisation, afin que vous puissiez voir à quoi ressemblera votre création sur différentes tailles d’écran. Je sais, c’est une fonctionnalité qui existe aujourd’hui chez la plupart des constructeurs de sites, mais c’est agréable de la voir ajoutée à WordPress

Vous pouvez également modifier plusieurs parties de votre page en même temps, ce qui vous permet de changer facilement des éléments tels que la taille, le positionnement et l’esthétique visuelle de tout un ensemble de contenus simultanément.

Enfin, il existe des feuilles de style en cascade (CSS) personnalisées pour les différents éléments de la page. Si vous connaissez et aimez les feuilles de style en cascade (ou si vous les affectionnez tout simplement), vous pouvez les utiliser pour exercer un contrôle très précis sur tous les éléments de votre conception. Personnellement, j’aime bien que ce genre de fonctionnalités faciles à programmer soit inclus.

Il nécessite quelques réglages et il y a un court processus d’apprentissage, mais vous pouvez configurer Divi de sorte qu’il vous fasse gagner beaucoup de temps lors de la conception de nouvelles pages.

Une vaste collection de modules complémentaires et de thèmes dérivés

Oui, il existe une bibliothèque de modules complémentaires tiers permettant de compléter les fonctionnalités de votre site Divi, y compris des packs de mise en page supplémentaires pour modifier son apparence. En fait, il existe actuellement plus de 500 add-ons. Vous pouvez les utiliser pour ajouter des calendriers d’événements, des galeries d’images plus élaborées, des pages en construction, des menus plus élaborés, des listes, des FAQ et à peu près tout ce que vous souhaitez

Le seul inconvénient ? Moins de 20 éléments sont gratuits : pour les autres, vous devrez payer un supplément. Les modules complémentaires et les thèmes les plus chers peuvent coûter plus de 160 €, mais la plupart reste tout de même beaucoup moins chers.

Vous pouvez utiliser des plugins WordPress gratuits pour remplacer l’un de ces éléments, mais il n’y a aucune garantie qu’ils soient complètement compatibles avec Divi. C’est juste un point à considérer. Mais si vous développez votre propre mise en page, thème ou extension pour Divi, vous pouvez aussi gagner de l’argent avec.

En théorie.

Intégration intéressante de WooCommerce

Si vous souhaitez gérer une boutique sur WordPress, le plugin WooCommerce est particulièrement intéressant. Pourquoi ? Parce que Divi possède des fonctionnalités spécifiques qui vous permettent de créer des pages de boutique compatibles avec WooCommerce.

En d’autres termes, votre boutique ne ressemblera à aucune autre. Veillez simplement à ce que les clients puissent toujours trouver le bouton Acheter maintenant, et c’est tout. Vous voulez savoir ce que vous pouvez faire d’autre ? Consultez notre test de WooCommerce.

Fonction annulation et révisions

Si vous n’avez jamais travaillé avec une application de design, cela peut sembler insignifiant, mais c’est en réalité un atout majeur. Si vous avez accidentellement raté quelque chose, vous pouvez revenir en arrière et consulter l’ensemble de votre historique d’édition. Tout l’historique.

Vous avez accidentellement supprimé la moitié du contenu d’une page en plusieurs étapes au cours des dernières heures ? Il vous suffit de revenir à une version antérieure. Un concept si simple, pour une fonctionnalité si importante. C’est plus qu’un bouton Annuler, c’est un bouton “Sauvegarder mon travail“.

Si vous avez déjà utilisé un constructeur de sites, vous serez familier avec Divi. Si ce n’est pas le cas, il s’agit simplement de “glisser-déposer” des éléments là où vous le souhaitez. Un parfait débutant devra consacrer un peu de temps à apprendre les ficelles du métier, mais ce n’est pas difficile.

D’un point de vue plus technique, cependant, j’ai constaté que l’utilisation de l’éditeur visuel peut s’avérer délicate et imprécise lorsqu’il s’agit de glisser-déposer des éléments. Il est facile de faire des erreurs et de perdre le formatage du texte, surtout lorsqu’on utilise les mises en page préétablies de la bibliothèque.

Par exemple, le fait d’appliquer un pack de mise en page (ou modèle de site) à votre page ne modifiera pas automatiquement les styles, polices et couleurs par défaut du thème Divi. En d’autres termes, une partie de votre contenu aura l’air d’appartenir à la nouvelle mise en page, tandis qu’une autre partie sera peut-être différente. Vous pouvez utiliser une mise en page pour modifier les paramètres par défaut de votre site, mais cela demande un effort supplémentaire.

Heureusement, il y a un tutoriel à ce sujet sur le blog d’Elegant Themes. Après quelques étapes préliminaires, chaque page que vous créez et chaque élément que vous ajoutez à ces pages avec Divi s’adaptera à votre nouveau pack de mise en page.

Pour être juste envers Divi, il s’agit d’un constructeur de site complet qui vient s’ajouter à une plateforme CMS déjà énorme. Tout ne va pas forcément se passer sans heurts. Et la fonction avancée Undo fonctionne bien, donc je ne peux pas trop me plaindre..

De nombreux guides et tutoriels

En parlant de tutoriels, il existe tout un site de documentation (illustré ci-dessus), en plus de ce que vous pouvez trouver sur le blog d’Elegant Themes. Compte tenu de la richesse des fonctionnalités de Divi, je vous recommande vivement de le parcourir avant d’essayer de créer votre site Web. Honnêtement ? Cela m’aurait probablement fait gagner du temps.

Paramètres avancés

Vous n’êtes pas obligé de tout faire manuellement via l’éditeur glisser-déposer. Une grande partie de la configuration de votre site peut se faire dans le menu des paramètres, pratique et assez complet. Encore une fois, avant d’essayer de concevoir votre site, regardez cette image et voyez s’il y a des options qui vous feront gagner du temps.

Plugins spécifiques à Divi

C’est un peu spécifique, mais le fait d’être un client Divi – quel que soit le plan – vous donne accès à deux plugins : Bloom et Monarch.

Bloom est un plugin de newsletter opt-in pour WordPress conçu pour vous aider à générer des prospects et, de manière générale, à maintenir durablement l’attention de vos visiteurs. Il vous permet de placer le formulaire d’opt-in presque n’importe où sur votre site, y compris dans les pop-ups (mais s’il vous plaît, ne faites pas cela). Il s’intègre à MailChimp, HubSpot, AWeber, et bien d’autres encore.

Le plugin Monarch a une portée beaucoup plus réduite. Il vous permet simplement d’ajouter toutes sortes de boutons de partage pour les réseaux sociaux, où vous le souhaitez. Simple et utile.

Mon expérience avec l’équipe d’assistance de Divi a été excellente. Les représentants auxquels j’ai parlé étaient (pour la plupart) rapides, (toujours) polis et serviables. Cependant, il n’y a qu’un seul moyen de joindre ces personnes merveilleuses, et c’est le chat en direct, disponible 24 heures sur 24 et 7 jours sur 7.

Vous pouvez également laisser votre adresse e-mail à l’équipe, de sorte que si elle ne vous répond pas tout de suite, vous pouvez obtenir une réponse par e-mail. La plupart du temps, ça n’a pas été nécessaire. La plupart de mes interactions ont eu lieu en quelques minutes, même si le délai de réponse prévu est parfois indiqué comme étant de “quelques heures”.

Mon premier chat s’est très bien passé. J’ai demandé s’il y avait un essai gratuit, et ils ont répondu en quelques minutes, malgré l’heure tardive. (Spoiler : il n’y en a pas, mais il y a une garantie de remboursement de 30 jours).

Plus tard, j’ai demandé s’il existait une liste de thèmes tiers reconnus comme étant compatibles avec le plugin Divi Builder. Malheureusement, comme je l’ai découvert dans ma messagerie quelques heures plus tard, il n’y en a pas.

Enfin, j’ai posé une question concernant un problème que je rencontrais avec l’éditeur :

Bonjour, existe-t-il un moyen d’appliquer les styles de texte et les couleurs d’un pack de mise en page à l’ensemble de mon site, de façon permanente ? Actuellement, lorsque j’importe une mise en page et que je crée un nouveau contenu, le style n’est pas cohérent.

C’est alors que j’ai découvert le tutoriel susmentionné sur la transformation des packs de mise en page nouvellement importés en packs par défaut :

Dans l’ensemble, je suis assez satisfait du service client que j’ai reçu.

Vous pouvez payer le prix assez raisonnable de $89.00 chaque année, ou vous pouvez payer une redevance unique. Il s’agit d’un montant élevé, correspondant à 2,7 ans d’abonnement, mais vous ne paierez plus jamais. Pour une utilisation illimitée, c’est une bonne affaire. Mais vous devez être sûr d’aimer Divi avant de choisir cette option.

L’adhésion à Elegant Themes donne accès à tous les produits de la société, pour toujours. Je ne trouve pas grand-chose à redire en termes de prix, si ce n’est que c’est un peu cher si vous ne gérez qu’un seul site et que vous devez déjà vous préoccuper des coûts d’hébergement.

Annulation et remboursements

Si vous avez opté pour le plan annuel, vous pouvez annuler quand vous le souhaitez. Mieux encore, si vous annulez l’un ou l’autre de ces plans dans les 30 premiers jours, vous serez remboursé sans problème. Il vous suffit de demander un remboursement au service client.

Cette procédure est en train de devenir une norme dans le secteur et, en tant que critique qui doit souvent demander le remboursement de son argent, je ne pourrais pas être plus heureux. Cependant, j’aimerais qu’il existe une période d’essai en bonne et due forme. Dépenser plus de 80 € pour essayer un produit, même si vous les récupérez, n’est pas une possibilité pour tout le monde.