Divi Supreme Pro : ajoutez 49 modules supplémentaires au sein du Divi Builder !

J’ai testé pour vous Divi Supreme Pro qui ajoute 49 nouveaux modules supplémentaires dans le Divi Visual Builder… Comme si les 46 modules déjà existants ne suffisaient pas 🤣 !

Je dois avouer que ce plugin pour Divi est vraiment intéressant, pour ne pas dire indispensable !

Dans cet article, je fais le tour du propriétaire et, en prime, je vous propose une vidéo dans laquelle je teste « sans filet » quelques-uns de ces modules…

1 – Qu’est-ce que Divi Supreme ?

Divi Supreme est une extension que vous pouvez installer sur votre site si vous utilisez le thème Divi ou le thème Extra.

Une version gratuite de Divi Supreme existe, je vous l’avais fait découvrir lors d’un article dédié aux plugins gratuits pour Divi. Celle-ci ajoute environ 20 nouveaux modules.

En version pro, Divi Supreme ajoute 49 nouveaux modules, et d’autres « seraient » en cours de développement.

Ce qui est appréciable, c’est qu’une fois installé, vous n’avez rien à paramétrer, tout se passe au niveau du Divi Builder.

Divi Supreme Pro utilise la même logique d’utilisation du Visual Builder : vous ajoutez un module au sein de votre mise en page, puis vous le paramétrez grâce aux options proposées.

Son prix ? 79$ pour un nombre illimité de sites et 1 an de mises à jour et de support. Ensuite, libre à vous de renouveler votre licence pour continuer à recevoir les mises à jour.

Divi Supreme Pro avait été mis en avant sur le blog d’ElegantThemes et ce plugin est également disponible au sein de la marketplace officielle d’ElegantThemes. De plus, la version gratuite est utilisée par plus de 90.000 sites. Nous sommes donc ici sur un produit « de confiance » qui ne risque pas de disparaitre d’aussitôt…

2 – Pourquoi ajouter 49 nouveaux modules ?

C’est une bonne question ! Les modules natifs de Divi permettent déjà de réaliser des mises en page très sophistiquées, mais quelques éléments peuvent manquer à l’appel. Disons que ce sont des éléments qui peuvent faire la différence entre un site à la mise en page « classique » et un site à la mise en page un peu plus « Rock’n’roll ».

Si vous créez des sites pour vos clients, vous aurez peut-être besoin de Divi Supreme Pro. Et même si vous créez simplement votre site, d’ailleurs…

Besoin de maitriser Divi ? Découvrez ma formation qui vous accompagne pas à pas dans la compréhension et l’utilisation de Divi ! En savoir plus sur la formation Divi.

Découvrons maintenant les modules proposés par Divi Suprême Pro…

3 – Les 49 modules de Divi Supreme Pro

Pour obtenir un meilleur aperçu des modules offert par Divi Supreme Pro, je les ai classé par catégorie d’utilisation.

3.1 – Les 13 modules pour le texte

Pour construire une mise en page, nous avons besoin d’afficher du texte. Si votre page d’accueil, par exemple, affiche trop de texte, cela pourrait faire fuir les internautes…

Pourtant, le texte est bon pour le SEO, nous le savons tous !

Avec Divi Supreme Pro, vous pourrez aérer vos mises en page en affichant du texte d’une manière plus originale, plus conviviale et plus design !

Pas moins de 13 modules sont là pour vous aider. Du texte dégradé au texte en rotation, en passant par du texte animé, voici ce que vous trouverez :

• Gradient Text
• Flipbox
• Text Divider
• Text Badges
• Glitch Text
• Typing Effect
• Shuffle Letter
• Dual Heading
• Animated Gradient Text
• Mask Text
• Text Rotator
• Block Reveal Text
• Text Notation

Parmi eux, le Typing Effect est souvent demandé par mes élèves ou mes clients. Le texte en Flipbox peut donner un côté dynamique à vos mises en page. Et le Text Divider permet séparer vos diverses sections avec des titres. Quant au Text Rotator, il peut également donner un côté dynamique à certains mots, pour les mettre en évidence, à condition de ne pas en abuser !

Le saviez-vous ? Vous pouvez tester Divi gratuitement en vous rendant sur cette page et en cliquant sur « TRY IT FOR FREE »

3.2 – Les 14 modules pour les images

Toutes aussi importantes que les textes, les images sont omniprésentes sur les sites web… Bien que le module Image de Divi offre quelques options de personnalisation comme l’ajout d’une bordure, d’une ombre, l’application de filtres, etc., il est toutefois impossible d’obtenir des designs plus originaux…

Divi Supreme Pro vient alors avec 14 nouveaux modules ! Certains sont plutôt basiques et d’autres sont quasi-indispensables… Disons que s’il fallait les coder dans un thème enfant, on serait dans la panade 😉 !

• Supreme Image
• Floating Multi Image
• Image Text Reveal
• Image Hover Reveal
• Image Carousel
• Tilt Image
• Scroll Image
• Image Hotspots
• Block Reveal Image
• Before After Image Slider
• Lottie
• Masonry Gallery
• Image Accordion
• Blob Shape Image

Parmi ces modules, je pense que le Masonry Gallery est très utile. Il permet d’afficher des images à la façon de Pinterest. Chose impossible avec le module Galerie de Divi.

Ensuite, le module Scroll Image est super pour afficher de longues images et il vous évite de le coder « à la main » comme je l’expliquais dans cet article pour faire défiler une image au survol de la souris.

Le module Before After Image Slider est également utile pour afficher des images « avant-après ». C’est idéal pour les sites de photographe ou pour les métiers de la mode ou de l’artisanat.

Enfin, le module Lottie vous permet d’importer en 2 clics des Lotties, ces images animées plus jolies et plus légères que les GIFs !

3.3 – Les 4 modules pour les icônes et les formes

Quatre modules vous permettrons de jouer avec les icônes et les formes…

• Icon Divider
• Star Rating
• Icon List
• Shapes

Le module Icon List manque cruellement au sein du Visual Builder et Divi Supreme nous permet de l’utiliser. Dommage qu’il ne propose pas de nouvelles icônes. Par contre, l’avantage est que vous pouvez utiliser des images à la place des icônes, cela signifie que vous pourrez importer vos propres icônes personnalisées !

3.4 – Les 5 modules pour les réseaux sociaux

A-t-on vraiment besoin de ces modules dédiés presque exclusivement à Facebook ? Je ne pense pas, mais le reste des modules sont tellement utiles qu’on en oublie que certains ne le sont pas…

• Facebook Like Button
• Facebook feed
• Facebook Comment
• Facebook Embed
• Twitter Timeline

3.5 – Les 3 modules pour les formulaires et les maps

• Contact Form 7
• Embed Google Map
• Caldera Forms

Nous n’avons pas vraiment besoin de modules pour intégrer un formulaire Contact Form 7 ou Caldera Forms, ni même pour embarquer une carte Google Map au sein d’une mise en page. Le module Texte de Divi est suffisant…

Toutefois, Divi Supreme offre une meilleure intégration de ces éléments avec de nombreuses options permettant de personnaliser les couleurs, les tailles, les boutons, etc.

3.6 – Les 10 autres modules Divi Supreme Pro utiles

Mais ce n’est pas tout ! Il y a encore une dizaine de modules à découvrir…

• Menu
• Price list
• Business Hour
• Card Carousel
• Supreme Button
• Card
• Breadcrumbs
• Content toggle
• Blog Carousel
• Post Carousel

Le module Blog Carousel permet d’afficher d’une manière originale et élégante vos derniers articles de blog. Le module Breadcrumbs vous évite d’installer un plugin tiers pour afficher un fil d’Ariane. Le module Content Toggle permet d’afficher un texte ou un autre. Et le module Price List est idéal pour les sites de restaurants…

4 – Découverte de Divi Supreme Pro en vidéo

J’ai pensé que découvrir Divi Supreme Pro en même temps que vous serait une bonne idée… Je n’ai pas tout testé mais la prise en main est très facile et le résultat est satisfaisant :

Découvrez d’autres plugins compatibles avec Divi… et qui vous veulent vraiment du bien 😉