Comment installer Divi Builder sur WordPress (guide complet)

Divi est un thème premium et un constructeur de pages (page builder) très populaire pour WordPress. Si vous souhaitez créer des sites web modernes, responsive et professionnels sansécrire une seule ligne de code, installer et configurer correctement Divi Builder sur votre site WordPress est uneétape essentielle. Ce guide détaillé vous explique pas à pas comment procéder, que vous utilisiez le thème Divi ou le plugin Divi Builder.

Introduction

Avant de passer à l’installation, il est important de bien comprendre la différence entre le thème Divi et le plugin Divi Builder, ainsi que les prérequis nécessaires pour utiliser Divi sur un site WordPress.

• Qu’est-ce que Divi ? : Divi est un thème WordPress premium développé par Elegant Themes. Il intègre nativement un constructeur de pages visuel appelé Divi Builder, qui permet de créer des mises en page complexes par simple glisser-déposer.
• Qu’est-ce que le plugin Divi Builder ? : Le plugin Divi Builder est la version « extension » du constructeur. Il s’installe comme un plugin WordPress classique et permet d’utiliser Divi Builder avec n’importe quel autre thème compatible, sans devoir activer le thème Divi lui-même.
• Fonctionnalités principales : Divi propose une interface visuelle en temps réel, des centaines de layouts prêts à l’emploi, de nombreux modules (texte, images, formulaires, galeries, CTA, sliders, etc.), un système de sections, lignes et colonnes, ainsi que de puissantes options de personnalisation (couleurs, typographies, espacements, animations, responsive design, conditions d’affichage, A/B testing selon la licence, etc.).
• Prérequis : Une licence payante Elegant Themes est indispensable pour télécharger légalement le thème Divi ou le plugin Divi Builder et recevoir les mises à jour automatiques.

Ce tutoriel vous guideraétape parétape pour installer, activer et configurer Divi Builder sur votre site WordPress, que vous choisissiez d’utiliser le thème Divi ou simplement le plugin.

Concepts clés à connaître avant d’installer Divi Builder

Pour réussir l’installation de Divi Builder sur WordPress etéviter les erreurs courantes, il est utile de maîtriser quelques concepts fondamentaux.

Le thème Divi

Le thème Divi est un thème complet qui remplace l’apparence de base de votre site WordPress. Il contient :

• Des fichiers de thème (gabarits, styles, scripts) qui définissent le design général de votre site (en-tête, pied de page, blog, archives, etc.).
• Le Divi Builder intégré : si vous activez le thème Divi, vous n’avez pas besoin d’installer en plus le plugin Divi Builder, le constructeurétant déj à inclus.
• Des layouts prédéfinis pour différents types de sites : blog, portfolio, site vitrine, e-commerce avec WooCommerce, one-page, landing pages, etc.

En résumé : si vous utilisez le thème Divi, le constructeur de pages est directement disponible, sans installation de plugin supplémentaire.

Le plugin Divi Builder

Le plugin Divi Builder est une extension WordPress indépendante. Il vous permet d’utiliser le constructeur visuel Divi avec un autre thème que Divi, par exemple un thème déj à en place sur votre site que vous ne souhaitez pas remplacer.

Caractéristiques principales du plugin :

• Il s’installe via le menu « Extensions > Ajouter » de WordPress en téléversant l’archive ZIP fournie par Elegant Themes.
• Une fois activé, vous pouvez construire vos pages avec Divi Builder tout en conservant votre thème actuel (tant qu’il est compatible avec les bonnes pratiques WordPress).
• Le fonctionnement de l’éditeur visuel, des modules, sections et options est identique à celui intégré au thème Divi.

Licence et téléchargement

Pour télécharger Divi Builder (plugin) ou le thème Divi, vous devez disposer d’un compte Elegant Themes actif (abonnement annuel ou licence à vie). Après l’achat :

• Connectez-vous à votre espace membre Elegant Themes.
• Accédez à la section « Downloads / My Downloads ».
• Téléchargez :
  • le fichier ZIP du thème Divi si vous souhaitez l’utiliser comme thème principal de votre site, ou
  • le fichier ZIP du plugin Divi Builder si vous voulez seulement le constructeur avec un autre thème.
• Vous disposezégalement dans votre compte d’un nom d’utilisateur et d’une clé API, nécessaires pour recevoir automatiquement les mises à jour du thème et/ou du plugin via votre tableau de bord WordPress.

Prérequis techniques pour installer Divi Builder sur WordPress

Avant d’installer Divi ou Divi Builder, assurez-vous que votre environnement WordPress est compatible. Un bon respect des exigences techniques garantit de meilleures performances et moins de bugs.

Version minimale de WordPress

Divi est conçu pour fonctionner avec les versions récentes de WordPress. De manière générale, il est recommandé :

• d’utiliser une version de WordPress récente (au minimum une version supportée et maintenue, idéalement la dernière version stable disponible) ;
• de maintenir WordPress, vos extensions et votre thème à jour pour des raisons de sécurité et de compatibilité.

Version minimale de PHP

Les hébergeurs modernes proposent en général une version récente de PHP. Pour Divi et Divi Builder, il est fortement conseillé d’utiliser une version de PHP moderne (par exemple PHP 7.4 ou supérieure, en visant une branche encore supportée par PHP). Vérifiez dans votre interface d’hébergement ou auprès de votre hébergeur que votre site utilise une version de PHP à jour.

Autres recommandations techniques

• Assurez-vous de disposer d’un espace disque suffisant pour stocker le thème, les mises en page, les images et les sauvegardes.
• Vérifiez que les limites de mémoire PHP et de taille d’upload (par exemple upload_max_filesize et post_max_size) sont suffisantes pour téléverser un fichier ZIP de thème ou de plugin Divi, qui peutêtre relativement volumineux.
• Utilisez un hébergement optimisé WordPress si possible, afin de garantir de bonnes performances avec un constructeur de pages visuel comme Divi.

Étape 1 : Acheter une licence Elegant Themes

Divi n’est pas disponible gratuitement dans le répertoire officiel WordPress. Pour l’installer légalement et bénéficier des mises à jour et du support :

1. Rendez-vous sur le site d’Elegant Themes et choisissez la formule d’abonnement (annuelle ou à vie) qui vous convient.
2. Créez votre compte client et validez le paiement.
3. Une fois la commande finalisée, accédez à votre tableau de bord Elegant Themes.
4. Téléchargez au choix :
   • le fichier ZIP Divi (thème),
   • et/ou le fichier ZIP Divi Builder (plugin).
5. Notez votre nom d’utilisateur et votre clé API, disponibles dans la rubrique de gestion de votre compte, ils seront utilisés plus tard pour les mises à jour automatiques.

Étape 2 : Installer le thème Divi sur WordPress

Si vous souhaitez que Divi remplace le thème actuel de votre site, suivez cette procédure pour installer le thème Divi.

Installation manuelle du thème Divi via le tableau de bord WordPress

1. Connectez-vous à votre administration WordPress (URL du type votresite.fr/wp-admin).
2. Dans le menu de gauche, cliquez sur « Apparence > Thèmes ».
3. Cliquez sur le bouton « Ajouter » puis sur « Téléverser un thème ».
4. Cliquez sur « Choisir un fichier » et sélectionnez le fichier ZIP du thème Divi que vous avez téléchargé depuis votre compte Elegant Themes.
5. Cliquez sur « Installer maintenant ».
6. Une fois l’installation terminée, cliquez sur « Activer » pour rendre Divi actif sur votre site.

Après activation, votre site utilise désormais le thème Divi. Le Divi Builder est automatiquement disponible pour la création et l’édition de vos pages.

Quand utiliser le thème Divi ?

Le thème Divi est recommandé si :

• vous démarrez un nouveau site WordPress et n’êtes pas attaché au thème par défaut ;
• vous souhaitez bénéficier d’un thème complet et optimisé autour de Divi Builder, avec un contrôle avancé sur l’en-tête, le pied de page, le blog, etc. ;
• vous voulez profiter de toutes les fonctionnalités natives de Divi (Theme Builder, modèles globaux, pages de catégories personnalisées, etc.).

Étape 3 : Installer le plugin Divi Builder sur WordPress

Si vous préférez conserver votre thème actuel et simplement ajouter le constructeur Divi, installez le plugin Divi Builder en suivant cesétapes.

Installation du plugin Divi Builder depuis le tableau de bord WordPress

1. Connectez-vous à l’interface d’administration WordPress de votre site.
2. Dans le menu, allez dans « Extensions > Ajouter ».
3. Cliquez sur « Téléverser une extension ».
4. Cliquez sur « Choisir un fichier » puis sélectionnez le fichier ZIP du plugin Divi Builder téléchargé depuis votre compte Elegant Themes.
5. Cliquez sur « Installer maintenant ».
6. Lorsque l’installation est terminée, cliquez sur « Activer l’extension » pour rendre le plugin opérationnel.

Une fois le plugin activé, vous verrez des options pour utiliser Divi Builder lors de la création ou de l’édition de vos pages (et, selon la configuration, de certains types de contenus).

Quand utiliser uniquement le plugin Divi Builder ?

Le plugin Divi Builder est adapté si :

• vous disposez déj à d’un thème personnalisé que vous ne souhaitez pas changer ;
• vous utilisez un thème enfant sur mesure ou un thème fourni par un autreéditeur, mais voulez améliorer la mise en page de vos pages avec un constructeur puissant ;
• vous recherchez une solution pour créer des landing pages ou des pages marketing avancées sans remplacer l’ensemble de la charte graphique de votre site.

Étape 4 : Activer les mises à jour Divi (thème et Builder)

Pour recevoir automatiquement les mises à jour de sécurité, de compatibilité et de nouvelles fonctionnalités pour Divi, vous devez connecter votre site à votre compte Elegant Themes.

Activer les mises à jour pour le thème Divi

1. Dans votre tableau de bord WordPress, accédez au menu « Divi > Options du thème ».
2. Ouvrez l’onglet dédié aux mises à jour (souvent intitulé « Updates » ou similaire).
3. Saisissez votre nom d’utilisateur Elegant Themes et la clé API générée dans votre compte Elegant Themes.
4. Enregistrez les modifications.

Une fois cetteétape réalisée, les mises à jour de Divi apparaîtront dans la section « Mises à jour » de WordPress comme pour tout autre thème ou plugin.

Activer les mises à jour pour le plugin Divi Builder

Si vous utilisez uniquement le plugin Divi Builder, la logique est similaire :

• Selon votre configuration, les champs de nom d’utilisateur et de clé API peuventêtre accessibles dans les réglages spécifiques du plugin ou via un menu Elegant Themes dédié dans l’administration.
• Renseignez vos identifiants Elegant Themes, enregistrez, puis laissez WordPress gérer les mises à jour automatiques.

Bonnes pratiques avant d’installer Divi Builder

Vérification des exigences techniques

Avant d’installer le thème Divi ou le plugin Divi Builder, vérifiez les points suivants :

• Votre hébergement WordPress respecte ou dépasse les exigences recommandées par Elegant Themes (versions PHP et MySQL/MariaDB à jour, mémoire suffisante, etc.).
• La version de PHP utilisée par votre serveur est compatible avec les versions récentes de Divi (privilégiez une version moderne et supportée de PHP pour plus de performance et de sécurité).
• Votre serveur dispose de ressources suffisantes (mémoire, processeur, espace disque), en particulier si vous prévoyez de créer un site riche en médias (images haute résolution, vidéos, etc.).

Sauvegarde de votre site avant installation

Avant toute opération importante (installation d’un nouveau thème, activation de plugins majeurs, mises à jour), il est fortement recommandé d’effectuer une copie de sauvegarde complète de votre site :

• Base de données WordPress (contenus, réglages, utilisateurs, etc.).
• Fichiers du site (thèmes, plugins, média, fichiers personnalisés).

Vous pouvez utiliser un plugin de sauvegarde réputé pour automatiser cette tâche ou effectuer une sauvegarde manuelle via votre hébergeur ou un accès FTP/SSH.

Créer un thème enfant (child theme) pour Divi

Si vous utilisez le thème Divi et souhaitez personnaliser le code (CSS, PHP, fonctions, modèles, etc.), il est vivement conseillé de créer et d’activer un thème enfant. Cela vous permettra de conserver vos modifications lors des mises à jour du thème parent.

Pourquoi utiliser un thème enfant avec Divi ?

• Les mises à jour du thème Divi écrasent les fichiers du thème parent. Toute modification faite directement dans ce thème risque d’être perdue.
• Un child theme vous permet de surcharger certains fichiers (par exemple functions.php, style.css, templates personnalisés) sans toucher au thème parent.
• Vous pouvez organiser et documenter vos personnalisations de manière propre etévolutive.

Étapes pour installer un thème enfant Divi

1. Préparez un thème enfant Divi :
   • Vous pouvez le créer manuellement (avec un dossier dédié, un fichier style.css et un functions.php minimal) ou utiliser un modèle de child theme spécifiquement conçu pour Divi.
2. Transférez le dossier du child theme dans le répertoire wp-content/themes/ de votre installation WordPress (via FTP, SFTP ou le gestionnaire de fichiers de votre hébergeur).
3. Dans l’administration WordPress, allez dans « Apparence > Thèmes ».
4. Activez le thème enfant Divi (le thème Divi parent doitévidemmentêtre installé sur votre site).

Une fois le thème enfant activé, toutes vos personnalisations spécifiques doiventêtre réalisées dans ce dernier, afin de les préserver lors des futures mises à jour du thème parent Divi.

Utiliser Divi Builder pour créer vos pages

Une fois le thème Divi ou le plugin Divi Builder installé et activé, vous pouvez commencer à créer des pages avec Divi.

Créer une nouvelle page avec Divi Builder

1. Dans l’administration WordPress, cliquez sur « Pages > Ajouter ».
2. Donnez un titre à votre page (par exemple « Accueil », « Services », « À propos », etc.).
3. Cliquez sur le bouton ou l’option pour utiliser Divi Builder sur cette page (intitulé du type « Utiliser le Divi Builder » ou « Construire avec Divi »).
4. Choisissez votre mode de départ :
   • Commencer à construire (page vierge) ;
   • Choisir une mise en page parmi les layouts préconçus fournis par Divi (par secteur d’activité, type de page, etc.) ;
   • Cloner une page existante si vous souhaitez reprendre une structure déj à créée sur votre site.
5. Une fois dans l’interface du constructeur visuel, ajoutez des sections, lignes et modules pour construire votre page.
6. Personnalisez chaque module (texte, images, boutons, formulaires, vidéos, etc.) via les onglets Contenu, Design et Avancé.
7. Enregistrez ou publiez votre page lorsque vousêtes satisfait du résultat.

Ajouter et configurer des modules dans Divi Builder

Les modules sont les blocs de contenu que vous insérez dans vos sections et lignes (texte, image, galerie, slider, formulaire de contact, bouton d’appel à l’action, etc.). Pour ajouter un module :

• Cliquez sur le bouton « + » dans une section ou une ligne existante.
• Sélectionnez le module souhaité dans la liste (par exemple « Texte », « Image », « Bouton », « Formulaire de contact », « Slider », etc.).
• Configurez le contenu, le style (couleurs, typographies, marges, animations) et les options avancées (conditions d’affichage, visibilités responsive, classes CSS personnalisées, etc.).

Bonnes pratiques de gestion des mises à jour

Pouréviter les problèmes après une mise à jour du thème Divi ou du plugin Divi Builder, adoptez les bonnes pratiques suivantes.

Sauvegardes régulières

• Effectuez une sauvegarde complète (base de données + fichiers) avant chaque mise à jour majeure.
• Programmez des sauvegardes automatiques récurrentes pour réduire le risque de perte de données en cas d’incident.

Procédure recommandée pour les mises à jour

• Testez si possible les mises à jour de Divi et de vos plugins sur un site de préproduction (staging) avant de les appliquer sur votre site en production.
• Consultez les notes de version publiées par Elegant Themes pour connaître les nouveautés, corrections de bugs etéventuels changements importants.
• Après la mise à jour, vérifiez les pages clés de votre site (page d’accueil, pages de vente, formulaires, tunnel de commande, etc.) pour vous assurer que tout fonctionne correctement.

Outils et ressources utiles autour de Divi Builder

Pour faciliter l’installation, la maintenance et l’optimisation SEO de votre site WordPress avec Divi, certains outils et ressources complémentaires peuventêtre particulièrement utiles.

Outils recommandés

• Plugin de gestion Elegant Themes (ou options intégrées) : permet de gérer facilement votre licence et vos mises à jour Divi directement depuis l’administration WordPress (en saisissant votre nom d’utilisateur et votre clé API Elegant Themes).
• Plugin de sauvegarde (par exemple un plugin spécialisé) : pour programmer des sauvegardes automatiques avant chaque mise à jour importante ou modification majeure de votre site Divi.
• Extensions de cache et d’optimisation : utiles pour améliorer les performances de votre site construit avec Divi (mise en cache des pages, minification des fichiers CSS/JS, optimisation des images, etc.).
• Outils d’analyse de trafic comme Google Analytics et des outils de suivi de la performance dans les résultats de recherche : pour mesurer le trafic, le comportement des visiteurs et l’impact de vos optimisations sur le référencement naturel.

Ressources en ligne utiles

• Site officiel Elegant Themes : pour télécharger Divi, gérer votre licence, accéder à la documentation officielle et au support.
• Documentation Divi : tutoriels détaillés, guides d’utilisation du Divi Builder, exemples de mises en page, explication des modules et des options avancées.
• Communautés et forums d’utilisateurs Divi : groupes, forums et blogs spécialisés où les utilisateurs partagent astuces, modèles, snippets de code et solutions aux problèmes courants.
• Tutoriels vidéo : de nombreux créateurs publient des tutos Divi sur la création de pages, l’optimisation des performances, le responsive design, la personnalisation avancée, etc.

FAQ – Installation et utilisation de Divi Builder sur WordPress

1. Dois-je acheter une licence pour utiliser Divi ?

Oui. Divi (thème) et le plugin Divi Builder sont des produits premium distribués par Elegant Themes. Une licence payante est nécessaire pour télécharger légalement les fichiers, bénéficier des mises à jour et accéder au support. Ils ne sont pas disponibles gratuitement dans le répertoire officiel des thèmes et plugins WordPress.

2. Quelle est la différence entre le thème Divi et le plugin Divi Builder ?

Le thème Divi remplace l’apparence globale de votre site et intègre nativement le Divi Builder. Le plugin Divi Builder, lui, s’installe comme une extension et permet d’utiliser le constructeur Divi avec un autre thème. Si vous activez le thème Divi, vous n’avez généralement pas besoin d’installer séparément le plugin Divi Builder.

3. Puis-je installer Divi Builder gratuitement depuis WordPress ?

Non. Divi Builder n’est pas disponible dans le répertoire officiel des extensions WordPress. Vous devez télécharger l’archive ZIP depuis votre compte Elegant Themes, puis l’installer manuellement via le menu « Extensions > Ajouter > Téléverser une extension ».

4. Que se passe-t-il si je désactive le plugin Divi Builder ou le thème Divi ?

Si vous désactivez le plugin Divi Builder ou remplacez le thème Divi par un autre thème sans builder compatible, les mises en page construites avec Divi risquent de perdre leur structure visuelle. Le contenu textuel reste en général accessible, mais la présentation et les modules spécifiques à Divi ne seront plus interprétés. Il est donc conseillé de planifier tout changement de thème/constructeur avec précaution.

5. Divi Builder est-il compatible avec tous les thèmes WordPress ?

Le plugin Divi Builder est conçu pour fonctionner avec la plupart des thèmes WordPress développés selon les standards. Toutefois, certains thèmes très personnalisés ou mal codés peuvent entrer en conflit avec Divi. Avant une migration totale, testez le plugin sur un environnement de préproduction ou sur quelques pages pour vérifier la compatibilité.

6. Ai-je besoin de compétences techniques pour installer Divi Builder ?

Pour une installation standard via le tableau de bord WordPress (téléversement de l’archive ZIP du thème ou du plugin), aucune compétence technique avancée n’est nécessaire. Il suffit de suivre lesétapes décrites dans ce guide. Des connaissances basiques sur l’interface WordPress sont toutefois utiles pour naviguer dans les menus et gérer les extensions.

7. Divi Builder est-il adapté au référencement naturel (SEO) ?

Divi propose des options de mise en page propres et responsives qui peuvent tout à faitêtre optimisées pour le SEO, à condition de respecter les bonnes pratiques : structure des titres (H1, H2, H3…), temps de chargement optimisé (images compressées, cache, minification), contenu de qualité et maillage interne. Il estégalement possible d’utiliser des plugins SEO dédiés en complément.

8. Comment optimiser les performances d’un site construit avec Divi ?

Pour améliorer les performances, vous pouvez activer les options d’optimisation intégrées à Divi (chargement conditionnel des scripts, minification, etc.), utiliser un plugin de cache, compresser vos images, limiter le nombre de plugins installés, et choisir un hébergement performant. Tester régulièrement votre site avec des outils d’analyse de vitesse permet d’identifier les axes d’amélioration.

9. Puis-je utiliser Divi Builder pour créer des pages de boutique avec WooCommerce ?

Oui. Divi propose des modules spécifiques pour WooCommerce (produits, grilles, carrousels, etc.) qui permettent de créer des pages de boutique, de catégories ou de fiches produits personnalisées, que ce soit avec le thème Divi ou, dans certaines configurations, avec le plugin Divi Builder.

10. Que faire si l’installation de Divi Builderéchoue ?

En cas d’erreur lors de l’installation (par exemple message indiquant que l’archive est trop volumineuse ou qu’il y a une erreur critique), vérifiez :

• la taille maximale de fichier téléversable sur votre hébergement ;
• la version de PHP et les limites de mémoire ;
• que vous importez bien le fichier ZIP d’origine sans le décompresser ;
• qu’aucun autre plugin ne provoque de conflit. Si nécessaire, désactivez temporairement d’autres extensions et réessayez.

Si le problème persiste, contactez le support Elegant Themes ou celui de votre hébergeur, en leur fournissant le message d’erreur exact.