⬆
Logiciels de Création de site Internet

Divi : Présentation Complète, Avis et Tarifs en 2024

Divi

D√©couvrez le th√®me Divi d'Elegant Themes avec Divi Builder. Cr√©ez facilement votre site WordPress gr√Ęce au visual builder qui dispose de Mises √† jour r√©guli√®res

ESSAYEZ Divi

4.3

| 5

(55 Avis)

Version Gratuite

Version d'Essai

Version Payante

À partir de

13

$

/mois

San Francisco(√Čtats-Unis)

C'est quoi Divi ? 

Le Thème Divi, issu d'Elegant Themes, associé au Divi Builder, offre une liberté de création sur WordPress.

Gr√Ęce √† son Visual Builder, m√™me sans connaissances en codage, il est possible de concevoir un site attractif.

Les mises à jour fréquentes et les options variées du thème Divi le rendent flexible et adaptable à tous vos besoins.

Avec le Divi Builder, la création de pages devient un jeu d'enfant.

Divi se présente comme un atout majeur pour quiconque souhaite concevoir un site WordPress professionnel tout en bénéficiant d'une expérience utilisateur intuitive et enrichissante.

Utilisateurs de Divi

Les utilisateurs cibles de Divi sont :

Développeurs Web : Divi propose des outils avancés qui facilitent le développement rapide de sites web.

Designers : Avec son Visual Builder, Divi permet une création visuelle intuitive.

Propriétaires de PME : La bibliothèque de layouts permet de créer rapidement un site professionnel.

Freelances et Agences : Ils peuvent bénéficier de la portabilité des templates pour servir plusieurs clients.

Blogueurs : Facilité d'utilisation et personnalisation permet de rendre Divi attractif pour les blogueurs.

Divi vise à servir un large éventail d'utilisateurs, qu'ils soient novices en conception web ou professionnels expérimentés.

Fonctionnalités de Divi builder

Divi, provenant des créateurs talentueux chez Elegant Themes, est un des thèmes WordPress intégrant un builder visuel révolutionnaire qui permet une création de site web simplifiée tout en offrant des options avancées pour les utilisateurs expérimentés.

Voici donc une exploration des quelques fonctionnalités clés qui font de Divi un choix incontournable.

1. Interface Utilisateur et Personnalisation

L'interface de Divi favorise la personnalisation intuitive, rendant la création de pages WordPress accessible.

Le Divi Builder et le Visual Builder travaillent donc en tandem pour offrir également une expérience utilisateur optimale.

  • Exp√©rience utilisateur simplifi√©e gr√Ęce au Divi Builder.
  • Mises √† jour r√©guli√®res pour une interface plus r√©active.
  • Panel de personnalisation divis√© en trois onglets: Contenu, Design et Avanc√©, pour une gestion facilit√©e.

Une personnalisation poussée rend Divi attrayant pour ceux qui souhaitent créer un site unique sans se perdre dans la complexité.

2. √Čl√©ments de Site et Modules Divi

Divi enrichit vos pages avec une variété d'éléments web et de modules Divi, facilitant la création de boutiques en ligne avec WooCommerce.

  • 38 √©l√©ments web int√©gr√©s, 25 de plus avec WooCommerce.
  • Modules Divi sp√©cifiques pour des fonctionnalit√©s √©largies.
  • Module Divi pour des designs sophistiqu√©s sans effort.

Une bibliothèque riche pour une création de pages sans limite.

3. Gestion des Modifications et Facilité d'Utilisation

Corrigez facilement les erreurs avec la fonction Undo, tout en profitant également par exemple d'un apprentissage progressif des outils avancés proposés de Divi.

  • Fonction Undo pour une gestion des modifications simplifi√©e dans le page builder
  • Une courbe d'apprentissage bien calibr√©e pour les outils avanc√©s.
  • Accessibilit√© pour les d√©butants et les utilisateurs exp√©riment√©s.

Divi rend la gestion des modifications et l'apprentissage des fonctionnalités avancées accessible à tous.

4. Portabilité et Gestionnaire de Thème Principal

Partagez vos templates, tout en modifiant globalement l'aspect de votre site avec le gestionnaire de thème.

  • Exportez et partagez vos templates.
  • Gestion globale de l'aspect de votre site avec le Theme Builder.
  • Importation et exportation de templates entre diff√©rents sites WordPress.

La portabilité et la gestion globale du thème simplifient la maintenance et le partage.

5. Design d'En-têtes, Pieds de Page, et Templates de Qualité

Créez des articles en-têtes uniques, choisissez parmi tout une variété de templates, et assurez une identité visuelle cohérente.

  • En-t√™tes et pieds de page personnalisables.
  • Vari√©t√© de templates de haute qualit√© pour diff√©rents projets.
  • Templates d√©di√©s pour une multitude de niches.

Des options de design vastes pour une identité visuelle unique et professionnelle.

6. Layouts Pré-faits et Layouts de Corps Personnalisés

Commencez rapidement avec des layouts prêts à l'emploi, et créez des pages d'erreur 404 personnalisées pour une meilleure navigation.

  • Plus de 1000 layouts pr√™ts √† l'emploi.
  • Pages d'erreur 404 personnalis√©es pour une meilleure exp√©rience utilisateur.
  • Layouts de corps personnalis√©s pour des pages d'archive distinctives.

Divi offre une multitude de layouts pour une mise en place rapide et une personnalisation poussée du site.

Tarifs du Thème Wordpress Divi

Divi de Elegant Themes propose des tarifs avantageux avec deux formules distinctes :

  • Acc√®s annuel : Pour seulement 89 $, b√©n√©ficiez d'un acc√®s annuel √† toutes les fonctionnalit√©s. M√™me sans renouvellement, votre site reste fonctionnel mais sans les mises √† jour.
  • Acc√®s √† vie : Avec un paiement unique de 249 $, Divi offre un acc√®s √† vie, un investissement minime compar√© √† d'autres builders.

L'offre Divi inclut des plugins premium d'Elegant Themes comme Bloom et Monarch, optimisant votre marketing et votre présence sociale.

  • Bloom : Id√©al pour le marketing par email avec divers templates pour accro√ģtre votre liste d'abonn√©s.
  • Monarch : Parfait pour int√©grer des boutons de partage social sur votre site WordPress, avec compteur de partages et autres fonctionnalit√©s avanc√©es.

Support Client de Divi

1. Réactivité

Lorsque vous rencontrez par cet exemple des problèmes avec Divi, une équipe de support compétente est à votre service.

En accédant au support de Divi via le site, vous pouvez :

  • Ouvrir un canal de communication pour r√©soudre vos probl√®mes via un forum ou un syst√®me de chat.
  • Obtenir une assistance instantan√©e, ce qui est crucial lorsqu'une situation bloquante se pr√©sente.

La réactivité du support Divi est un atout majeur qui distingue ce constructeur de page des autres sur le marché.

2. Documentation Approfondie de Divi

Divi est bien documenté pour aider les utilisateurs à comprendre ses fonctionnalités clés, notamment :

  • Sections : Utilis√©es pour cr√©er des contenus globaux comme l'en-t√™te ou le pied de page.
  • Rang√©es : Incluses dans les sections, elles facilitent l'organisation du contenu.
  • Module : Divi propose plus de 46 modules impressionnants tels que l'appel √† l'action, le portfolio, le slider, et bien d'autres.

La documentation fournit une base solide pour explorer et ma√ģtriser le Theme Builder et le Visual Builder de Divi, rendant l'exp√©rience utilisateur beaucoup plus fluide.

Comment Installer le Thème Divi ?

La mise en place du thème Divi sur votre site WordPress est une démarche simple mais cruciale pour que pourrez bénéficier des fonctionnalités avancées offertes par ce theme builder.

Voici un guide étape par étape destiné aux débutants :

1. Achat du Thème Divi

Avant toute chose, il faut acquérir le thème :

  • Rendez-vous sur le site web d'Elegant Themes.
  • S√©lectionnez et achetez le th√®me Divi.
  • Une fois l'achat effectu√©, connectez-vous √† votre compte utilisateur sur le site d'Elegant Themes.
  • Dans votre tableau de bord, acc√©dez √† l'onglet Downloads (T√©l√©chargements) dans la barre de menu.
  • Trouvez et t√©l√©chargez le fichier du th√®me Divi sous le format divi.zip.

2. Installation sur WordPress

Maintenant, passons à l'installation du thème Divi sur votre site WordPress :

  • Connectez-vous √† votre tableau de bord WordPress.
  • Dans la barre lat√©rale, naviguez vers Apparence > Th√®mes.
  • En haut de la page, cliquez sur le bouton Ajouter.
  • Vous verrez maintenant une option T√©l√©verser un th√®me. Cliquez dessus.
  • Un bouton Parcourir appara√ģtra. Cliquez dessus et s√©lectionnez le fichier divi.zip que vous avez t√©l√©charg√© pr√©c√©demment depuis votre disque dur.
  • Apr√®s avoir s√©lectionn√© le fichier, cliquez sur Installer maintenant.
  • WordPress travaillera un peu et vous informera une fois que l'installation est r√©ussie. Cliquez ensuite sur Activer pour activer le th√®me Divi sur votre site.

Votre thème Divi est maintenant installé et activé.

Vous êtes prêt à explorer le visual builder robuste de Divi, et à commencer la création de pages uniques et attrayantes pour votre site web.

Les possibilités avec Divi sont vastes, vous pouvez maintenant créer, personnaliser et visualiser votre design en temps réel.

Alternatives à Divi sur WordPress

1. Elementor

Elementor est un constructeur de pages puissant pour WordPress qui offre une expérience de design en direct.

Divi VS Elementor

Fonctionnalités :

  • Cr√©ation de pages en glisser-d√©poser.
  • Biblioth√®que de templates de th√®lme
  • Widgets personnalis√©s.
  • R√©activit√© mobile pour le front-end

Tarifs :

  • Gratuit pour la version de base.
  • $49 pour la version Pro (1 site).
  • $99 pour la version Pro (3 sites).
  • $199 pour la version Pro (1,000 sites).

Comparaison avec Divi :

  • Avantages : Plus intuitif pour les d√©butants, grande biblioth√®que de mod√®les.
  • Inconv√©nients : Moins d'options de personnalisation avanc√©es que Divi.

Elementor est un choix solide pour ceux qui chaque jour recherchent un builder flexible avec une très grande bibliothèque de modèles.

2. Beaver Builder

Beaver Builder est un autre constructeur de pages intuitif pour WordPress, offrant une interface propre et facile à utiliser.

Divi VS Beaver Builder

Fonctionnalités

  • Interface glisser-d√©poser.
  • Mod√®les pr√©-con√ßus d'une page
  • Compatible avec n'importe quel th√®me WordPress.
  • Modules suppl√©mentaires.

Tarifs

  • Gratuit pour la version Lite.
  • $99 pour la version Standard.
  • $199 pour la version Pro.
  • $399 pour la version Agency.

Comparaison avec Divi

  • Avantages : Interface utilisateur simple et efficace.
  • Inconv√©nients : Moins de fonctionnalit√©s int√©gr√©es compar√© √† Divi.

Beaver Builder offre une facilité d'utilisation pour les débutants et les développeurs.

3. Thrive Architect

Thrive Architect est axé sur la création de pages de conversion et est optimisé pour le marketing en ligne.

Divi VS Thrive Architecte

Fonctionnalités

  • √Čditeur visuel rapide d'une page
  • Plus de 300 templates de pages.
  • Optimisation des taux de conversion.
  • Int√©gration avec les outils d'email marketing.

Tarifs

  • $67 pour une licence (1 site).
  • $97 pour une licence (5 sites).
  • $147 pour une licence (15 sites).

Comparaison avec Divi

  • Avantages : Optimis√© pour les taux de conversion, large choix de templates.
  • Inconv√©nients : Courbe d'apprentissage plus abrupte pour les d√©butants.

Thrive Architect est idéal pour ceux qui cherchent à créer des pages de vente et des pages d'atterrissage hautement convertibles.

Comment fonctionne Divi ?

Divi, issu de la maison d'Elegant Themes, est un constructeur de pages (Page Builder) robuste pour WordPress, transformant le processus de création web en une expérience visuelle.

C'est un outil permettant même aux novices de donner vie à des images et designs uniques sans une ligne de code. Ainsi, que vous soyez un professionnel du web ou bien un débutant, Divi offre une plateforme intuitive pour créer et gérer votre site.

1. Démarrage avec Divi

Lancement du Visual Builder

L'activation du Visual Builder est votre première étape dans l'univers de Divi.

Une fois le plugin Divi Builder activé sur votre site WordPress, le bouton "Utiliser le Divi Builder" se présente en haut de vos articles, pages et types de publication personnalisés.

Vous avez √©galement la possibilit√© de modifier la largeur de votre contenu via une zone de param√®tres dans l'√©diteur WordPress. D√®s cette phase, vous commencez √† entrevoir tout le potentiel que Divi peut apporter √† votre projet web. En ma√ģtrisant ce premier pas, vous ouvrez la porte √† une multitude d'options pour concevoir votre site.

Utilisation du bouton Divi Builder

Le bouton Divi Builder est votre clé pour une création de contenu intuitif. En cliquant dessus dans un article ou une page, un message s'affiche indiquant que "Cette mise en page est construite avec Divi".

En cliquant sur ce bouton, vous lancez le Divi Builder sur le front-end de votre site, rendant le processus de création plus fluide et plus interactif.

C'est peut √™tre la passerelle vers un environnement o√Ļ la cr√©ation de contenu est plus visuelle et moins technique.

2. Construire et √Čditer avec Divi

√Čdition avec Divi Theme builder

Lors de la création d'un nouvel article ou d'une nouvelle page, Divi présente une alternative séduisante à l'éditeur WordPress par défaut. Vous pouvez choisir d'utiliser Divi Builder ou de rester avec l'éditeur WordPress traditionnel.

Il est également possible de lancer Divi Builder directement depuis le front-end via la barre d'administration WordPress, facilitant ainsi la création de nouvelles pages et la modification des existantes. Cette flexibilité offre une approche plus visuelle et interactive du design de votre site.

Construire votre mise en page avec Divi

Avec Divi, la structuration de votre contenu devient une t√Ęche ais√©e et flexible avec le page builder de Elegant Themes. Vous pouvez lancer Divi directement depuis le front-end via la barre d'administration WordPress.

Le lien "Enable Visual Builder" appara√ģt sur votre site si vous √™tes connect√©, vous permettant ainsi de voir et d'interagir avec votre mise en page en temps r√©el.

Cette approche en temps réel est un avantage majeur qui peut vous permet de vous faire voir les changements au fur et à mesure que vous pourrez les effectuez.

3. Options de Conception Avancées

Activation du Visual Builder

Le Visual Builder de Divi peut fonctionner en harmonie avec l'√©diteur Gutenberg gr√Ęce au bloc de mise en page Divi (Divi Layout Block).

Cette int√©gration permet d'ins√©rer le Divi Layout Block dans n'importe quelle zone de votre page, et peut √™tre positionn√© √† c√īt√© des blocs d'√©diteur WordPress r√©guliers. C'est un exemple de la fa√ßon dont Divi s'efforce de cr√©er une transition fluide entre les diff√©rents environnements d'√©dition sur WordPress.

Bloc de mise en page Divi

Le Divi Layout Block est une porte ouverte à une création de contenu avancée. Vous pouvez insérer plusieurs Divi Layout Blocks dans votre contenu, créer de nouvelles mises en page ou charger des mises en page précédemment enregistrées depuis votre Divi Library.

Cette fonctionnalité enrichit considérablement vos options de création de contenu, vous permettant d'explorer de nouvelles dispositions et de personnaliser davantage votre site.

Mises en page de Divi

Lors du lancement de Divi, trois options s'offrent à vous : créer une nouvelle mise en page à partir de zéro, choisir une mise en page prédéfinie, ou cloner une page existante. Si vous optez pour une mise en page prédéfinie, la Divi Library se charge et affiche tous les designs prédéfinis. Ces options accélèrent le processus de conception et vous permettent de démarrer rapidement, tout en ayant la possibilité d'ajuster et de personnaliser les mises en page selon vos besoins.

4. Exploration des Ressources de Divi

√Čcran de S√©lection de Divi

Lorsque vous choisissez une mise en page prédéfinie, l'écran de sélection de Divi vous présente une bibliothèque riche de plus de 1 100 mises en page disponibles et 149 packs de mises en page, classés en 13 catégories.

Vous avez la possibilité de rechercher une mise en page spécifique ou de visualiser vos mises en page enregistrées. Cet écran est un hub central pour accéder à une variété de designs, facilitant ainsi le choix de la base de votre conception.

Chargement d'une Mise en Page depuis la Bibliothèque

Les packs de mises en page offrent une solution rapide pour la conception de votre site.

Un pack de mise en page comprend des designs pour plusieurs zones de votre site, comme la page d'accueil, le blog, la page à propos, et la boutique.

La visualisation en direct du design en cliquant sur le bouton de démo est donc un gain de temps considérable, vous permettant d'avoir un aperçu instantané de la manière dont le design sélectionné se présentera sur votre site.

5. Personnalisation et Gestion des Designs

Pack de destination

Divi de Elegant Themes intègre les mises en page directement dans la zone de contenu principal des articles, pages, et types de publication personnalisés.

L'importation d'une mise en page dans un article avec affichage d'une barre latérale est simple, à moins que vous ne choisissiez de la supprimer manuellement.

Cette fonctionnalité offre une flexibilité pour personnaliser chaque partie de votre contenu, rendant ainsi chaque page unique selon vos préférences.

Disposition

Après avoir importé une mise en page, la personnalisation du design commence. Vous pouvez enregistrer les modifications pour une utilisation future et catégoriser les mises en page, ce qui est utile au fur et à mesure que votre bibliothèque de mises en page s'agrandit.

Divi facilite la personnalisation, rendant le processus créatif plus agréable et moins fastidieux.

6. Gestion et Organisation avec Divi

Ajout à la Bibliothèque

Le menu principal Divi offre des liens vers le Divi Theme Builder et la Divi Library, facilitant la création de modèles de pages uniques avec des en-têtes, des corps et des pieds de page définis.

Vous pouvez assigner n'importe quelle mise en page à vos modèles et définir précisément les zones à afficher, rendant la gestion de vos designs plus structurée et organisée.

Admin Menu

Avec le Divi Theme Builder, créez des templates de pages uniques et assignez n'importe quelle mise en page à vos templates. Définissez précisément les zones de votre site à afficher, comme une template pour votre page d'accueil, blog, boutique en ligne, pages d'erreur 404, et une série d'articles de blog. Le menu admin de Divi centralise la gestion de vos templates, simplifiant l'organisation de votre site.

Ajout d'un Nouveau Template

Chaque mise en page enregistr√©e sera affich√©e dans la page principale de la Divi Library, o√Ļ vous pouvez acc√©der √† toutes les mises en page, modifier les cat√©gories de mise en page, et importer/exporter des mises en page depuis cette zone. L'ajout de nouveaux templates est une fonctionnalit√© cl√© pour maintenir une coh√©rence dans le design de votre site.

7. Manipulation des Layouts

Divi Library

En choisissant d'éditer une mise en page depuis la page principale, votre mise en page sera affichée en Vue Fil de Fer. Cette mode ressemble à l'aspect du legacy builder, et offre une excellente façon de visualiser la structure de votre mise en page et d'apporter des modifications rapides. La Divi Library est un outil puissant pour gérer et organiser vos mises en page.

√Čdition d'une Mise en Page Enregistr√©e

La collection extensive de mises en page prédéfinies de Divi vous aide à créer des designs remarquables en quelques minutes. C'est un excellent point de départ pour vos propres mises en page personnalisées, et en explorant les mises en page disponibles, vous pouvez apprendre davantage sur le fonctionnement de Divi.

Divi, avec sa large collection de layouts prédéfinis et son système de templates, offre une plateforme robuste pour créer des designs professionnels rapidement.

Sa compatibilité avec l'éditeur Gutenberg de WordPress ajoute une flexibilité supplémentaire, rendant Divi une option attrayante pour tous les niveaux d'utilisateurs.

Son intégration fluide avec WordPress et la possibilité de personnalisation profonde font de Divi un choix de prédilection pour les créateurs de contenu de tous horizons.

FAQs

Quels sont les types de sites internet ?

Voici une liste des types de internet pour lequel Divi est adapté :

1. Sites  d'Entreprises

Divi se prête idéalement à la création de sites d'entreprises, offrant des options pour présenter de manière claire les services, l'équipe et les témoignages des clients sur les sites.

Son design professionnel peut être adapté à l'identité de la marque, rendant chaque page représentative de l'entreprise.

2. Blogs

Pour les blogs, Divi propose une mise en page attrayante qui facilite la lecture, tout en permettant une intégration aisée des médias.

Le contenu peut ainsi être enrichi par des images ou vidéos, rendant le blog plus interactif et engageant.

3. Portfolios

Les créatifs peuvent bénéficier de la flexibilité de Divi pour créer des portfolios de leur design visuellement attrayants.

La présentation des projets est intuitive, et les galeries images interactives ajoutent une dimension très dynamique à la visualisation des travaux.

4. Boutiques en ligne

Gr√Ęce √† sa compatibilit√© avec WooCommerce, Divi est un d'un choix judicieux pour les boutiques d'un en ligne.

Les modules spécifiques facilitent la gestion des produits et des transactions, assurant une expérience d'achat fluide pour les clients.

5. Sites Web √Čducatifs

Les sites éducatifs peuvent profiter de Divi pour partager des cours, gérer les programmes et les inscriptions en ligne.

Les forums de discussion intégrés sur Divi favorisent l'interaction entre apprenants et enseignants.

6. Sites d'√Čv√©nements

Divi excelle aussi bien dans la création de sites d'événements, avec des fonctionnalités dédiées à la promotion ou comme la gestion des événements, ainsi qu'à l'inscription en ligne.

Les quelques informations clés garantissent une bonne visibilité pour tout projet.

7. Forums et Communautés

En intégrant facilement des plugins pour forums, Divi est également adapté à la création de forums et communautés en ligne.

La gestion des membres et des discussions est intuitive, favorisant l'engagement et l'interaction au sein de la communauté.

Conclusion

Le module Divi de Elegant Themes est un des thèmes puissant permettant de créer n'importe quel type de design et de site web sur WordPress.

Que vous cherchiez à utiliser un ensemble de templates prêts à l'emploi ou que vous souhaitiez faire construire un site WordPress avec un theme personnalisé dès le départ, comme Divi et son constructeur de pages répondent à ces besoins sans nécessité de modifier le code.

Cependant, un temps d'adaptation sera n√©cessaire pour ma√ģtriser l'interface utilisateur du constructeur Divi et de chaque theme afin d'en exploiter pleinement les avantages du design.

Si vous êtes pressé, utiliser les templates préconçus de chaque theme, esthétiquement plaisants de Divi, peuvent être déployés très rapidement.

Pour explorer davantage cet effet, la vitrine clientèle vous offre un aperçu des réalisations possibles avec Divi.

Table des matières
>
Partagez cette atuce