Quelquefois, certaines personnes n’arrivent pas à comprendre les différences entre Divi et Divi Builder et cela peut conduire à des confusions entre vous et votre client (ou entre le créateur du site et l’utilisateur), surtout si la conversation se déroule à distance. Il est important de bien distinguer ces deux produits proposés par la plateforme ElegantThemes.
Dans cet article, nous allons voir exactement quelles sont les différences entre Divi et Divi Builder.
1 – Qu’est-ce que le Thème Divi ?
Comme son nom l’indique, le thème Divi est tout simplement un thème WordPress qui vous permet de bénéficier d’un design qui lui est propre.
Ce thème propose des options d’apparence qui touchent généralement le Header (l’entête du site avec le menu et le logo) et le Footer du site web (le pied de page ainsi que la zone des widgets), sans oublier la Sidebar contenant vos Widgets du blog et l’apparence de votre page de blog.
En savoir plus sur le thème Divi
Contrairement à la plupart des thèmes achetés sur ThemeForest, par exemple, le thème Divi n’embarque pas un PAGE BUILDER provenant d’un tiers. La plupart du temps, ces thèmes premiums sont livrés et optimisés pour Visual Composer.
Le thème Divi, quant à lui, est livré avec son propre constructeur de page (page builder) qui se nomme DIVI BUILDER.
La particularité du thème Divi est que le Divi Builder est embarqué de manière native dans les fichiers du thème. Autrement dit, si vous installez le thème Divi et que vous l’activez, vous n’avez pas besoin d’ajouter un constructeur de page, ni même le Divi Builder puisqu’il est déjà actif dans le thème.
Il faut bien comprendre cette nuance : pas besoin d’installer le Divi Builder si vous utilisez le Thème Divi.
Lire également cet article pour découvrir tous les atouts du thème Divi : 10 raisons de choisir le Thème Divi
2 – Qu’est-ce que le Divi Builder ?
Vous l’avez compris, le Divi Builder est un plugin. C’est une extension qui permet de construire des mises en page complexes et originales, chose que ne permet pas WordPress, pour l’instant.
Le Divi Builder est tout simplement un Page Builder – ou Constructeur de Page – dans la même lignée que Visual Composer, Elementor, Beaver Builder, SiteOrigine et j’en passe !
Étant donné que le Divi Builder est une extension, cela signifie que vous pouvez l’installer dans n’importe quel site WordPress, quel que soit le thème WordPress utilisé. Il est compatible.
Comme tout constructeur de page, une fois installé et activé, vous verrez un bouton violet pour activer le constructeur et commencer vos mises en page.
Lorsque vous n’en avez pas besoin, vous pouvez décider de ne pas l’activer et utiliser l’éditeur classique de WordPress. C’est aussi simple que ça.
Découvrir le Divi Builder maintenant !
3 – Exemple d’intégration du Divi Builder sur le thème Twenty Seventeen
On vient de le voir, le Divi Builder est compatible avec tous les thèmes WordPress… OUI, MAIS…
En effet, cette extension est compatible et fonctionnera mais vous aurez peut-être quelques surprises.
Étant donné que chaque thème est différent, chaque développeur a codé son thème d’une manière qui lui est propre, afin d’obtenir le design adéquat.
Seulement, voilà, quand vous utilisez le Divi Builder, celui-ci remplace seulement la partie principale de la page, c’est-à-dire la partie allouée à l’éditeur de WordPress. Celle où vous écrivez votre contenu.
Tout ce qui se trouve en dehors du contenu classique n’est pas modifiable via le Divi Builder. C’est logique puisque cette partie est gérée par le thème. Vous devrez alors utiliser le Theme Builder pour agir sur les autres parties du site.
Il est donc possible que vous ayez à inspecter le code et effectuer quelques modifications CSS afin que le Divi Builder se fonde parfaitement dans le design de votre thème.
Quelquefois, quelques petites optimisations suffisent, je vous ai fait un exemple en vidéo :
4 – Quels sont les avantages du Divi Builder ?
Bien qu’il peut avoir ses faiblesses, le Divi Builder est un constructeur de page qui présentent de très nombreux avantages sur ses concurrents :
- Il est maintenu : j’entends par là que ce plugin est le chouchou et la force d’ElegantThemes, de ce fait, il est continuellement mis à jour, jusqu’à plusieurs fois par semaine !
- Il évolue et s’améliore à chaque mise à jour : de nombreuses fonctionnalités sont ajoutées à chaque MAJ
- Il est hyper bien pensé : tout est pensé pour que l’utilisateur ne soit pas perdu. Je le vois dans mes formations, je fais tester Elementor et Divi Builder en parallèle et c’est chaque fois le même discours : le Divi Builder est bien plus facile à prendre en main et bien plus UX.
- Il est utilisable en FRONT comme en BACK : vous pouvez construire vos mises en page depuis le back office mais également depuis le côté des visiteurs. C’est très facile.
- Il embarque des tas de layouts : depuis peu, le Divi Builder permet de télécharger en 1 clic des mises en page incroyables.
- Il n’est pas cher : le Divi Builder est inclu dans la licence d’ElegantThemes mais vous pouvez acheter uniquement le plugin. De plus, la licence vous donne le droit de l’utiliser sur un nombre illimité de sites.
A lire également : Des layouts sont téléchargeables depuis le Divi Builder
5 – Récap’ : les différences entre Divi et Divi Builder
Pour récapituler, les différences entre Divi et Divi Builder sont simples :
- Divi est un thème alors que le Divi Builder est un plugin
- Divi est utilisable sur n’importe quel site WordPress – le Divi Buider est utilisable sur n’importe quel thème WordPress
- Divi s’occupe du design général du site alors que le Divi Builder s’occupe du design de la page ou de l’article
La plupart d’entre vous connaissait déjà les différences entre Divi et Divi Builder mais j’ai trop souvent vu sur les forums et les groupes Facebook des commentaires à ce sujet… Maintenant, vous ne pourrez plus les confondre !
Encore astuce bien utile !
Durant 1 an j’ai installé (bêtement) sur tous mes sites le thème DIVI plus le constructeur DIVI BUILDER. Alors que bien entendu comme expliqué dans ce post, le builder est embarqué dans le thème.
Cette spécificité de DIVI n’est pas très évidente.
Quand on commence à utiliser DIVI on n’a pas forcément envie ni le temps de parcourir leur riche documentation.
De plus quand on installe les deux on n’a pas droit à un message d’avertissement, et tout fonctionne parfaitement.
Ce post évitera à d’autres de ne pas faire la même erreur que moi, et de ne pas perdre de temps à mettre à jour le thème DIVI et le Divi builder !
Et les mises à jour sont nombreuses 😉
Merci Lycia !
Merci Michel pour votre retour d’expérience 😉
OK merci pour cet article.
Par contre, vous survolez la question du prix : celui où on paye chaque année et celui qu’on achète une fois pour toutes. Dans le dernier cas, c’est quand même 249 dollars. Qu’en est-il du plugin ?
Bonsoir Pierre, en fait soit vous achetez une licence dont les mises à jour sont valables 1 an, c’est la licence annuelle à 89$. Soit vous achetez la licence « lifetime » dont les mises à jour seront valables à vie, pas de renouvellement à faire chaque année, à 249$. Cette licence donne accès à tous les produits de ElegantThemes dont Divi et Divi Builder. Cela signifie que vous ne pouvez pas acheter seulement le Divi Builder. Une fois la TVA ajoutée, la licence lifetime s’élève à 299$ soit environ 255€ TTC (selon le cours actuel)…
Merci Lycia pour ce début de réponse. Mon but est de refaire mon site web sans me casser la tête avec les plugins à rallonge et les bouts de code à rajouter… Donc, si j’achète la licence à 89$ pour reconstruire mon site et qu’au bout d’un an, je n’en ai plus besoin… Quelle répercussion sur la navigation et la mise en page de mon site ?
Bonjour Pierre. Votre site fonctionnera toujours si vous ne renouvellez pas la licence au bout d’un an mais vous n’aurez plus accès aux packs de Layouts téléchargeables ni aux mises à jour. Divi se met à jour 3 ou 4 fois par mois, cela signifie que vous n’obtiendrez pas les nouvelles MAJ et fonctionnalités. Votre site devrait marcher pendant un temps indéfini mais c’est comme tout, si vous ne mettez pas à jour MacOsX ou iOS par exemple (pour transposer avec d’autres techno) au bout d’un moment votre ordi ou téléphone deviendra obsolète, ce sera pareil pour votre site. Cependant, opter pour la licence annuelle peut avoir l’avantage de tester le produit et envisager de renouveler la licence qu’une année sur deux. Ensuite, ils proposent un upgrade qui permet de payer que la différence entre le prix de l’annuelle et celui de la lifetime.
Bonjour,
Justement depuis que j’ai fait la mise à jour de mon thème DIVI, l’image de mise en avant d’un article sur le blog ne s’affiche plus.
Pouvez vous m’aider ?
Vous remerciant pour votre retour,
Cordialement
MariePaule
Hello Marie-Paule : une mise à jour ne peut pas changer cela, c’est bizarre… Toutefois, allez aux options du thème Divi, onglet Layout et vérifiez que l’option « mettre des vignettes dans les articles » soit bien activée, comme expliqué dans cet article à l’onglet « Layout ».
Bonjour , je voudrais savoir
1) si on peut construire un site de rencontre avec Divi Builder .
2) si BBPRESS est indispensable et alôrs compatible avec Divi Builder .
Merci de votre retour
mauricefaure@me.com
Bonsoir Maurice,
Oui un site de rencontre c’est possible avec Divi. Concernant la compatibilité avec BBPress, je ne sais pas : je suppose que oui mais je n’en ai pas la garantie.
Bonjour Lycia,
Je viens de mettre à jour WP et DIVI et depuis je n’ai plus accès qu’à visual Divi builder. Est-ce maintenant le seul moyen de modifier ou de créer des pages? Merci par avance pour votre réponse.
Hello Bernard ! Désolée de mon temps de réponse mais j’ai pensé que ce serait mieux de rédiger une mini-tuto pour vous répondre car vous n’êtes pas le premier à me demander… Donc le voici : https://astucesdivi.com/utiliser-divi-builder-backoffice/
Passez de bonnes fêtes !
Merci Lycia pour votre tuto. Je suis un papi qui bricole dans la réalisation d’un site. Sans votre aide et celle de la communauté en général, la tâche serait impossible.
Très belles fêtes à vous aussi.
Bonjour, je suis novice en la matière et je rencontre un problème.
J’ai pris une extension « divi builder »sur WP, mais je n’ai ni le personnaliseur de thème ou module. Est ce normal??
je rencontre un problème: je crée mes articles sur divi mode ordi, mais il ne sont pas compatible avec un smartphone. mais je ne peut pas faire de modification dans l’un sans avoir de répercussion dans l’autre.
Pouvez vous l’éclairer
Salut Cottaz,
Je n’arrive pas trop à comprendre votre problème. Le thème Divi et le Divi Builder sont uniquement disponibles sur le site d’Elegant Thème. Sur le répertoire officiel des plugins WordPress, il n’est pas disponible. Je me demande alors de quelle extension vous parlez ?
Bonjour Lycia,
Comment garder le divi builder lorsque l’on change de thème pour un autre que Divi? je voudrais pouvoir utiliser certaines fonction d’un thème que j’ai acheté tout en gérant mon site avec Divi.
Mais lorsque j’active mon autre thème je perds divi.
Merci d’avance
Salut Julien,
Si tu souhaites supprimer le thème Divi pour en activer un autre, effectivement, tu perdras tout ce qui a été créé avec Divi. Mais, si tu actives ton nouveau thème, tu peux peut-être installer le Divi Builder (le plugin, pas le thème) et je pense (je n’ai jamais testé) qui tu conserveras tes layouts de page.
Le Divi Builder est un constructeur de page qui fonctionne avec n’importe quel thème.
Donc, si tu veux tester :
1/ tu installes et actives le Divi Builder (disponible en téléchargement dans ton compte Elegant Themes)
2/ tu actives ton nouveau thème (ce qui désactivera le thème Divi)
3/ tu vérifies si tes constructions de page sont restées intactes.
Fais-nous un retour, ça pourra en aider d’autres 😉
Bonjour, j’utilise actuellement un ipad avec iospad13 pour mes besoins professionnels. J’ai tenter de l’utiliser pour améliorer mon site avec le divi builder, mais je ne peux pas scroller la page sans déplacer un module. Il y a t’il une solution ?
Cordialement
Salut Niakaté.
Je ne sais pas car je n’utilise que mon ordi de bureau. Effectivement, vu que l’ipad est tactile, ça peut déplacer les modules, j’imagine. Tu pourrais peut-être naviguer grâce à l’icône « Layers » situé en bas à droite, près du bouton « enregistrer » lorsque le Visual Builder est actif. Tu pourrais atteindre plus facilement les modules… À tester…
Exact, beaucoup d’utilisateur font encore l’amalgame. D’ailleurs, le gif de d’Elegant Theme parle beaucoup sur leur page de vente. A ce sujet, j’ai moi-même rédiger un article de blog où je vous montre comment tester Divi gratuitement grâce au builder d’Elegant Theme. Voici le lien : . N’hésitez pas à aller lire mon article et me faire votre retour 🙂
Salut Rémi, désolée mais ton lien a été supprimé par mon filtre de commentaire.
Bonjour,
Divi (et donc le Divi builder) étant inclus dans le forfait proposé par mon hébergeur, j’ai pris l’habitude de les utiliser pour mon site web, et je compte également le faire pour construire le site de l’un de mes clients. J’avais l’habitude d’utiliser un sous-domaine de mon propre hébergement pour faire mes propositions aux clients, etc., puis au moment de la livraison de migrer le site vers leur propre hébergeur. Dans le cas présent, sachant pertinemment que mon client ne possède pas Divi, aura-t-il tout de même la possibilité de faire lui-même évoluer son site (du point de vue du contenu, et non du layout) ?
En vous remerciant.
Bonjour Olivier. Alors, oui ton client pourra continuer à créer du contenu avec ou sans Divi. Puisque Divi est installé sur son site, la migration l’embarquera. Par contre, je ne connais pas les limites d’un Divi fourni par un hébergeur. Il est possible, mais ça il faudrait poser la question à ton hébergeur, que ton client n’ait pas accès aux prochaines mises à jour de Divi. Mais cela n’empêchera pas ton client de continuer à l’utiliser. Est-ce clair ?
Merci Lycia pour ta réponse. Une chose que je trouve curieuse cependant : si je comprends bien, mon client aura donc à terme le loisir de profiter de Divi sans avoir à débourser un sou pour cela. Y a-t-il quelque chose qui m’échappe sur ce point ? En te remerciant.
Salut Olivier.
En fait tu as le droit d’utiliser ta licence sur les sites de tes clients, du moment que c’est toi qui réalise le site ou une partie du site. C’est justement fait pour ça 😉
Salut Lycia. Bien noté et merci. Je vais pouvoir entamer la mission un peu plus confiant. Bonne journée à tous.
Bonjour à tous,
je rencontre un problème avec le Visual builder.
je ne sais pas comment faire pour le résoudre.
Voici ce message lorsque je veux éditer une page ou un article avec le visual builder :
Module de contenu post manquant
Oups, il semble que la disposition actuelle du corps du modèle de générateur de thème soit désactivée.
La disposition du corps d’un modèle ne doit pas être désactivée si vous souhaitez afficher et modifier le contenu de publications individuelles à l’aide de cette disposition.
Modèle actuel: Spécifique Articles: Sites web
Dans l’attente d’un retour je vous remercie 🙂
Salut Damien,
Tu as dû créer le modèle de site par défaut à l’aide du Theme Builder et tu as dû oublier d’y mettre le module « Publier un contenu ». Tu devrais lire cet article : https://astucesdivi.com/module-post-content/
Bonjour Lycia,
merci à toi,
je dois créer un template par page (quite à dupliquer le modèle du template pour les autres pages) pour avoir accès au divi builder dans les pages et les articles.
Tout fonctionne, ça fait plaisir , merci à toi 🙂
Super !
Bonjour Lycia,
Je souhaite créer un site avec Divi mais voudrais être sûr de pouvoir mettre le téléchargement d’un catalogue sous conditions.
Je m’explique : en cliquant sur le bouton « télécharger » le client devra d’abord entrer son nom – tel – email et seulement après le catalogue se téléchargera.
Savez-vous s’il existe cette possibilité avec Divi et comment récupère t’on les coordonnées rentrées par le client ? est-ce sur le back-office WP ?
Merci pour ces précisons
Bien à vous
Emmanuel
Salut Emmanuel,
Cela ne dépend pas de Divi, tu dois trouver une extension qui permette de faire cela. Par exemple Bloom le permet mais des petit malins pourrait saisir de fausses données (fausse adresse e-mail, etc.) et aurait accès à ton téléchargement. Je te conseille donc de faire de l’automation marketing avec Sendingblue ou GetResponse. Tu demandes à l’internaute de s’inscrire et ensuite, tu lui envoie ton téléchargement une fois qu’il a confirmé son abonnement. Je ne vois que cela d’efficace.
Bonjour Lycia
Déjà un grand merci pour ton article très bien rédigé ! Je t’écris ce message pour te poser une petite question… Pour mon projet de Master E-Commerce, je dois construire un site marchand et je voulais donc savoir si avec Divi Builder il était possible de créer un site de petites annonces entre particuliers (Un peu dans l’esprit « Le bon coin ») ? Si oui, as-tu deja vu des layouts pouvant m’aider a la réalisation de ce genre mise en page ? Penses-tu qu’il sera complexe de réaliser de type de site ?
Par ailleurs je suis preneur si tu as des conseils par rapport à la construction de ce genre de site ! (plugins, mise en garde…)
PS : Je compte utiliser le plugin AWP Classifields pour l’élaboration de ce projet
Voila, j’attends ta réponse avec impatience ! =)
Salut Emeric. C’est un peu ambitieux comme projet (lol) mais je suppose que c’est faisable. Mais ce n’est pas du côté de Divi qu’il faut chercher mais plutôt du côté des addons pour WooCommerce. Le Divi Builder te servira tout de même à créer le design de tes layouts et de tes fiches produits mais les fonctionnalités devront se situer au niveau de WooCommerce et de la boutique. Clairement je n’ai pas idée mais ça doit exister. Pour faciliter tes recherches, je te conseille de trouver comment se nomment les fonctionnalités dont tu as besoin et de faire une recherche en anglais, tu auras plus de chance de trouver des infos.
Bonjour Lycia,
Je débute sur WP et je suis sur un gros projet de création de site pour un concessionnaire auto. je voulais utiliser le plugin autolisting mais je ne sais pas comment le rendre compatible avec Divi. aurais-tu une astuce? merci pour ton aide. j’ai l’impression que divi est parfait pour les sites vitrines mais pas forcément pour des sites plus complexes.
merci d’avance pour tout et pour ton travail déjà réalisé.
Salut Zia. Malheureusement je n’ai aucune idée car je ne connais pas ce plugin. Tu es sur qu’il est incompatible ?
Lycia merci pour ta réactivité. normalement il est compatible c’est indiqué dans la doc:
« Auto Listings utilise pratiquement le même système de modèles que WooCommerce, ce qui permet aux développeurs de personnaliser facilement votre site de listes de voitures. »
mais je n’arrive pas à le faire fonctionner…
Merci pour ta réactivité Lycia. j’ai l’impression que mon message n’est pas parti donc j’en refais un.
normalement c’est compatible dans la doc c’est indiqué:
« Auto Listings utilise pratiquement le même système de modèles que WooCommerce, ce qui permet aux développeurs de personnaliser facilement votre site de listes de voitures. »
autrement as tu une solution de contournement?
Ah c’est bizarre ça devrait être compatible… sinon je ne connais pas de plugin de ce genre
hello,
Pas grave j’ai réussi grâce à ton site à trouver une solution de contournement en utilisant un thème wp compatible et le plugin divi builder! le résultat n’est pas optimal car je ne peux pas modifier les pages d’annonces mais ça fera l’affaire!
un grand merci pour ton travail!!!!
Parfait Zia !
Bonjour,
Je voudrais savoir si d’ici builder est compatible intégralement pour modifier le thème et la partie contenu, avec le thème PARTYMAKER, j’ai eu une notification bizarre quand je l’ai activé avec du code affiché en ligne? Merci pour votre reponse
Bonjour Catherine. Jamais entendu parler de ce thème. Donc je ne pourrais pas t’aider. Il faut se renseigner auprès des éditeurs du thème
Salut
Peut migrer d’abonnement annuel Divi sur la licence à vie?
Cordialement.
Oui bien sûr. Attends le blackfriday, y’aura des promo