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

Publié le 31/05/2021 | 4 commentaires

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…

Annonce : cet article contient des liens d’affiliation que vous reconnaitrez facilement. Les liens classiques sont en violet et les liens sponsorisés sont en rose.

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 😉

pinterest divi supreme pro fr2 114
pinterest divi supreme pro fr1 114
pinterest divi supreme pro en 114

1,221 mots

5

Ça devrait vous plaire aussi :

Product Carousel pour Divi et WooCommerce

Product Carousel pour Divi et WooCommerce

Si vous cherchez un moyen pour faire défiler les produits de votre boutique WooCommerce dans un carrousel élégant, l’extension « Product Carousel » peut vous aider. Elle est simple et rapide à utiliser, le résultat est à la hauteur des attentes.

Popups for Divi : un plugin gratuit très malin !

Popups for Divi : un plugin gratuit très malin !

Les plugins gratuits pour Divi sont plutôt rares, mais « Popups for Divi » est drôlement efficace et simple à utiliser. Ce plugin convertit n’importe quelle section Divi en une fenêtre surgissante. Je vous explique comment l’utiliser.

4 Commentaires

  1. Mélissa

    Cela fait un an que je l’utilise pour plusieurs sites réalisés et c’est vraiment génial. Parmi les modules proposés, il y en a un que j’adore, c’est « Supreme Contact Form 7 » qui m’a permis de customiser les formulaires de contact pour une association (voir ici : https://ensembleautrement.be/). C’est vraiment une extension indispensable qui vaut largement son prix !

    Merci Lycia pour cet article et la vidéo 😉 (d’ailleurs, je viens de m’abonner à ta chaîne Youtube, ce n’était pas fait 😱)

  2. Lycia Diaz

    Merci Mélissa. Oui en effet, je le trouve super. Je pense que je vais acheter la version Lifetime illimitée qui n’est accessible (apparemment) que durant un court laps de temps (car j’ai acheté la version 1 an). A bientôt.

  3. Denis

    Super article comme d’habitude !
    J’ai découvert le therme « Lotties », je ne savais pas que ce type d’images s’appelait comme ça…du coup j’attend le tuto avec impatience.
    Merci Lycia

  4. Lycia Diaz

    Ah super ! Ok je vais m’en occuper

Soumettre un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Je souhaite recevoir les news du blog Astuces Divi !

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

Pin It on Pinterest

Shares
Share This