WordPress
time_read32mn de lecture

Divi Builder WordPress : tutoriel complet 2026, de l’installation à la mise en ligne

05 mai 2026
Résumez avec:

Divi Builder WordPress : tutoriel complet 2026, de l'installation à la mise en ligne

Divi Builder WordPress est l’un des constructeurs de pages les plus utilisés pour créer un site professionnel sans écrire de code. Développé par Elegant Themes, il repose sur un éditeur visuel en glisser-déposer qui permet de modifier textes, images, boutons, formulaires et sections directement depuis la page.⚡

Contenus masquer

En 2026, Divi reste une solution appréciée des débutants, des freelances et des agences grâce à sa simplicité, sa licence utilisable sur un nombre illimité de sites et sa vaste bibliothèque de modèles. 😊L’écosystème a aussi évolué avec Divi Pro, Divi AI, Divi Cloud et Divi Dash, qui ajoutent des fonctions d’intelligence artificielle, de productivité et de gestion multisite.

Objectif

👇L’objectif de ce tutoriel est de vous guider pas à pas dans l’utilisation de Divi Builder sur WordPress. Vous allez découvrir comment acheter et installer Divi, configurer les réglages essentiels, comprendre son interface visuelle, créer vos premières pages et personnaliser votre design sans coder. 🎉Nous verrons aussi comment utiliser les layouts prêts à l’emploi, intégrer WooCommerce pour créer une boutique en ligne et optimiser les performances de votre site. Cette mise à jour 2026 présente également Divi Pro, Divi AI et Divi 5, afin de vous aider à choisir la bonne formule et à anticiper les évolutions du builder. À la fin, vous saurez créer un site moderne, clair et efficace.🔥

Pré-requis

Avant de suivre ce tutoriel Divi Builder, assurez-vous d’avoir les éléments suivants :

  • Un hébergement WordPress compatible, idéalement une formule optimisée pour WordPress avec PHP récent, certificat SSL et outils de sauvegarde.
  • Un nom de domaine relié à votre site.
  • Une installation WordPress fonctionnelle et accessible depuis votre navigateur.
  • Une licence Divi achetée depuis le site Elegant Themes.
  • Quelques bases sur WordPress : création de pages, installation d’extensions et gestion du tableau de bord.

Besoin d’un hébergement WordPress rapide et de qualité ?

Profitez de l'offre exclusive de LWS : hébergement WordPress en France à -42% ! Démarrez dès maintenant à partir de 3,49€/mois au lieu de 5,99€. Performance 🚀 et support exceptionnel garantis ! 😊

Découvrir l’offre

Présentation du page builder Divi Builder WordPress

Présentation du page builder Divi Builder WordPress

 

Divi Builder est un constructeur de pages WordPress développé par Elegant Themes. Il permet de créer des pages web visuellement, sans écrire de code, grâce à une interface en glisser-déposer. Chaque élément d’une page peut être ajouté, déplacé, dupliqué ou personnalisé directement depuis l’éditeur visuel.

Divi peut être utilisé de deux façons :

  • Avec le thème Divi, qui intègre déjà le builder,
  • Ou avec le plugin Divi Builder, compatible avec de nombreux thèmes WordPress

Cette flexibilité permet de l’utiliser aussi bien pour créer un site vitrine, un blog, une landing page, un portfolio ou une boutique WooCommerce.

L’un des grands avantages de Divi est sa bibliothèque de modèles. Elle comprend désormais plus de 2 000 layouts et plus de 300 packs de sites complets, avec des modèles adaptés à de nombreux secteurs : entreprise, e-commerce, restauration, santé, formation, immobilier ou encore services en ligne.

Face à ses concurrents, Divi se positionne comme une solution très accessible. Contrairement à Oxygen ou Bricks Builder, souvent appréciés par les profils plus techniques, Divi reste simple à prendre en main pour les débutants. Elementor Pro, de son côté, propose aussi une expérience très intuitive, mais sans licence à vie équivalente.

En 2026, Bricks Builder s’impose comme une alternative sérieuse, notamment pour les utilisateurs qui recherchent de meilleures performances et un code plus léger. Toutefois, Divi conserve un avantage important grâce à sa richesse de templates, son écosystème complet et sa licence utilisable sur un nombre illimité de sites.

Critère Divi Builder Elementor Pro Bricks Builder

Type

Thème + plugin

Plugin

Thème

Prix d’entrée

89 $/an

59 $/an pour 1 site

79 $/an pour 1 site

Licence lifetime

249 $

Non disponible

599 $

Bibliothèque de templates

2 000+ layouts

Large

Plus limitée

Performance / code

Moyenne

Moyenne

Excellente

Adapté aux débutants

Très oui

Très oui

Moyen

IA intégrée

Oui avec Divi Pro

Non

Non

WooCommerce

Oui

Oui

Oui

Installer et configurer Divi Builder sur votre site WordPress

Pour utiliser Divi Builder, vous devez acheter une licence depuis le site officiel d’Elegant Themes. Deux formules principales sont proposées pour la licence Divi standard :

  • Licence annuelle : 89 $/an, avec accès aux mises à jour, au support et à l’utilisation sur un nombre illimité de sites.
  • Licence à vie : 249 $ en paiement unique, idéale si vous prévoyez d’utiliser Divi sur plusieurs projets ou sur le long terme.

Ces prix sont indiqués en dollars américains hors taxes. Pour les clients français, la TVA de 20 % est ajoutée au moment du paiement. Il faut donc prévoir un montant final légèrement supérieur au prix affiché initialement.

Elegant Themes propose également une garantie satisfait ou remboursé de 30 jours. Cela vous permet de tester Divi Builder, ses layouts et son éditeur visuel avant de confirmer définitivement votre achat.

Une fois la licence achetée, connectez-vous à votre compte Elegant Themes, puis téléchargez le fichier ZIP de Divi. Selon votre besoin, vous pouvez télécharger le thème Divi complet ou le plugin Divi Builder si vous souhaitez l’utiliser avec un autre thème WordPress. Elegant Themes propose aussi Divi Pro, une formule premium qui ajoute des outils comme Divi AI, Divi Cloud, Divi Dash et Divi VIP. 

Divi Pro et Divi AI

En plus de la licence Divi classique, Elegant Themes propose désormais Divi Pro, une formule premium pensée pour les utilisateurs qui veulent gagner du temps dans la création, la gestion et l’optimisation de leurs sites WordPress. Cette offre ajoute plusieurs outils complémentaires à l’écosystème Divi, notamment Divi AI, Divi Cloud, Divi Dash et Divi VIP.

  • Divi AI est l’une des nouveautés les plus importantes. Intégré directement dans l’éditeur Divi, il permet de générer du texte, des images et même du CSS personnalisé sans quitter l’interface de création. Par exemple, vous pouvez demander à l’IA de rédiger une section de page d’accueil, d’améliorer une description de service, de créer une image d’arrière-plan ou de proposer un extrait CSS adapté au design de votre page.
  • Divi Cloud permet de sauvegarder vos layouts, sections, modules et modèles dans le cloud afin de les réutiliser facilement sur plusieurs sites. C’est particulièrement utile pour les freelances et les agences qui créent régulièrement des sites avec des structures similaires.
  • Divi Dash, de son côté, sert à centraliser la gestion de plusieurs sites WordPress. Vous pouvez suivre les mises à jour, gérer certains éléments techniques et gagner du temps sur l’administration quotidienne de vos projets.
  • Enfin, Divi VIP donne accès à un support prioritaire, avec des délais de réponse réduits. Cette option s’adresse surtout aux professionnels qui utilisent Divi sur des sites clients ou des projets importants.

Divi Pro est donc surtout intéressant pour les agences, les freelances et les créateurs de sites qui veulent accélérer leur workflow. Pour un simple site personnel, la licence Divi standard peut suffire. En revanche, si vous souhaitez produire plus vite du contenu, générer des visuels avec l’IA ou gérer plusieurs sites, Divi Pro devient une option à considérer.

Installer Divi sur WordPress manuellement

Une fois votre licence achetée, vous pouvez installer Divi Builder manuellement depuis le tableau de bord WordPress. Cette méthode est utile si vous avez téléchargé le fichier ZIP depuis votre compte Elegant Themes ou si vous souhaitez installer Divi sur un site WordPress déjà existant.

  • Connectez-vous à votre tableau de bord WordPress.

Se connecter à WordPress

  • Allez dans la section « Extensions > Ajouter une extension« .

Ajouter une extension WordPress

 

  • Cliquez sur le bouton « Téléverser une extension »

Téléverser une extension sur WordPress

 

  • Cliquez sur le bouton « Choisir un fichier » et sélectionnez le fichier Divi-Builder.zip.

Choisir le fichier de l'extension Divi Builder

 

  • Installez et activez le plugin.

Activer le plugin Divi après installation sur WordPress

Pour plus des détails, consultez notre tuto : Comment installer un plugin WordPress ?

Après l’installation, pensez à connecter votre compte Elegant Themes depuis les réglages de Divi. Cette étape permet d’activer les mises à jour automatiques, de recevoir les correctifs de sécurité et de garder votre builder compatible avec les nouvelles versions de WordPress.

Trucs et astuces


Si vous utilisez le thème Divi, le constructeur est déjà intégré. Dans ce cas, vous n’avez pas besoin d’installer séparément le plugin Divi Builder. En revanche, si vous utilisez un autre thème WordPress compatible, le plugin Divi Builder vous permet de profiter de l’éditeur visuel tout en conservant votre thème actuel.

Installer facilement Divi sur WordPress avec votre hébergement LWS

Si vous utilisez un hébergement WordPress LWS, l’installation de Divi Builder peut être simplifiée grâce aux outils proposés dans l’espace client. L’objectif est de permettre aux utilisateurs de déployer rapidement un site WordPress prêt à être personnalisé, sans passer par toutes les étapes techniques d’une installation manuelle.

Depuis l’Auto-installeur LWS, vous pouvez installer WordPress en quelques clics, puis ajouter Divi Builder si l’option est disponible dans la liste des thèmes ou extensions proposés. Cette possibilité doit être vérifiée au moment de la rédaction, car l’interface LWS et les options proposées peuvent évoluer.

Cette méthode est particulièrement pratique pour les débutants : elle évite de téléverser manuellement un fichier ZIP, limite les erreurs d’installation et permet de démarrer plus vite la création du site. Une fois WordPress installé, vous pouvez accéder au tableau de bord, activer Divi si nécessaire, puis commencer à personnaliser vos pages.

Pour ce faire :

  • Sélectionnez une offre comme LWS Starter (ou supérieure). Connectez-vous et rendez-vous dans l’auto-installeur.

Auto-installeur LWS

  • Lors de l’installation de WordPress, cochez Divi Builder dans l’Auto-Installeur.

Sélectionner un pack d'installation de Divi

 

  • Une fois que l’installation est terminée, Divi est déjà activé et prêt à l’emploi.

Cette méthode évite les installations manuelles et garantit un hébergement optimisé pour Divi Builder.

Besoin d’un hébergement WordPress rapide et de qualité ?

Profitez de l'offre exclusive de LWS : hébergement WordPress en France à -42% ! Démarrez dès maintenant à partir de 3,49€/mois au lieu de 5,99€. Performance 🚀 et support exceptionnel garantis ! 😊

Découvrir l’offre

Activer et configurer Divi

Après l’installation, l’étape suivante consiste à activer correctement Divi et à renseigner vos identifiants Elegant Themes. Cette configuration permet d’accéder aux mises à jour automatiques, aux correctifs de sécurité et aux nouvelles fonctionnalités du builder.

Ainsi, procédez comme suite :

  • Allez dans la section « Divi > Options du thème« .

Options du plugin Divi

 

  • Renseignez votre nom d’utilisateur Elegant Themes et entrez votre clé API pour recevoir les mises à jour.

 

Renseigner sa clé Divi

Ensuite, effectuez la configuration initiale :

  • Choix du thème : utilisez Divi ou un autre thème compatible.
  • Paramètres généraux : configurez les paramètres de performances et plus encore…

Configuration des Options du plugin

 

  • Préférences de l’éditeur : mode WYSIWYG, animations et raccourcis.

Premiers pas avec Divi Builder

Une fois Divi activé, vous pouvez créer votre première page avec le constructeur visuel :

  • Allez dans la section « Pages > Ajouter une page« .

Ajouter une page

 

  • Cliquez sur le bouton « Utiliser le Divi Builder« .

Utiliser Divi Builder

 

  • Choisissez un layout préconçu ou commencez avec une page vierge.

Choisir une méthode d'édition_2

 

Si vous préférez construire votre page entièrement vous-même, choisissez une page vierge. Vous pourrez ajouter progressivement des sections, des lignes et des modules selon la structure souhaitée.

Avant de publier, pensez à enregistrer régulièrement vos modifications et à prévisualiser la page sur ordinateur, tablette et mobile. Cela permet de vérifier que le rendu reste propre sur tous les écrans.

Découverte de l’interface de Divi Builder

Présentation de l’éditeur visuel (WYSIWYG)

L’un des plus grands atouts de Divi Builder est son éditeur visuel WYSIWYG (What You See Is What You Get), qui permet de construire des pages en temps réel directement depuis l’interface front-end. Contrairement à l’éditeur classique de WordPress, où les modifications sont visibles uniquement après enregistrement, Divi offre une expérience fluide et intuitive, idéale pour les débutants comme pour les professionnels du web.

Avec Divi, vous pouvez ajouter, modifier ou supprimer des sections, des colonnes et des modules directement sur la page, en voyant instantanément le rendu final.

Explication des principales fonctionnalités

  • Glisser-déposer (Drag & Drop) : Divi Builder fonctionne entièrement en glisser-déposer, ce qui signifie que vous pouvez réorganiser les éléments en un simple mouvement de souris, sans toucher au code.

  • Édition en ligne (Inline Editing) : il est possible de modifier directement le texte dans l’éditeur, sans ouvrir de fenêtres supplémentaires. Cliquez simplement sur une section de texte et commencez à écrire.

  • Responsive Editing : Divi intègre un mode édition responsive qui permet d’afficher et d’ajuster la mise en page selon les appareils (ordinateur, tablette, mobile). Chaque élément peut être personnalisé individuellement pour un affichage optimal sur chaque type d’écran.

  • Global Styles et Global Elements : avec les styles globaux, vous pouvez appliquer une même conception à plusieurs éléments et les modifier en un seul clic. Cela est particulièrement utile pour les boutons, polices et couleurs, garantissant une cohérence visuelle sur l’ensemble du site.

  • La bibliothèque Divi, pour enregistrer et réutiliser des sections, lignes ou modules.

Ces outils permettent de créer des pages cohérentes sans repartir de zéro à chaque modification.

Différence entre l’éditeur backend et frontend

Divi propose deux façons principales de travailler. L’éditeur frontend, aussi appelé Visual Builder, permet de concevoir la page directement depuis son rendu visuel. C’est le mode le plus intuitif pour personnaliser un design.

  • L’éditeur backend (Wireframe Mode) : un mode schématique qui permet de structurer la page sous forme de blocs. Il est particulièrement utile pour organiser des mises en page complexes.

 

L’éditeur backend (Wireframe Mode)

  • L’éditeur frontend (Visual Builder) : l’interface principale où l’on peut voir en temps réel les modifications apportées. Ce mode est privilégié pour son aspect intuitif et rapide.

Editeur Front-end Divi

Gestion des sections, lignes et modules

Dans Divi Builder, chaque page est composée de trois niveaux d’éléments :

  • Les sections (bleues) : ce sont les plus grandes divisions d’une page. Elles permettent d’organiser le contenu en grandes zones.
  • Les lignes (vertes) : elles se placent à l’intérieur des sections et servent à définir la structure en colonnes.
  • Les modules (gris) : ce sont les éléments de contenu tels que textes, images, vidéos, boutons, formulaires et bien d’autres.

Sections et modules Divi

Trucs et astuces


Grâce à cette hiérarchie, Divi permet une construction claire et modulaire, idéale pour concevoir des mises en page complexes tout en restant simple d’utilisation.

Créer et personnaliser des pages avec Divi Builder

Ajout et modification de sections, colonnes et modules

Avec Divi Builder, la création d’une page web repose sur une structure en sections, lignes et modules. Pour ajouter une nouvelle section :

  • Cliquez sur le bouton « + » et sélectionnez « Section normale », « Section spéciale » ou « Section plein écran ».
  • Ajoutez ensuite une ligne, en choisissant une disposition avec une ou plusieurs colonnes.

Ajouter une section dans Divi

 

  • Insérez des modules : texte, image, vidéo, bouton, formulaire, etc.

Ajouter un titre

Chaque élément peut être déplacé, dupliqué ou supprimé grâce à l’interface drag & drop.

Besoin d’un hébergeur pour votre site ?

Découvrez l'offre exclusive de LWS : hébergement web à -63% ! Commencez dès maintenant à seulement 1,49€/mois au lieu de 3,99€. Profitez de performances optimales et d'un support exceptionnel. 🔥🚀

Découvrir l’offre

Personnalisation avancée des styles

L’un des points forts de Divi Builder est la personnalisation avancée des styles :

  • Typographie : choisissez parmi plus de 900 polices Google, ajustez la taille, l’espacement et le style.
  • Couleurs : définissez des palettes personnalisées pour harmoniser votre site.

Personnalisation avancée des styles

  • Effets visuels : ajoutez des animations, des ombres, des effets de survol et des filtres CSS sans coder.

Pour modifier l’apparence d’un élément, cliquez sur l’icône en forme de rouage et accédez aux options de conception.

Utilisation des layouts prédéfinis et des bibliothèques Divi

Divi Builder propose une vaste bibliothèque de modèles prêts à l’emploi. En 2026, elle comprend plus de 2 000 layouts et plus de 300 packs de sites complets, avec des designs adaptés à de nombreux secteurs : entreprise, e-commerce, restauration, santé, coaching, immobilier, SaaS ou portfolio.

Pour utiliser un modèle, cliquez sur le bouton « Load from Library » ou « Charger depuis la bibliothèque ».

Ajouter un modèle depuis la librairie

Puis choisissez un layout correspondant à votre projet. Une fois importé, vous pouvez remplacer les textes, images, couleurs et boutons par vos propres contenus.

Choisir un modèle à utiliser

 

  • Sélectionnez un modèle dans la bibliothèque.
  • Cliquez sur le bouton « Use this layout »

Utiliser ce modèle Divi

  • Personnalisez les textes, images et couleurs selon vos besoins.

Personnaliser le modèle choisi

 

Vous pouvez également enregistrer vos propres designs dans la bibliothèque Divi pour les réutiliser sur d’autres pages.

Création de modèles réutilisables

Si vous concevez plusieurs pages avec une structure similaire, Divi Builder permet d’enregistrer des modèles réutilisables. Pour cela :

  • Sélectionnez une section, ligne ou module.
  • Cliquez sur le bouton « Enregistrer dans la bibliothèque » ou « Save to library ».

Création de modèles réutilisables

  • Donnez un nom à votre modèle et réutilisez-le sur d’autres pages en quelques clics.

Trucs et astuces


Avec ces fonctionnalités, Divi Builder simplifie la conception de pages et permet de créer un site personnalisé et professionnel, même sans compétences en design.

Intégrer Divi avec WooCommerce et d’autres plugins

Mise en place d’une boutique WooCommerce avec Divi

Divi Builder s’intègre avec de nombreux plugins WordPress, notamment WooCommerce, les extensions SEO, les plugins de sécurité, les outils de sauvegarde et les solutions marketing. Cette compatibilité permet de créer un site complet avec Divi, qu’il s’agisse d’un site vitrine, d’un blog professionnel ou d’une boutique en ligne.

Mais si vous n’avez pas encore de boutique, vous devez commencer par créer votre boutique WooCommerce en suivant notre guide.

Installation de WooCommerce

Divi Builder est compatible avec WooCommerce, l’extension e-commerce la plus utilisée sur WordPress. Vous pouvez donc créer une boutique en ligne et personnaliser ses pages principales avec l’éditeur visuel Divi.

  • Allez dans la section « Extensions > Ajouter une extension » et recherchez WooCommerce.
  • Installez et activez le plugin.

Installer WooCommerce

 

  • Suivez l’assistant de configuration pour définir votre devise, mode de paiement et options d’expédition.

 

Lancer la boutique WooCommerce

Trucs et astuces


Pour une boutique WooCommerce, il est recommandé d’utiliser un hébergement WordPress adapté plutôt qu’un hébergement web trop basique. Une boutique nécessite généralement plus de ressources, une bonne gestion du cache, une version récente de PHP et des sauvegardes fiables.

Création des pages essentielles

WooCommerce génère automatiquement les pages de base :

  • Boutique : affiche les produits.
  • Panier : permet aux clients de voir et modifier leur commande.
  • Commande : formulaire de paiement.
  • Mon compte : espace client.

Personnalisation avec Divi

Divi Builder offre des modules WooCommerce dédiés pour personnaliser votre boutique :

  • Boutique : affiche une liste de produits avec filtres.
  • Produit : met en avant un article spécifique.
  • Panier et Commande : permet de styliser ces pages.

 

Les modules Divi WooCommerce

Pour modifier l’apparence, ajoutez un module WooCommerce dans Divi et personnalisez le style, les couleurs et l’agencement.

Besoin d’un hébergement WordPress rapide et de qualité ?

Profitez de l'offre exclusive de LWS : hébergement WordPress en France à -42% ! Démarrez dès maintenant à partir de 3,49€/mois au lieu de 5,99€. Performance 🚀 et support exceptionnel garantis ! 😊

Découvrir l’offre

Compatibilité de Divi Builder avec les plugins WordPress courants

Compatibilité de Divi Builder avec les plugins WordPress courants

Divi Builder fonctionne avec la majorité des plugins SEO, sécurité et marketing. Voici quelques exemples d’intégrations utiles :

SEO : optimiser la visibilité de votre site

  • Yoast SEO : pour gérer les titres, méta-descriptions et sitemaps.
  • Rank Math : alternative performante avec des options avancées.

Sécurité et sauvegarde

  • Wordfence : protège votre site contre les attaques.
  • UpdraftPlus : pour automatiser les sauvegardes et restaurations.

Formulaires et marketing

  • Contact Form 7 : permet d’ajouter un formulaire de contact.
  • Bloom (Elegant Themes) : plugin natif pour la capture d’e-mails et la création de pop-ups.

Comme toujours avec WordPress, évitez d’installer trop de plugins inutiles. Plus votre site contient d’extensions, plus il peut devenir lent, difficile à maintenir ou exposé à des incompatibilités.

Intégration de Divi avec Gutenberg et l’éditeur classique

Bien que Divi Builder soit un éditeur visuel, il est compatible avec Gutenberg, l’éditeur natif de WordPress.

Utiliser Divi avec Gutenberg

  • Ajoutez un bloc Divi dans une page Gutenberg pour intégrer une mise en page créée avec Divi.
  • Basculez facilement entre les deux éditeurs sans perdre vos modifications.

Comparaison avec l’éditeur Gutenberg

  • Gutenberg est plus moderne que l’éditeur classique mais reste moins flexible que Divi Builder.
  • Divi offre une expérience plus fluide et plus visuelle pour créer des pages complexes.

Trucs et astuces


Avec ces intégrations, Divi Builder devient un outil puissant pour créer un site WordPress polyvalent et évolutif.

Optimisation SEO et performances

SEO WordPress : Guide Essentiel pour optimiser le référencement web

Optimisation du temps de chargement et du code CSS

Un site rapide améliore non seulement l’expérience utilisateur, mais aussi son référencement naturel (SEO). Divi Builder, bien que puissant, peut alourdir votre site si certaines optimisations ne sont pas mises en place.

Astuces pour améliorer la vitesse :

  • Activer le système de cache avec un plugin comme WP Rocket ou LiteSpeed Cache.
  • Optimiser les images avec Smush ou Imagify pour réduire leur poids sans perte de qualité.
  • Minifier le CSS et le JavaScript via les options intégrées de Divi.
  • Utiliser un hébergement WordPress LWS performant pour garantir une bonne vitesse de chargement.

Pour de meilleurs résultats, utilisez une version récente de PHP, par exemple PHP 8.3 si elle est disponible dans votre panneau d’hébergement.

Nettoyer le code inutile

  • Désactiver les modules Divi non utilisés pour alléger les fichiers CSS et JavaScript.
  • Activer l’option « Critical CSS » dans les paramètres Divi pour prioriser l’affichage du contenu principal.

Bonnes pratiques SEO avec Divi

Divi Builder peut être utilisé pour créer des pages bien structurées pour le SEO, à condition de respecter les bonnes pratiques de base. Chaque page doit avoir un seul titre principal en H1, puis des sous-titres H2 et H3 organisés de manière logique.

Ajoutez également des balises ALT descriptives sur vos images, surtout si elles illustrent un produit, un service ou une étape importante du tutoriel. Les boutons et liens doivent utiliser des ancres compréhensibles, plutôt que des textes génériques comme “cliquez ici”.

Divi fonctionne avec les principales extensions SEO comme Yoast SEO ou Rank Math. Ces plugins permettent d’optimiser les balises title, les méta descriptions, les données structurées et les sitemaps XML.

Enfin, pensez au maillage interne. Reliez vos pages importantes entre elles pour aider les visiteurs à naviguer et pour renforcer la compréhension de votre site par les moteurs de recherche.

Test du responsive design et corrections

 

Test du responsive design et corrections

Divi propose un mode responsive qui permet de prévisualiser et d’ajuster le rendu sur ordinateur, tablette et mobile. Avant de publier une page :

  • vérifiez que les textes restent lisibles,
  • que les images ne débordent pas
  • que les boutons sont faciles à cliquer sur smartphone

Vous pouvez personnaliser séparément certaines valeurs selon l’appareil : taille des polices, marges, espacements, alignement ou visibilité des modules. Cette option est très utile pour corriger un design qui semble parfait sur ordinateur, mais trop chargé sur mobile.

Pensez aussi à tester vos pages avec des outils comme Google PageSpeed Insights ou Lighthouse. Ces analyses permettent d’identifier les images trop lourdes, les scripts bloquants, les problèmes de cache ou les éléments qui ralentissent l’affichage.

Avec ces optimisations, votre site sera rapide, bien référencé et parfaitement responsive.

Besoin d'un nom de domaine au meilleur prix ?

LWS vous conseille ses packs nom de domaine tout inclus à partir de 0,99€ par an. Vous obtenez un domaine au choix (.fr .com .net .site .tech .shop .boutique .xyz…) mais aussi des adresses email personnalisées (mail@votredomaine.fr) et un certificat SSL.

Découvrir l'offre

Mettre en ligne un site Divi Builder

 

Mettre en ligne un site Divi Builder

Préparation avant publication : tests de compatibilité et corrections

Avant de mettre votre site en ligne, assurez-vous qu’il est fonctionnel et optimisé :

  • Testez toutes les pages pour vérifier l’affichage et la navigation.
  • Contrôlez les liens internes et externes pour éviter les erreurs 404.
  • Vérifiez la compatibilité avec les navigateurs (Chrome, Firefox, Edge, Safari).
  • Analysez la vitesse de chargement avec Google PageSpeed Insights.

Sauvegarde et migration du site si nécessaire

Avant toute mise en ligne ou modification importante, réalisez une sauvegarde complète de votre site WordPress. Cette sauvegarde doit inclure les fichiers, la base de données, les thèmes, les extensions et les médias. Pour cela, utilisez un plugin comme UpdraftPlus ou All-in-One WP Migration.

Si vous souhaitez transférer votre site vers un autre hébergeur :

  • Faites une exportation de la base de données et des fichiers.
  • Utilisez un outil comme Duplicator pour simplifier le processus.
  • Vérifiez après migration que tout fonctionne correctement.

Optimisations finales pour un site rapide et fluide

Après la publication, activez les dernières optimisations : cache, compression des images, minification CSS/JS, lazy loading et certificat SSL. Si votre hébergement le permet, utilisez une version récente de PHP et vérifiez que WordPress, Divi et vos extensions sont à jour.

Pour un site Divi, il est recommandé de limiter les plugins inutiles et de tester régulièrement les performances avec PageSpeed Insights. Un hébergement WordPress optimisé, comme celui proposé par LWS, peut aussi aider à maintenir un bon temps de chargement, notamment pour les sites riches en images ou en modules Divi.

Divi Builder et LWS

Installation facile et gratuite avec LWS

Avec un hébergement WordPress LWS, l’installation et la gestion de WordPress peuvent être simplifiées grâce aux outils intégrés comme l’Auto-installeur ou WP Manager. Ces solutions permettent de déployer WordPress plus rapidement, sans créer manuellement la base de données ni transférer les fichiers via FTP. WP Manager permet d’installer WordPress automatiquement, seul ou avec des extensions selon les options proposées dans l’interface.

Comment procéder ?

  • Choisissez une offre d’hébergement comme LWS Starter.

Hébergement WordPress

 

  • Lors de l’installation de WordPress, sélectionnez Divi Builder dans la liste des extensions préinstallées.

Sélectionner un pack d'installation de Divi

 

  • Une fois l’installation terminée, Divi est déjà activé et prêt à être utilisé.

Avec cette solution, vous gagnez du temps et évitez les étapes techniques d’installation manuelle.

Hébergement optimisé pour WordPress

LWS propose un hébergement performant spécialement conçu pour WordPress et Divi Builder :

  • Serveurs optimisés pour un chargement rapide des pages.
  • Stockage SSD pour de meilleures performances.
  • Certificat SSL gratuit pour sécuriser le site.

Divi 5 : ce qui va changer

Divi 5 représente l’une des évolutions les plus importantes de l’écosystème Divi. Il s’agit d’une refonte technique majeure du builder, pensée pour améliorer la performance, la compatibilité avec les standards récents de WordPress et la qualité du code généré.

L’un des changements les plus attendus concerne la suppression progressive des shortcodes. Dans Divi 4, les pages créées avec le builder reposent encore sur des shortcodes, comme [et_pb_section], pour stocker la structure du contenu. Avec Divi 5, Elegant Themes prévoit une architecture plus propre, mieux adaptée aux évolutions modernes de WordPress.

Cette nouvelle version doit aussi améliorer les performances générales : chargement plus rapide de l’éditeur, code plus léger et meilleure compatibilité avec le Full Site Editing. Pour les utilisateurs, l’objectif est de conserver la simplicité de Divi tout en profitant d’une base technique plus moderne.

Divi 4 reste utilisable, complet et adapté à la création de sites professionnels. Elegant Themes prévoit une transition pour convertir les layouts existants vers la nouvelle architecture.

FAQ

Faut-il renouveler sa licence Divi chaque année pour continuer à utiliser son site ?

Non. Si vous ne renouvelez pas votre licence annuelle Divi, votre site continue de fonctionner avec la version déjà installée. En revanche, vous ne recevrez plus les mises à jour, les correctifs de sécurité, les nouveaux layouts ni le support Elegant Themes. Avec la licence Lifetime, il n’y a pas de renouvellement annuel.

Quelle est la différence entre Divi et Divi Builder ?

Divi est un thème WordPress complet qui inclut directement le constructeur Divi Builder. Le plugin Divi Builder, lui, est une extension autonome qui peut être utilisée avec un autre thème WordPress compatible. Dans les deux cas, vous accédez au même éditeur visuel pour créer et personnaliser vos pages.

Divi Builder est-il compatible avec WordPress 7.0 ?

La compatibilité avec WordPress 7.0 doit être vérifiée au moment de la rédaction, selon le changelog officiel d’Elegant Themes. En général, Divi est régulièrement mis à jour pour suivre les nouvelles versions majeures de WordPress, mais il est recommandé de tester la mise à jour sur un site de staging avant de l’appliquer en production.

Peut-on utiliser Divi Builder avec un thème qui n’est pas Divi ?

Oui. Pour cela, il faut installer le plugin Divi Builder au lieu d’utiliser le thème Divi complet. Cette solution permet de conserver un thème WordPress existant tout en profitant de l’éditeur visuel Divi pour créer des pages personnalisées.

Qu’est-ce que Divi Pro et en quoi est-il différent de la licence standard ?

Divi Pro est une formule premium proposée par Elegant Themes. Elle ajoute des outils comme Divi AI, Divi Cloud, Divi Dash et Divi VIP à la licence Divi standard. Elle s’adresse surtout aux freelances, agences et créateurs de sites qui veulent générer du contenu avec l’IA, sauvegarder leurs layouts dans le cloud ou gérer plusieurs sites plus facilement.

Divi Builder ralentit-il un site WordPress ?

Divi Builder peut générer plus de code qu’un thème léger ou qu’un builder orienté performance comme Bricks Builder. Cela ne signifie pas forcément que votre site sera lent, mais il faut appliquer les bonnes pratiques : utiliser un cache, optimiser les images, activer la minification CSS/JS, limiter les plugins inutiles et choisir un hébergement WordPress performant.

Avis et conclusion

Divi Builder reste en 2026 l’un des meilleurs constructeurs de pages WordPress pour les débutants, les freelances et les agences qui veulent créer rapidement des sites professionnels sans coder. ⚡Son éditeur visuel, sa bibliothèque de plus de 2 000 layouts, ses modèles réutilisables et sa licence utilisable sur un nombre illimité de sites en font une solution très rentable.💥 L’arrivée de Divi Pro et Divi AI renforce encore son intérêt pour les créateurs de sites qui veulent générer plus vite des textes, des images ou du CSS personnalisé. Divi reste toutefois plus lourd que des solutions comme Bricks Builder ou des thèmes légers comme GeneratePress. 🎉Pour compenser, il est recommandé d’utiliser un hébergement WordPress optimisé, un cache efficace et une version récente de PHP.

💬 Avez-vous déjà testé Divi Builder ? Partagez votre expérience en commentaire !

Avatar de l'auteur

Auteur de l'article

Joseph

Bonjour, je m'appelle Joseph. Je suis rédacteur spécialisé dans WordPress, PrestaShop et d'autres CMS. Fort d'une expertise approfondie en PHP et MySQL, je partage mes connaissances à travers des tutoriels simples et accessibles. Passionné par le développement et la transmission de savoir, j'aime expliquer et rendre les concepts techniques compréhensibles pour tous

Avis client de l'hébergeur LWS

Nos avis Trustpilot Nos avis Hostadvice Nos avis sur avis.lws.fr
Avis trustpilot 30/04/2022

LWS l'hébergeur par excellence !

LWS est pour moi l'hébergeur par excellence, que cela soit au niveau de l'hébergement qui est très performant, les mails qui sont d'une qualité professionnelle et de la gestion du domaine facile à comprendre.

PauseGreen

Avis hostadvice 27/04/2022

Super, au top !

Au top, prix attractif. Service très rapide et réactif. Je l'ai même personnellement recommandé à des proches. La vie est bien plus facile avec LWS

Masset Eliot

Avis avislws 26/04/2022

Support

Clair, efficace, rapide et à tarif abordable. J'ai maintenant un site superbe à mon image, puisque je le fais moi-même. L'équipe technique est au top, j'ai une réponse en 20 minutes, cela change d'autres hébergeurs pourtant plus connu.

Lady Whip

Avis hostadvice 24/04/2022

Bravo et merci

Bravo et merci aux équipes techniques pour leur réactivité et leur professionnalisme depuis plus de 10 ans chez eux et de nombreux sites !!! Merci

Olivier Delmas

Avis trustpilot 23/04/2022

Je suis très satisfait.

J'ai commandé un hébergement pour le site d'une association. Tout s'est passé très rapidement et sans la moindre embuche. La tarification est attractive et me parait très claire. Le panneau d'administration de l'hébergement est facile à utiliser et à comprendre. Je n'ai pas encore installé Wordpress car le contenu n'est pas prêt mais ce sera la prochaine étape et je suis très confiant. Merci !

Pierre-André Liné

Avis avislws 20/04/2022

Un service technique excellent

Je suis client chez LWS depuis 2011 avec une boutique OSCommerce qui tourne comme une horloge depuis cette date sur un hébergement mutualisé. La disponibilité de la boutique est très proche de 100%. Concernant les rares problèmes rencontrés en huit ans, j’ai eu à chaque fois un technicien compétent qui a résolu le problème très rapidement et efficacement. Je suis en train de migrer sur une plateforme Pretashop sur un VPS, avec l’offre LWS Debian 9 et Prestashop. Un technicien m’a grandement aidé pour finaliser l’installation de la boutique lors de la mise à jour vers la dernière version de Prestashop 1.7 qui posait problème. Je suis très satisfait de LWS, et ce sur la durée : réponses et réactions rapides et efficaces. Je recommande cet hébergeur et encore merci.

Alain

Avis trustpilot 16/04/2022

Une expérience jamais égalée !

Étant Développeur Web & Mobile Full-Stack depuis plus de 5 ans déjà, j'ai rarement eu un service client aussi rapide et efficace. Sans compter la qualité du service en ligne. Je recommande VIVEMENT LWS !

Chris KOUAKAM

Avis hostadvice 12/04/2022

Très bon hébergeur

J'ai un serveur VPS chez eux et je n'ai aucun problème, dès qu'il y a un problème le service technique est la pour vous aider et répond assez rapidement à votre demande. Je recommande vivement cet hébergeur.

Vanden Cruyce

Avis avislws 09/04/2022

Je suis ravie

Je suis ravie d'être avec LWS sur tous les plans, je remercie les Techniciens (Fabrice, Omar, Sandy-Mahitsison) depuis plus de 8 ans j'ai évolué avec LWS et toujours soutenue. Une véritable relation humaine même si les questions ou nos inquiétudes ne correspondent pas à leurs missions, ils sont là pour nous répondent et nous rassurent. Mon site c'est mon travail ma source de revenue donc il sont mes partenaires ! les travailleurs de l'ombre merci à eux ! Merci LWS

L'atelier-and-Co

Commentaires (2)

Delphine
28/02/2026 - 03:09
Joseph
2026-03-01 09:13:43

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée.