Qu’est-ce que Divi Supreme Pro ?
Divi Supreme Pro est la version payante de l’extension Divi Supreme. Cette extension WordPress rajoute plus d’une cinquantaine de modules à votre site Divi pour vous permettre d’aller encore plus loin dans la personnalisation de votre site. Dans cet article, nous allons passer en revue l’ensemble des modules de l’extension afin de vous donner des idées pour améliorer le design de votre site internet ! Pour chaque module, nous vous indiquerons s’il est disponible dans la version Lite ou la version Pro. Sachez en revanche que vous devez impérativement installer la version Lite pour utiliser la version Pro.
Commencez par la version gratuite avec Divi Supreme Lite
Ce qu’il y a de bien avec cette extension, est que vous pouvez tester une partie des modules de manière complètement gratuite. En réalité, sur les 53 modules existants, 21 sont disponibles sans débourser le moindre euro. Vous pouvez donc télécharger gratuitement divi supreme lite et l’installer.
Prix Divi Supreme Pro
Avant de parler des nombreuses possibilités de personnalisation, commençons par discuter prix ! Il existe 3 types de licences. Tout dépendra du nombre de sites sur lequel vous souhaitez installer l’extension et pour combien de temps vous souhaitez bénéficier des mises à jour.
Licence Personal pour 49$
La license Personal sera très utile pour les personnes développant uniquement leur site internet. Vous aurez accès à
- L’utilisation sur un seul site
- L’ensemble des modules de personnalisation
- 1 an de mise à jour
- 1 an de support
- 8 extensions
- Des landing pages
- Paiement annuel
- 30% de remise pour lorsque vous renouvellerez votre abonnement après la première année
Licence Professionnal pour 79$
Contrairement à la licence Personnal, la licence Professionnal sera plutôt réservée aux freelances et aux développeurs qui vont développer des sites internet pour leur client. Avec cette licence, vous aurez droit à :
- L’utilisation de l’extension sur un nombre illimité de sites internet
- L’ensemble des modules de personnalisation
- 1 an de mise à jour
- 1 an de support
- 8 extensions
- Des landing pages
- Paiement annuel
- Une remise de 30% lors du renouvellement de votre abonnement
La licence Agency pour 219$
Enfin, la dernière licence est « Agency ». Comme son nom l’indique elle sera conseillée pour les agences web qui gèrent plusieurs dizaines, voire centaines de sites internet. Plus chère à l’achat que les autres licences, vous n’aurez en revanche pas besoin de renouveler votre licence pour bénéficier des mises à jour et du support. En effet, les mises à jour et le support sont offerts à vie pour les bénéficiaires de la licence Agency :
- Utilisation sur un nombre illimitée de site internet
- Accès à tous les modules de l’extension
- Mises à jour à vie
- Support à vie
- 8 extensions
- Accès aux landing pages
- Un seul paiement
À la découverte des modules Divi Supreme
C’est parti ! Nous allons vous montrer tous les modules de Divi Supreme Pro. Nous les avons classés selon leur catégorie d’utilisation :
- Modules Textes
- Modules Images
- Modules Formes, icônes et boutons
- Modules Réseaux Sociaux
- Modules Formulaires et maps
- Modules Divers
Modules Textes
Il existe à l’heure où nous écrivons ces lignes, 14 modules vous permettant de customiser vos textes.
Supreme Gradient Text
Ce module vous permet de mettre un dégradé de couleurs sur vos textes. De la même manière que vous le faites sur les fonds de vos sections, vous pouvez désormais l’appliquer sur vos textes. Ce module est disponible dans la version Lite.
Supreme Flipbox
Avec cette fonctionnalités, vous pouvez créer des boîtes appelées « flipbox » qui tourneront pour afficher des informations complémentaires. Plusieurs effets sont disponibles pour montrer les informations de la seconde box : sliders, flip, zoom… Dans l’exemple ci-dessous, nous avons choisis d’afficher des services, puis des informations complémentaires lors du survol de la souris. Supreme Flipbox est disponible dans la version Lite (gratuite).
Supreme Text Divider
Grâce à Supreme Text Divider vous pouvez créer de jolis titres agréable à lire à l’aide de bordures ajoutées autour du texte. Vous pouvez choisir le type de bordure (pleine, pointillée…) et l’alignement par rapport au texte (haut, milieu, bas). Il est également possible de placer la bordure uniquement sur la droite ou la gauche du titre, ou mettre votre titre au milieu. Ce module est également inclut dans la version gratuite.
Supreme Text Badges
Souvent utilisé pour les notifications, le module Supreme Text Badges va vous permettre, comme son nom l’indique, d’ajouter un badge à côté d’un texte. Très utile pour mettre un texte en valeur lors d’une promotion ou d’une nouveauté par exemple. Une fois de plus, ce module est disponible dans la version gratuite.
Supreme Glitch Text
Ce module vous permet, comme son nom l’indique d’ajouter un effet glitch à un texte. Pour être plus précis, vous ne pourrez l’utiliser que sur les titres. Vous aurez le choix entre 3 effets différents parmi ceux proposés. Il s’agit là du premier module de notre liste non inclus dans la version gratuite, il vous fera faire donc l’acquisition de Divi Supreme Pro pour pouvoir utiliser cet effet.
Supreme Typing Effect
L’effet typing effect vous permet d’ajouter un effet « machine à écrire » sur vos titres. C’est un module intéressant lorsque vous avez par exemple, plusieurs services à présenter. Ce module fait parti de la version gratuite de divi supreme.
Supreme Shuffle Letters
Ce module vous permet d’ajouter un effet pour mélanger les lettres d’un titre. Vous pouvez paramétrer les lettres qui serviront au « mélange » et la durée de ce dernier. A noter que seul les titres bénéficierons de cette fonctionnalité. Supreme Shuffle Letters est inclut dans la version pro.
Supreme Dual Heading
Ce module très intéressant vous permet de couper vos titres en 3 parties et de les styliser indépendamment l’une de l’autre. Vous pouvez, entre autre, choisir des typographies différentes, couleurs, et bien plus encore. Pour bénéficier de ce module, vous devrez acheter Divi Supreme Pro.
Supreme Animated Gradient Text
Le module Animated Gradient Text vous permet, comme son nom l’indique, de styliser un texte, ou plutôt encore une fois, un titre, en lui donnant un effet de dégradé animé. Vous devrez pour cela renseignez 4 couleurs différentes, pour un rendu qui ne laissera pas indifférent vos visiteurs. Là encore, ce module n’est pas inclut dans la version lite, il est uniquement disponible dans la version pro de Divi Supreme.
Supreme Mask Text
On poursuit sur nos modules textes avec Mask Text. Pour faire simple et pour ceux qui connaissent le logiciel Adobe Illustrator, il s’agit de la fonction de masque d’écrêtage. Vous allez pouvoir mettre un texte sur une image, et n’afficher que les parties de l’image où il y aura du texte. Le rendu peut vraiment être très joli. Cette fonctionnalité est uniquement disponible dans la version pro.
Supreme Text Rotator
Avec Supreme Text Rotator vous pouvez donner des effets à vos textes ! Choisissez parmi une sélection de 36 animations différentes pour faire apparaître vos textes de façon vraiment incroyable ! Ce module est uniquement disponible dans la version payante.
Supreme Block Reveal Text
Grâce à Supreme Block Reveal Text, vous allez pouvoir créer de nouvelles animations sur vos textes et les faire apparaître après un certain délai mais avec une nouveauté. Ces textes apparaîtront dans des blocs colorés qui révèleront vos textes. Vous devrez faire l’acquisition de Divi Supreme Pro pour bénéficier de ce super module.
Supreme Text Notation
Afin de mieux capter l’attention de vos visiteurs, vous devez utiliser des designs qui attirent l’œil. Mettez en valeur certaines parties de vos textes grâce à Supreme Text Notation avec une animation sur ou autour de vos textes. Vous pourrez choisir entre 7 différentes animations. Très utile par exemple pour indiquer des promotions sur vos produits pendant les soldes. Ce module est seulement disponible dans Divi Supreme Pro.
Supreme Text Path
L’un des tous derniers modules développé, Supreme Text Path vous permet de taper votre texte tout en suivant une ligne, que vous pouvez décider d’afficher ou non. 6 options sont disponibles par défaut :
- Wave
- Arc
- Circle
- Line
- Oval
- Spiral
Une dernière option vous permet de définir vous même la direction que prendra votre texte. Cette fonctionnalité est disponible dans Divi Supreme Pro. Ci-dessous, un exemple de l’effet Wave.
Modules Images
Intéressons nous désormais aux modules permettant de styliser vos images. Comme pour les modules textes, il en existe aujourd’hui 14.
Supreme Image
Ce module, disponible dans la version gratuite de Divi Supreme vous permet de transformer vos images en utilisant un effet 3D, l’agrandir lors d’un clic, changer d’image quand vous cliquez dessus. Il n’a malheureusement plus trop d’intérêt aujourd’hui, Divi ayant intégré ces fonctionnalités nativement dans son thème.
Supreme Floating Multi Images
Un de nos modules préférés ! Il est d’ailleurs mis en avant sur de nombreuses pages du site de Divi Supreme Pro. Cette fonctionnalité vous permet de faire flotter plusieurs images et d’attirer facilement l’œil de vos visiteurs. Uniquement disponible dans la version payante.
Supreme Image Text Reveal
Ce simple module va vous permettre d’afficher un texte lors du survol de la souris sur votre image. Très simple à mettre en place, et c’est un effet vraiment joli, d’autant plus que vous disposez de 43 styles différents pour faire apparaître votre texte ! Disponible uniquement dans la version payante.
Supreme Image Hover Reveal
Ce module va vous permettre d’animer vos images lors du survol de la souris. Un peu inutile à notre sens vu que vous ne pouvez pas afficher de seconde image, ça sera toujours la même image qui s’affichera. Il fait néanmoins parti de la version pro. 4 différents effets sont disponibles.
Supreme Image Carousel
Un effet plus qu’utile car très souvent demandé. Le carousel, plus connu sous son nom anglais « slider » permet de faire défiler des images horizontalement. Défilement par cran ou continu, il est très apprécié sur le web. Avec Supreme Image Carousel, ça sera un jeu d’enfant de créer un slider pour votre site ! Disponible dans la version payante.
Supreme Tilt Image
Ce module vous permet de créer un effet très original sur vos images. Un effet parallax tilt qui réagira au survol de votre souris. Vous pourrez également rajouter du texte et des icônes sur vos images ou au survol. C’est un effet très intéressant pour présenter par exemple les membres de votre équipe. Ce module est disponible uniquement avec Divi Supreme Pro.
Supreme Scroll Image
Clairement une des pépites de Divi Supreme Pro, ce module vous permet d’afficher une image très grande verticalement et de la faire scroller au clic de la souris. Très utile par exemple, pour nous, les développeurs web, qui souhaitons montrer le fruit de notre travail.
Supreme Image Hotspots
Une autre pépite de cette extension, Supreme Image Hotspots vous permet de placer des petites icônes sur des images qui vont s’afficher en surbrillance pour attirer l’attention de vos visiteurs. Au survol de la souris, vous pourrez configurer un texte. C’est une fonctionnalité redoutable pour afficher les caractéristiques d’un produit ou d’un service. Nous l’avons utiliser pour le compte d’un client qui vend des vérandas. Cette fonctionnalité est disponible dans la version payante.
Supreme Block Reveal Image
Ce module fonctionne exactement de la même manière que Supreme Block Reveal Text, si ce n’est qu’il est prévu pour les images. Les 2 modules se marient très bien entre eux pour faire de belles présentations sur vos sites internet. Disponible dans la version payante.
Supreme Before After Image Slider
Module également très intéressant, il va vous permettre de présenter 2 images pour montrer un « avant / après ». Cette fonctionnalité est très appréciée mais demandait un savoir faire sur les logiciels de montage photo. Avec Supreme Before After Image Slider, il sera très facile de l’implémenter sur votre site internet et de plus, tout sera interactif. Bonus : Disponible avec Divi Supreme Lite (version gratuite).
Supreme Lottie
Cette extension vous permet de rajouter des animations lottie à votre site. Ce sont des animations créée avec Adobe After Effect et exportable au format JSON. Très tendance actuellement. Vous pourrez vous servir de ce module dans la version gratuite.
Supreme Masonry Gallery
L’effet est très connu, le nom un peu moins. Masonry Gallery vous permet de créer une galerie d’image et de les afficher les unes à la suite des autres de manière optimale, peu importe leur orientation. Ce module est disponible uniquement avec Divi Supreme Pro.
Supreme Image Accordion
Comme son nom l’indique, vous pouvez créer un effet accordéon entre plusieurs images et les afficher au survol de la souris. Lorsque nous créons des sites internet pour entreprise, nous nous servons régulièrement de cette fonctionnalité pour présenter les différents membres des équipes. De plus, la fonctionnalité est disponible dans la version de divi supreme lite.
Supreme Blob Shape Image
Dernier module de notre section Images, Supreme Blob Shape Image vous permet d’afficher vos images avec l’effet blob. 13 effets différents sont disponibles. Le module est réservé aux détenteurs de Divi Supreme Pro.
Modules Icônes, Formes et boutons
Maintenant que nous avons vu les principaux modules (textes et images) passons aux modules pour afficher des formes. Ils sont au nombre de 5.
Supreme Icon Divider
Fonctionne de la même manière que Supreme Text Divider, il sert à mettre en ordre vos contenus en utilisant de beaux séparateurs. Fonctionne avec des icônes ou des images et est réservé aux détenteurs de la licence pro.
Supreme Star Rating
Ce module, exclusivement accessible dans la version payante, vous permettra d’ajouter à vos blocs, un système de notation en étoile. Vous pouvez vous en servir pour vos produits si vous avez un e-commerce, ou bien si vous souhaitez afficher des avis clients.
Supreme Icon List
Un module intéressant puisqu’il vous permet de customiser vos listes à puce en modifiant les icônes de chaque éléments de vos listes. Vous avez même la possibilité d’utiliser vos propres images ! Ce module est en plus disponible dans la version lite.
Supreme Shapes
Ajouter de nombreuses formes comme un triangle, cercle, carré, parallélogramme et bien d’autres encore. Un module peu utile selon nous, il est d’ailleurs dans la version gratuite.
Supreme Button
Excellent module , Supreme Module vous permet de créer n’importe quel bouton ! Votre seul limite sera votre imagination, couleur, dégradé, animation au survol de la souris… Plusieurs actions sont possibles pour chaque bouton :
- Téléchargement d’un fichier
- Envoyer un e-mail
- Passer un appel
- Envoyer un SMS ou WhatsApp
Ce module, disponible dans la version gratuite est vraiment un des meilleurs de Divi Supreme.
Modules Réseaux Sociaux
Vous êtes également présent sur les réseaux sociaux ? Facebook ou Twitter notamment ? Découvrez les 6 modules vous permettant de booster la visibilité de vos réseaux sociaux.
Supreme Facebook Like Button
Ajouter un bouton de « Like » et de « Partage » connecté à votre page Facebook à n’importe quel endroit de votre site. La procédure est un peu compliqué pour les débutants, il vous faudra créer une app depuis la page Facebook pour développeurs. Une fois créée, copiez l’ID de votre nouvel app dans les paramètres de Divi Supreme Pro à l’onglet « Social Media Settings ». Vous pourrez ensuite vous servir de cette fonctionnalité, réservée pour les membres de la version pro.
Supreme Facebook Feed
Ce module vous permet d’afficher le fil d’actualité de n’importe quelle page Facebook. Il vous permet également d’afficher sous forme d’onglet, les évènements créé sur votre page, et la possibilité d’envoyer directement un message. Encore une fois, vous devrez connecter l’app Facebook à votre site WordPress. Le module est disponible dans la version gratuite.
Supreme Facebook Comments
Ce module vous permet d’afficher les derniers commentaires d’une page Facebook. Vous pouvez configurer l’ordre d’affichage et le nombre de commentaires à afficher. Le module est disponible dans la version gratuite. Ci-dessous en exemple, les commentaires de la page Divi Supreme.
Supreme Facebook Embed
Ce module vous permet d’afficher un post Facebook entier sur votre site. Ce module est proposé avec Divi Supreme Pro. À noter cependant que vous pouvez arriver au même résultat sans l’extension. En effet, Facebook propose nativement d’intégrer des posts en vous fournissant tout le code HTML nécessaire (une iframe). Il vous suffira de copier le code dans un module Divi « code » pour arriver au même résultat. Ci-dessous, découvrez un exemple d’un post de notre page Facebook intégré à une page Divi.
Supreme Twitter Timeline
Twitter Timeline vous permet d’afficher le fil d’actualité d’un utilisateur Twitter. Cette fois, pas besoin de rentrer un quelconque numéro d’API, choisissez juste le nom d’utilisateur Twitter de celui que vous souhaitez afficher, le module se charge du reste. Décidez d’afficher ou non l’entête, mode clair ou sombre, plusieurs possibilités existent. Et le module est disponible dans la version lite. Retrouvez la timeline d’Elon Musk ci-dessous !
Supreme Social Share Button
Il fait parti des derniers modules développés par Divi Supreme Pro, il est donc normal qu’il soit disponible uniquement dans la version pro. Supreme Social Share Button vous permet de créer des boutons de partage vers vos réseaux sociaux avec de très jolis effets. Il y a un large choix de réseaux sociaux (+ de 15 !).
Modules Formulaires
Les modules formulaires fonctionnent avec l’extension Contact Form 7. Il fonctionnait également avec Caldera, mais ces derniers ont cessé de fonctionner depuis le 5 Avril 2022.
Supreme Contact Form 7
Ce module, très pratique vous permet de styliser votre formulaire Contact Form 7 directement depuis le Visual Builder de Divi. Plus besoin de le faire dans le tableau de bord WordPress. Vous aurez directement accès à la personnalisation de vos labels, vos champs (quel que soit leur type), vos placeholder… Vraiment très pratique, et le résultat peut parfois être surprenant ! Le module est en plus disponible dans la version gratuite.
Supreme Caldera Forms
Comme expliqué plus haut, l’extension Caldera Forms ayant cessée d’exister, ce module n’a donc plus aucun intérêt.
Modules divers
Les modules que nous n’avons pas pu classer, il nous en reste 12 à vous faire découvrir, c’est parti !
Supreme Embed Google Map
Comme son nom l’indique, ce module vous permet d’intégrer une Google Map à votre site. Vous n’avez qu’à saisir une adresse, ou le nom d’une société, et choisir le zoom voulu pour l’afficher, un jeu d’enfant ! Le module est, en plus, inclut dans la version gratuite. Retrouvez l’adresse de Divilogy dans la map plus bas.
Supreme Menu
Afficher votre menu où vous souhaitez sur votre site (header, footer, sidebar…) en le stylisant comme bon vous semble. Disponible également dans la version gratuite.
Supreme Price List
Encore un module très pratique ! Il vous permet de créer des listes de prix vraiment attractives. Simple à mettre en place, c’est un module essentiel pour les restaurants affichant leur menu en ligne ! Et il est disponible dans la version lite !
Supreme Business Hours
Créez de façon ordonnée et intuitive un bloc informant de vos horaires d’ouvertures. Cela permet à vos visiteurs de savoir quand vous êtes ouverts. Supreme Business Hours est également disponible dans la version Lite.
Supreme Card Carousel
Ce module fonctionne de la même manière que Supreme Image Carousel. Beaucoup d’effets d’animation entre chaque slide est disponible. Mais en plus, vous pouvez ajouter des informations à vos images et un bouton appel à l’action pour inciter le visiteur à se rendre sur la page voulu ! On appelle cela, une carte. Vous trouverez forcément votre bonheur parmi toutes les possibilités de personnalisation disponibles. Vous devrez en revanche, acheter Divi Supreme Pro pour bénéficier de cette superbe fonctionnalité.
Supreme Card
Comme Supreme Card Carousel, vous pourrez créer des cartes affichant les informations souhaitées, mais sans l’effet slider cette fois. Les cartes peuvent intégrer :
- Du texte
- Des images
- Un badge
- Un bouton
Les possibilités sont donc, une nouvelle fois, très nombreuses. Disponible également dans la version pro.
Supreme Breadcrumbs
Ajouter un fil d’ariane n’importe où sur votre site, cela permet au visiteur de savoir où il se situe dans l’arborescence de votre site internet. Cela améliore l’expérience utilisateur et aura un impact positif sur le positionnement de vos pages sur les moteurs de recherche. Disponible encore une fois, dans la version pro.
Supreme Content Toggle
Une autre pépite selon nous de Divi Supreme Pro, Supreme Content Toggle vous permet de changer le contenu d’un module au clic d’un bouton. Cette fonctionnalité est très souvent utilisée lors du paiement en ligne d’un abonnement pour un service. L’éditeur vous propose généralement 2 mois gratuit si vous payez à l’année plutôt qu’au mois. Vous pourrez donc également implanter cette fonctionnalité grâce à ce super module. Disponible donc dans la version pro.
Supreme Blog Carousel
Un nouveau module très intéressant puisqu’il vous permet de présenter vos articles de blog sous forme d’un slider. Comme tous les carrousels de Divi Supreme, il y a de très nombreuses options de personnalisation. Uniquement disponible dans la version pro.
Supreme Post Carousel
Ce module fonctionne de la même manière que Supreme Blog Carousel, sauf qu’il ne se limite pas aux articles de blog, mais à tous les types de publications que vous avez sur WordPress. Vous pouvez donc imaginer faire un slider de vos pages projets par exemple. Également disponible dans la version pro uniquement.
Supreme Content Timeline
Un des derniers modules développés, il vous permet de créer une timeline (ou chronologie) verticale pour mettre en avant des évènements ou expliquer un processus. On ne doute pas que vous trouverez une belle façon de vous en servir ! Réservé aux utilisateurs pro.
Supreme Advanced Tab
Le dernier module de notre liste, Supreme Advanced Tab est également le dernier module a avoir été développé. Il est extrêmement complet et va vous permettre de créer des tableaux avec des boutons qui en changeront le contenu. Un peu comme Supreme Content Toggle mais cette fois encore plus complet. Vous pourrez choisir d’afficher dans vos tableaux du contenu, ou tout élément de votre bibliothèque Divi. Vu le niveau de personnalisation possible, on comprend que ce module ne soit disponible que dans la version de Divi Supreme Pro.
Conclusion
Nous venons de faire le tour des 53 modules différents proposés par l’extension Divi Supreme Pro. Nul doute que vous trouverez forcément votre bonheur parmi eux. Il s’agit d’une extension vraiment intéressante pour ceux qui créent des sites internet comme nous à Divilogy.
