Divi Review : Comment cet outil de construction de site Web économise des heures sur la conception de site Web

Si vous avez déjà essayé de construire un site Web à partir de zéro, vous connaissez la lutte : des plugins infinis, des dispositions confuses, et des heures perdues simplement pour essayer de faire en sorte que les choses aient l’air correctes.

C’est pourquoi Divi a attiré mon attention. Ce constructeur WordPress ne fournit pas seulement un modèle ; il vous permet de concevoir votre site Web exactement comme vous le souhaitez, sans nécessité de codage. Divi simplifie les choses tout en offrant la flexibilité pour créer des sites Web uniques.

Dans cette revue de Divi, je discuterai des avantages et des inconvénients, de ce qu’il est, de qui il est le mieux adapté, et de ses fonctionnalités clés. Ensuite, je vous montrerai comment j’ai utilisé le plugin Divi pour générer un article entier en quelques minutes.

Je terminerai l’article en comparant Divi avec mes trois alternatives principales (Wix, B12 et Brizy). À la fin, vous saurez si c’est adapté à vos besoins !

Jugement

Divi est un constructeur de site Web qui crée sans effort des sites Web personnalisables sans codage. Cependant, il peut être plus lent si non optimisé, et les modèles par défaut peuvent paraître peu originaux s’ils ne sont pas modifiés.

Qu’est-ce que Divi ?

Divi est un thème WordPress populaire avec un puissant constructeur de page visuel développé par Elegant Themes. Vous pouvez l’utiliser pour créer des sites Web entièrement personnalisables sans écrire de code grâce à son interface de glisser-déposer.

Divi est l’un des noms les plus reconnaissables dans l’espace des constructeurs de page WordPress. Cependant, beaucoup ne réalisent pas qu’il s’agit en fait de deux produits en un. À son cœur, Divi fonctionne à la fois comme un thème WordPress complet et comme un plugin de constructeur de page autonome pour la flexibilité.

La double nature de Divi

Contrairement aux thèmes WordPress traditionnels qui vous verrouillent dans des dispositions prédéterminées et des options de personnalisation limitées, Divi brise complètement ces barrières.

Le thème fournit une base de contenu propre et réactive. Pendant ce temps, le plugin de constructeur de page transforme l’édition de site Web en une expérience de glisser-déposer.

Cette approche double signifie que vous pouvez appliquer les capacités de construction de Divi à n’importe quel thème WordPress via le plugin, ou utiliser le thème Divi complet pour une expérience entièrement intégrée. Vous obtenez la flexibilité d’utiliser Divi avec les thèmes que vous aimez déjà.

De thème simple à puissance visuelle

Elegant Themes a lancé Divi en 2013 en tant que thème WordPress, mais il a subi une transformation dramatique au cours de la dernière décennie.

La version originale utilisait une interface de backend. Cependant, elle n’offrait pas les options d’édition visuelle en temps réel.

L’introduction du Constructeur visuel en 2016 a marqué un tournant. Les utilisateurs pouvaient désormais éditer leurs sites Web directement sur le frontend avec des aperçus en temps réel.

Les mises à jour ultérieures ont ajouté des fonctionnalités avancées, notamment :

• Intégration de contenu dynamique
• Contrôles CSS personnalisés
• La fonctionnalité de Constructeur de thème (conception d’en-têtes, de pieds de page et de modèles de page entiers)

La philosophie derrière la construction visuelle

Divi vise à rendre la conception Web accessible en supprimant les barrières techniques. Dans le passé, les conceptions WordPress personnalisées nécessitaient des compétences en codage comme HTML, CSS et PHP, laissant beaucoup coincés avec des modèles de base.

Le constructeur visuel supprime les barrières techniques avec des contrôles faciles pour les couleurs, les polices et les espacements. Il va au-delà de la construction de page pour couvrir la conception de site Web complète.

Intégration avec l’écosystème WordPress

Divi fonctionne sans problème avec WordPress, en gardant le contenu dans des formats standard qui restent intacts même si Divi est désactivé.

Divi fonctionne bien avec des plugins WordPress populaires pour le SEO, le commerce électronique, les formulaires et la sécurité. Il s’intègre avec WooCommerce pour vendre des produits en ligne et prend en charge des outils comme Yoast SEO pour maintenir les conceptions optimisées pour la recherche.

Le système prend également en charge le multisite WordPress. Cela signifie que les grandes organisations peuvent gérer de nombreux sites Web à partir d’une seule installation.

Pour qui Divi est-il le mieux adapté ?

Voici les types de personnes pour lesquelles Divi est le mieux adapté :

• Les freelancers et les concepteurs Web peuvent utiliser Divi pour créer des sites Web entièrement personnalisables sans codage.
• Les petites et moyennes entreprises peuvent utiliser Divi pour construire des sites Web professionnels comme des portfolios, des blogs et des pages de services avec un contrôle de conception complet.
• Les agences et les développeurs peuvent utiliser Divi pour accélérer les projets de conception Web avec des dispositions prémontées.
• Les propriétaires de magasins en ligne peuvent utiliser Divi pour concevoir des magasins WooCommerce avec des pages de produits et des flux de paiement personnalisés.
• Les marketeurs peuvent utiliser Divi pour exécuter des tests A/B et construire des sites Web optimisés pour le SEO.
• Les établissements d’enseignement et les organisations à but non lucratif peuvent utiliser Divi pour créer plusieurs sites Web sous une seule licence pour gérer différents départements ou programmes.

Fonctionnalités clés de Divi

Voici les fonctionnalités clés de Divi AI :

• Constructeur de glisser-déposer : édition visuelle en temps réel sur le frontend et le backend.
• Constructeur de thème : conception d’en-têtes, de pieds de page, de modèles et plus.
• Dispositions et modèles : des milliers de conceptions de modèles et de sites de démarrage.
• Contrôles réactifs : personnalisation pour le bureau, la tablette et le mobile.
• Styles globaux : sections réutilisables et mises à jour de conception synchronisées.
• Options avancées : polices, couleurs, espacements, animations et CSS personnalisés.
• Outils AI : génération de contenu et accélération de la construction.
• WooCommerce : 20+ modules pour des pages de magasin et de produits personnalisées.
• Stockage et gestion : Divi Cloud et Dash pour le stockage et la gestion en nuage.
• Contenu dynamique : auto-insérer des titres, des images, des dates et plus.
• Bibliothèque de modules riche : texte, images, formulaires, diaporamas, galeries et plus pour construire des dispositions de site Web.
• Performances : optimisé pour la vitesse, le SEO et l’accessibilité.

Comment utiliser Divi

Voici comment j’ai installé le plugin Divi AI et utilisé pour générer un article entier en quelques minutes :

1. Inscrivez-vous à Divi AI
2. Connectez-vous à Elegant Themes
3. Téléchargez Divi
4. Ajoutez le plugin Divi
5. Téléchargez et installez le plugin Divi
6. Activez le plugin
7. Ajustez les paramètres du plugin Divi
8. Générez un article
9. Éditez avec le constructeur Divi
10. Commencez à construire
11. Générez une disposition avec l’IA
12. Authentifiez votre abonnement Elegant Themes
13. Accédez à votre nom d’utilisateur et à votre clé API
14. Générez une clé API
15. Authentifiez votre compte
16. Descrivez la page
17. Choisissez les images et les polices
18. Générez la disposition

Étape 1 : Inscrivez-vous à Divi AI

J’ai commencé par aller à elegentthemes.com et aller à “Obtenir Divi AI.”

Étape 2 : Connectez-vous à Elegant Themes

Après avoir obtenu Divi Pro, j’ai été redirigé pour me connecter à Elegant Themes.

Étape 3 : Téléchargez Divi

Une fois connecté, j’ai été présenté avec deux façons de télécharger Divi :

• Thème Divi (thème WordPress complet et constructeur de page)
• Plugin Divi Builder (constructeur de page visuel)

Sélectionnez le thème Divi si vous construisez un site Web à partir de zéro et que vous souhaitez utiliser Divi comme thème. Si vous avez déjà un thème installé sur votre site Web WordPress et que vous êtes satisfait, téléchargez le plugin Divi.

Dans mon cas, j’avais déjà un thème installé sur mon site Web WordPress que j’aimais. J’ai sélectionné “Télécharger le plugin Divi.”

Étape 4 : Ajoutez le plugin Divi

Immédiatement, le plugin Divi a commencé à télécharger sur mon ordinateur.

À partir de mon tableau de bord WordPress, j’ai survolé “Plugins” et suis allé à “Ajouter un plugin.”

Étape 5 : Téléchargez et installez le plugin Divi

Ensuite, j’ai cliqué sur “Télécharger le plugin”, sélectionné le fichier ZIP du plugin Divi et sélectionné “Installer maintenant.”

Étape 6 : Activez le plugin

À partir de là, j’ai cliqué sur “Activer le plugin.”

Étape 7 : Ajustez les paramètres du plugin Divi

Après avoir installé et activé le plugin, j’ai remarqué un nouvel élément de menu “Divi” dans mon tableau de bord WordPress. C’est là que je pouvais ajuster les paramètres du plugin, créer des modèles de site Web, ajouter des dispositions et attribuer.

Étape 8 : Générez un article

Ensuite, j’ai voulu générer une publication avec Divi. J’ai allé à mes publications et sélectionné l’une d’elles. J’ai sélectionné le bouton Divi violet en haut.

Étape 9 : Éditez avec le constructeur Divi

Ensuite, j’ai sélectionné “Éditez avec le constructeur Divi.”

Étape 10 : Commencez à construire

Cela m’a emmené au Constructeur visuel, où je pouvais soit commencer à construire avec Divi, soit faire le tour. J’ai décidé de plonger et de commencer à construire.

Étape 11 : Générez une disposition avec l’IA

Divi m’a présenté trois options pour commencer à construire :

1. Utilisez le contenu existant : conservez le contenu de page existant tout en utilisant le constructeur Divi.
2. Choisissez un modèle prémonté : sélectionnez parmi des centaines de dispositions prêtes à l’emploi, utilisez l’une de vos dispositions enregistrées ou dupliquez une page existante.
3. Construisez avec l’IA : décrivez le contenu de votre page et laissez Divi AI construire votre page avec un simple clic de bouton.

Naturellement, j’étais le plus curieux de la troisième option : Construisez avec l’IA. Non seulement c’était la façon la plus simple de construire avec Divi, mais je voulais voir ce que Divi AI était capable de faire.

Étape 12 : Authentifiez votre abonnement Elegant Themes

Avant de générer du texte avec Divi AI, j’ai dû authentifier mon abonnement Elegant Themes avec une clé API et un nom d’utilisateur.

Étape 13 : Accédez à votre nom d’utilisateur et à votre clé API

Pour localiser mon nom d’utilisateur et ma clé API, j’ai connecté à mon compte Elegant Themes, survolé “Compte” et sélectionné “Nom d’utilisateur et clé API.”

Étape 14 : Générez une clé API

Au bas, j’ai sélectionné “Générez une nouvelle clé API.”

Étape 15 : Authentifiez votre compte

À partir de là, j’ai copié et collé mon nom d’utilisateur et ma clé API dans les champs vides sur WordPress et cliqué sur “Soumettre.”

Étape 16 : Descrivez la page

Ensuite, Divi m’a demandé de décrire la page que je voulais qu’il crée. De manière facultative, je pouvais décrire mon site Web. Pour obtenir les meilleurs résultats, je vous recommande de fournir les deux.

Voici la invite que j’ai donnée à Divi :

“Créez une revue de Kittl, y compris le verdict, les avantages, les inconvénients, ce qu’il est, pour qui il est le mieux adapté, ses fonctionnalités clés, comment l’utiliser et les trois meilleures alternatives.”

J’ai également fourni à Divi une description de mon site Web :

“Ce site Web propose les meilleurs outils de conception, les ressources et l’inspiration qui sont classés et révisés par un concepteur graphique.”

Étape 17 : Choisissez les images et les polices

Il y avait également trois types d’images que je pouvais obtenir Divi pour utiliser sur ma page :

1. Images de stock
2. Images générées par l’IA
3. Images de remplissage

Enfin, je pouvais personnaliser les polices et les couleurs de ma page.

J’ai décidé de laisser l’IA générer les images pour moi et de choisir les couleurs et les polices pour voir ce qu’il allait créer.

Une fois que tout était rempli, j’ai cliqué sur “Générez la disposition.”

Étape 18 : Générez la disposition

Quelques minutes plus tard, Divi a généré un article entier dans une disposition organisée qui était entièrement personnalisable. Je pouvais survoler n’importe quel bloc pour le déplacer, le dupliquer, le supprimer et plus. Je pouvais également accéder aux paramètres pour mettre à jour le contenu et la conception.

Bien que les résultats ne soient pas parfaits et que le contenu nécessite une vérification des faits, le plugin Divi AI s’est avéré être un outil puissant pour lancer la création de contenu et la conception. Il a économisé du temps, fourni une structure et a rendu facile la personnalisation de chaque détail sans avoir à partir de zéro.

Les trois meilleures alternatives à Divi

Voici les meilleures alternatives à Divi que je recommanderais.

Wix

La première alternative à Divi que je recommanderais est Wix. Wix est un constructeur de site Web convivial avec édition de glisser-déposer. Il est conçu pour ceux qui ont peu ou pas d’expérience en conception Web.

D’une part, Wix se distingue par sa solution entièrement hébergée. Cela signifie que vous n’avez pas à gérer l’hébergement ou la maintenance, et qu’il inclut des fonctionnalités comme le constructeur de site Web AI pour la création de site Web assistée par l’IA.

D’autre part, Divi offre des options de conception plus avancées avec des constructeurs frontend et backend, un constructeur de thème complet et une intégration avec les plugins WordPress et WooCommerce.

Pour une solution d’hébergement tout-en-un et une conception assistée par l’IA, choisissez Wix. Pour un contrôle créatif complet et une intégration WordPress, choisissez Divi !

Visitez Wix ou lisez mon avis sur Wix !

B12

La prochaine alternative à Divi que je recommanderais est B12. B12 est une plate-forme AI qui aide spécifiquement les entreprises à créer et à lancer rapidement des sites Web professionnels avec peu d’efforts ou de compétences techniques.

B12 utilise l’IA pour accélérer la conception et la création de contenu. C’est une excellente option pour quiconque veut générer un site Web professionnel rapidement avec un SEO intégré.

Pendant ce temps, Divi se distingue par son constructeur visuel et ses options de personnalisation. Divi rend facile la création de sites Web personnalisés avec un contrôle sur chaque élément. Il s’intègre également à WooCommerce et à une grande bibliothèque de dispositions prémontées.

Pour une personnalisation de conception profonde et un contrôle total sur les éléments du site Web, choisissez Divi. Pour une création de site Web instantanée avec l’IA, choisissez B12 !

Brizy

La dernière alternative à Divi que je recommanderais est Brizy. Brizy facilite la création de sites Web attractifs et réactifs avec une édition de glisser-déposer, 180+ modèles prémontés et une interface propre.

Brizy se concentre sur la simplicité et la rapidité. Il offre également une collaboration en nuage et des performances plus légères et plus rapides.

Pendant ce temps, Divi se distingue par son Constructeur de thème pour un contrôle total sur les en-têtes, les pieds de page et les modèles. Il prend également en charge WooCommerce avec des modules de commerce électronique dédiés et des fonctionnalités de stylisation globale.

Choisissez Divi pour un contrôle de conception complet, des modèles personnalisés et un fort soutien WooCommerce. Sinon, choisissez Brizy pour la rapidité, la simplicité et la collaboration.

Avis de Divi : L’outil approprié pour vous ?

Après avoir testé Divi moi-même, je peux affirmer avec confiance qu’il trouve un équilibre solide entre flexibilité et facilité d’utilisation. Le constructeur de glisser-déposer, les milliers de modèles et les options de personnalisation m’ont donné plus de contrôle que je n’en ai eu avec la plupart des outils. De plus, les fonctionnalités AI m’ont aidé à construire plus rapidement.

Pour moi, Divi est un excellent choix car je valorise la liberté créative, la personnalisation approfondie et la capacité de faire évoluer les projets sans codage. Cependant, si vous êtes curieux des meilleures alternatives à Divi, voici ce que je recommanderais :

• Wix est le meilleur choix comme solution d’hébergement tout-en-un avec pas de configuration technique et un constructeur AI.
• B12 est le meilleur choix pour créer rapidement des sites Web professionnels pour les entreprises.
• Brizy est un constructeur léger, simple et rapide avec des fonctionnalités de collaboration.

Merci d’avoir lu mon avis sur Divi ! J’espère qu’il vous a été utile. Essayez le thème Divi ou le constructeur de plugin et voyez comment vous vous en sortez !

Questions fréquentes

Quels sont les inconvénients de Divi ?

Divi a des inconvénients, notamment le fait qu’il peut être accablant pour les débutants en raison de ses nombreuses fonctionnalités. Il peut également ralentir le chargement de la page si non optimisé, en particulier sur des sites Web grands ou complexes.

Divi est-il meilleur que Wix ?

Wix est le meilleur choix pour les débutants qui veulent un site Web tout-en-un avec des modèles et une aide AI. Pendant ce temps, Divi est meilleur pour un contrôle de conception complet, une personnalisation et une intégration WordPress/WooCommerce.

Divi est-il meilleur que Squarespace ?

Divi est meilleur pour une personnalisation complète, un contrôle sur chaque élément de conception et une intégration WooCommerce. Squarespace est meilleur comme solution d’hébergement tout-en-un avec des modèles pour une installation rapide.

Divi est-il adapté aux débutants ?

Oui, Divi est adapté aux débutants. Son constructeur de glisser-déposer facilite la conception de sites Web sans codage, et la bibliothèque de modèles aide à créer rapidement des sites Web professionnels.

Divi utilise-t-il l’IA ?

Divi intègre des fonctionnalités AI via Divi AI, qui est intégré à Divi 5 et à son constructeur visuel. Avec Divi AI, vous pouvez générer du texte, des images, des extraits de code et même des sites Web entiers avec des invites simples.