3 Modules Divi Supreme Pro pour Divi 5
Divi Supreme Pro franchit une nouvelle étape avec sa version bêta entièrement compatible Divi 5. Ce plugin, qui ajoute plus de 60 modules à Divi pour booster le design de vos pages WordPress, est désormais accessible à tous les utilisateurs. Fini l’accès réservé : vous pouvez dès maintenant tester ces nouveaux modules spécialement conçus pour la future version de Divi. Dans cet article, je vous présente 3 modules innovants qui vont transformer vos pages WordPress.
Divi Supreme Pro : Qu’est-ce qui change avec Divi 5 ?
Une compatibilité totale avec Divi 5
L’équipe de Divi Supreme a travaillé ces derniers mois pour peaufiner la compatibilité avec Divi 5. Résultat : une bêta stable, fluide et moderne qui ouvre de nouvelles perspectives pour vos designs.
Comment accéder à la bêta Divi Supreme Pro ?
Si vous avez acheté le plugin sur le site officiel :
- Connectez-vous à votre compte
- Allez dans Licence Manager
- Téléchargez la version bêta compatible Divi 5
C’est aussi simple que ça.
Une extension pop-up WooCommerce en préparation
Bonne nouvelle : Divi Supreme Pro prépare également une extension pop-up entièrement compatible WooCommerce. Elle permettra de déclencher des pop-ups selon les actions des clients (ajout au panier, abandon de panier, etc.) pour maximiser vos conversions.
Les 3 nouveaux modules Divi Supreme Pro pour Divi 5
Pour vous présenter ces modules, j’ai utilisé une page créée avec le Loop Builder de Divi 5 (une fonction récente qui permet de créer des grilles de blog entièrement personnalisées). Vous remarquerez que les modules Divi 5 apparaissent en noir, tandis que les modules Divi Supreme compatibles Divi 5 sont en bleu pour les distinguer.
Module 1 : Supreme Animated Headline (Titres animés)
Qu’est-ce que Supreme Animated Headline ?
Ce module permet de créer des titres animés avec des mots qui défilent automatiquement. Parfait pour créer des bannières dynamiques et engageantes en haut de vos pages.
Comment fonctionne ce module ?
Le principe est simple :
- Un préfixe fixe (ex : « Blog »)
- Des mots animés qui défilent (ex : « Sport », « Et », « Santé »)
- Plusieurs effets d’animation au choix
Les effets d’animation disponibles
- Slide (glissement)
- Rotation
- Zoom
- Et bien d’autres
Exemple d’utilisation
Dans ma démonstration, j’ai créé une bannière avec :
- Préfixe : « Blog »
- Mots animés : « Sport », « Et », « Santé »
- Effet : Slide (glissement)
Le module s’intègre parfaitement dans une section avec image de fond. Vous pouvez personnaliser :
- La taille du texte
- La police
- Les couleurs (préfixe et mots animés peuvent avoir des styles différents)
- Les espacements
- Les effets (gras, italique, etc.)
Astuce : Ajoutez un filtre sombre sur votre image de fond (avec le mode « Multiply ») pour faire ressortir votre titre.
👉 Pour voir le paramétrage complet en vidéo, je vous invite à regarder le tutoriel sur ma chaîne YouTube Alpa14.
Module 2 : Supreme Line Hover (Effet de soulignement au survol)
Qu’est-ce que Supreme Line Hover ?
Ce module crée des effets de soulignement animés lorsque vous passez la souris sur un texte ou un lien. Idéal pour remplacer les boutons classiques par des liens plus élégants et interactifs.
Les animations disponibles
Le module propose plusieurs styles d’animation :
- Line Expense (ligne qui s’étend)
- Zigzag (soulignement en zigzag)
- Et de nombreux autres effets créatifs
Exemple d’utilisation
Dans ma grille de blog créée avec le Loop Builder, j’ai remplacé le bouton « Lire plus » par le module Supreme Line Hover avec :
- Texte : « Lire plus… »
- Animation : Zigzag
- Lien dynamique : Loop Link (pour rediriger vers chaque article)
Vous pouvez personnaliser :
- La police et la taille du texte
- La couleur
- La durée et le délai de l’animation
- Les espacements
Le résultat ? Un effet visuel moderne et engageant qui incite au clic.
👉 Découvrez tous les effets possibles dans la vidéo complète sur Alpa14.
Module 3 : Supreme Scroll Header Animation (Animation au défilement)
Qu’est-ce que Supreme Scroll Header Animation ?
Ce module déclenche une animation de texte lorsque l’utilisateur fait défiler la page. L’effet se produit au moment où le module entre dans le champ de vision, créant un impact visuel fort.
Les effets de scroll disponibles
- Split Merge (séparation et fusion)
- Shuffle Reveal (révélation aléatoire)
- Slide Rush (glissement rapide)
- Word by Word (mot par mot)
Exemple d’utilisation
J’ai placé ce module au milieu de ma page avec le mot « Programme » :
- Effet : Split Merge
- Style : H2, centré, en majuscules
- Couleur : Assortie aux cartes de blog
L’animation se déclenche automatiquement lorsque vous scrollez jusqu’à cet élément, créant un effet dynamique et moderne.
À noter : Ce module a récemment été mis en avant dans le bilan des tests de Divi 5 par Elegant Themes, qui a salué sa facilité d’utilisation et son impact visuel.
👉 Voir l’effet en action dans la vidéo tutoriel sur ma chaîne.
Comment obtenir Divi Supreme Pro et Divi 5 ?
Vous n’avez pas encore Divi ?
Pour utiliser Divi Supreme, vous aurez besoin d’une licence Divi.
👉 Mon lien affilié vous offre 10 % de réduction : Alpa14.com/Divi
Vous voulez Divi Supreme Pro ?
👉 Utilisez le code promo ALPA14 pour profiter de -10 % supplémentaires sur Divi Supreme Pro (lien en description de la vidéo).
Pourquoi choisir Divi Supreme Pro pour Divi 5 ?
Plus de 60 modules supplémentaires
Divi Supreme Pro enrichit considérablement les possibilités de Divi avec des modules qu’on ne trouve nulle part ailleurs.
Une compatibilité optimale avec Divi 5
Les modules gagnent en :
- Fluidité
- Modernité
- Performance
Des designs plus créatifs
Ces nouveaux modules ouvrent de nouvelles perspectives pour créer des pages WordPress uniques et engageantes.
