Présentation des 47 modules présents dans Divi

Divi | Wordpress
Retour au blog
  • Blog
  • 9
  • Divi
  • 9
  • Présentation des 47 modules présents dans Divi

3 Table des matières

Publié le 16/03/2024 | Mis à jour le 15/05/2024

Introduction

Divi d’ElegantThemes n’est pas simplement un autre thème WordPress, c’est une solution complète pour créer des sites web visuellement impressionnants avec facilité. Alors que la conception web continue d’évoluer, la flexibilité et la fonctionnalité offertes par les modules de Divi en ont fait le choix privilégié tant pour les amateurs que pour les professionnels cherchant à libérer leur potentiel créatif. Cet article explore la grande palette de modules disponible nativement dans Divi.

1. Module Accordéon (Accordion)

Le module Accordéon de Divi transforme le contenu en un ensemble d’éléments dépliables, parfaits pour les FAQ (Foires Aux Questions) ou les sections d’informations. Ce module est idéal pour structurer le contenu de manière efficace et interactive, offrant une expérience utilisateur optimisée.

2. Module Appel d’action (Call To Action)

Le module Appel d’action est conçu pour capter l’attention des visiteurs et les encourager à entreprendre une action spécifique, tel que s’inscrire à une newsletter, télécharger un guide, ou visiter une page de produit. Ce module combine efficacement un titre engageant, un message persuasif, et un bouton d’action bien visible pour maximiser les conversions.

3. Module Audio (Audio)

Le module Audio permet d’incorporer facilement des fichiers audio dans vos pages ou articles, offrant une manière simple de partager de la musique, des podcasts ou des enregistrements audio. Ce module est particulièrement utile pour les musiciens, les podcasteurs, ou toute entité souhaitant enrichir son contenu avec une dimension sonore.

4. Module Barre latéral (Sidebar)

Le module Barre latéral permet d’ajouter une zone de widgets personnalisée à n’importe quelle page de votre site, offrant ainsi un espace dédié pour divers contenus supplémentaires tels que des listes de publications récentes, des biographies d’auteurs, des archives de blog, des formulaires d’inscription à la newsletter, des liens vers les réseaux sociaux, et plus encore.

5. Module Bascule (Toggle)

Le module Bascule permet de regrouper et de dissimuler des informations sous des en-têtes cliquables, offrant ainsi une expérience utilisateur plus propre et plus interactive. Lorsqu’un utilisateur clique sur l’en-tête d’un élément bascule, le contenu associé se déploie en dessous, et peut être rétracté en cliquant à nouveau.

6. Module Blog (Blog)

Le module Blog est destiné à présenter les articles de blog sur votre site web d’une manière esthétique et fonctionnelle. Il s’agit d’un composant essentiel pour les sites axés sur le contenu, permettant aux créateurs et aux entreprises de mettre en avant leur contenu écrit de manière attrayante.

7. Module Bouton (Button)

Le module Bouton permet de créer des boutons attrayants et fonctionnels, cruciaux pour naviguer sur le site et encourager les actions des visiteurs. Grâce à sa flexibilité et à sa personnalisation approfondie, ce module offre une gamme étendue d’options pour concevoir des boutons qui non seulement s’intègrent parfaitement au design de votre site, mais qui sont aussi optimisés pour la conversion.

8. Module Carte (Map)

Le module Carte est conçu pour intégrer facilement des cartes Google Maps sur votre site web, offrant ainsi une solution pratique et élégante pour afficher des informations de localisation. Que ce soit pour montrer l’emplacement d’un événement, les adresses des bureaux d’une entreprise ou simplement pour fournir des directions, ce module rend l’ajout de cartes interactives à votre site web à la fois simple et visuellement attrayant.
Ce module nécessite une clé Google API.

Le module Chercher permet aux visiteurs de trouver rapidement et facilement le contenu qu’ils recherchent en saisissant simplement des mots-clés dans la barre de recherche. Ce module est particulièrement utile pour les sites web avec une grande quantité de contenu, tels que les blogs, les boutiques en ligne, ou les portfolios, où il peut aider à améliorer l’expérience utilisateur en facilitant l’accès aux informations pertinentes.

10. Module Code (Code)

Le module Code est conçu pour les développeurs et les concepteurs de sites web souhaitant intégrer du code personnalisé directement dans leurs pages ou articles. Ce module est conçu pour accueillir une variété de codes, tels que le HTML, le CSS, le JavaScript, ou encore des shortcodes spécifiques à WordPress, offrant ainsi une flexibilité maximale pour la personnalisation et l’enrichissement du contenu de votre site.

11. Module Commentaires (comments)

Le module Commentaires permet d’intégrer une section de commentaires sur vos pages ou articles, facilitant l’interaction et l’engagement des visiteurs avec votre contenu. Ce module est essentiel pour les blogs, les articles de presse, ou tout site web souhaitant encourager la discussion et le partage d’opinions entre les utilisateurs.

12. Module Compteur barre (bar counters)

Le module Compteur Barre est conçu pour afficher des statistiques, des compétences ou tout autre type de données quantitatives de manière dynamique et attrayante. Ce module est idéal pour mettre en avant des chiffres clés, comme le pourcentage de projets réalisés, le niveau de compétence dans un domaine spécifique, ou tout autre indicateur de performance qui peut être représenté numériquement.

13. Module Compteur cercle (Circle Counter)

Le module Compteur Cercle offre une méthode élégante et interactive pour présenter des statistiques, des pourcentages ou des compétences sous forme de cercles animés. Ce type de visualisation est particulièrement efficace pour capturer l’attention des visiteurs et fournir des informations clés de manière concise et visuellement attrayante.

14. Module Compteur Nombre (Number Counter)

Le module Compteur Nombre permet d’afficher des nombres de manière animée et accrocheuse, ce qui est idéal pour souligner des statistiques importantes, des réalisations ou des données clés sur votre site. L’animation démarre lorsque le visiteur atteint la section concernée, où le nombre augmente rapidement du zéro au chiffre final défini, créant un effet visuel captivant.

15. Module Compte à Rebours (Countdown Timer)

Le module Compte à Rebours est conçu pour créer un sentiment d’urgence ou d’anticipation autour d’événements, de lancements de produits, de promotions ou de délais. En affichant un timer décomptant vers une date et une heure spécifiques, ce module capte l’attention des visiteurs et les encourage à agir avant l’expiration du compte à rebours.

16. Module Curseur à défilement des posts (Post Slider)

Le module Curseur de défilement des posts est conçu pour mettre en avant les articles de blog ou tout autre type de contenu publié de manière dynamique et interactive. Ce module transforme vos publications en une expérience de navigation fluide et attrayante, où les articles sont présentés dans un slider animé. C’est une solution parfaite pour les sites souhaitant afficher leurs dernières nouvelles, articles, ou études de cas de manière élégante et captivante.

17. Module Curseur de défilement vidéo (Video Slider)

Le module Curseur de défilement vidéo permet de présenter une série de vidéos sur votre site web. Ce module est idéal pour mettre en avant des témoignages vidéo, des portfolios, des présentations de produits, ou toute autre collection de vidéos que vous souhaitez partager avec vos visiteurs. Les vidéos peuvent être hébergées directement sur votre site ou intégrées depuis des plateformes populaires comme YouTube et Vimeo.

18. Module Diapo (Slider)

Le module Diapo est conçu pour créer des diaporamas d’images, de textes, et même de vidéos, offrant ainsi un moyen dynamique de présenter du contenu varié. Ce module peut être utilisé pour de multiples applications, telles que la mise en avant de caractéristiques de produits, la présentation de portfolios, ou la création de bannières accrocheuses sur la page d’accueil de votre site.

19. Module Email Optin (Email Optin)

Le module Email Optin est conçu pour faciliter la collecte d’adresses email et l’inscription à des newsletters directement depuis votre site web. Ce module est un élément crucial pour les stratégies de marketing digital, permettant de construire et de développer une liste d’abonnés engagés avec lesquels vous pouvez partager des mises à jour, des offres spéciales et du contenu pertinent.

20. Module Formulaire de Contact (Contact Form)

Le module Formulaire de contact est un outil essentiel pour tout site web, permettant aux visiteurs de facilement entrer en communication avec vous. Que ce soit pour des questions générales, des demandes de service, ou des inscriptions, ce module offre une solution flexible et personnalisable pour créer des formulaires de contact adaptés à vos besoins spécifiques.

Le module Galerie est conçu pour présenter des collections d’images de manière élégante et visuellement attrayante sur votre site web. Ce module est parfait pour les photographes, les artistes, les boutiques en ligne, ou tout autre site nécessitant une présentation soignée de visuels. Avec sa capacité à afficher des images dans une grille harmonieuse ou sous forme de carrousel, le module Galerie permet de mettre en valeur vos œuvres, produits ou tout autre contenu visuel de manière professionnelle.

22. Module Icon (Icon)

Le module Icon est un outil simple, mais puissant pour intégrer des icônes sur votre site web. Les icônes peuvent jouer un rôle crucial dans la conception web, offrant une manière visuelle de communiquer des idées, de guider les utilisateurs à travers votre site, ou d’accentuer certaines sections ou fonctionnalités importantes. Avec le module Icône de Divi, vous pouvez facilement ajouter et personnaliser des icônes pour améliorer l’expérience utilisateur et le design de votre site.

23. Module Image (Image)

Le module Image permet d’intégrer des images de manière fluide et esthétique dans votre contenu. Ce module supporte non seulement l’ajout d’images, mais offre également une gamme d’options de personnalisation pour s’assurer que chaque image s’intègre parfaitement dans le design de votre site.

24. Module Menu (Menu)

Le module Menu est conçu pour faciliter la création et la personnalisation de menus de navigation sur votre site web. Ce module joue un rôle crucial dans l’expérience utilisateur en offrant une navigation intuitive et accessible, permettant aux visiteurs de trouver facilement le contenu qu’ils recherchent. Avec le module Menu, vous pouvez créer d’élégants menus fonctionnels qui s’intègrent parfaitement à l’esthétique de votre site, tout en améliorant la structure et l’organisation de votre contenu.

25. Module Navigation dans les posts (Post Navigation)

Le module Navigation dans les posts est conçu pour faciliter la navigation entre les articles de blog sur votre site. Placé typiquement à la fin d’un article, ce module propose des liens vers le post précédent et le post suivant dans la catégorie ou le tag spécifié, enrichissant ainsi l’engagement du lecteur et encourageant la découverte de contenu connexe.

26. Module Onglets (Tabs)

Le module Onglets permet de structurer le contenu en onglets interactifs, rendant la présentation de l’information plus organisée et facilement accessible. Idéal pour les FAQ, les descriptions de produits, ou tout contenu qui peut être divisé en sections distinctes, ce module offre une expérience utilisateur améliorée en minimisant le défilement et en facilitant l’accès rapide à différentes parties du contenu. Les onglets sont entièrement personnalisables, vous permettant de modifier leur apparence pour qu’ils s’intègrent parfaitement dans le design global de votre site.

27. Module Personne (Person)

Le module Personne est idéal pour présenter les membres de votre équipe ou des individus de manière élégante. Vous pouvez ajouter une photo, un titre, une description, et des liens vers les profils de médias sociaux, rendant ce module parfait pour les pages « À propos de nous » ou toute section nécessitant des profils personnels. Ce module favorise la connexion personnelle entre les visiteurs et les membres de l’équipe ou les individus présentés.

28. Module Portefeuille (Portfolio)

Le module Portefeuille est une solution élégante pour exposer des travaux ou des projets de manière professionnelle. Il affiche des images de portfolio dans une grille ou un format de curseur, avec des options pour inclure un titre, une catégorie et une description pour chaque élément. Ce module est idéal pour les créatifs, les agences, et les entreprises qui souhaitent présenter leur travail de manière attrayante et interactive.

29. Module Portefeuille filtrable (Filterable Portfolio)

Le module Portefeuille filtrable ajoute la capacité de filtrer les éléments du portefeuille par catégories ou tags directement depuis la page où il est affiché. Le module est particulièrement utile pour les sites avec une grande quantité de travaux ou projets, car elle permet aux visiteurs de trouver rapidement et facilement les éléments qui les intéressent le plus.

30. Module Résumé (Blurb)

Le module Résumé permet de présenter vos articles de blog, projets, ou tout autre type de publication dans un slider interactif. Ce module est particulièrement utile pour mettre en avant vos derniers posts ou les plus importants directement sur la page d’accueil ou sur d’autres pages clés de votre site.

31. Module Se Connecter (Login)

Le module Se connecter est un outil essentiel pour les sites web qui nécessitent une fonctionnalité de connexion utilisateur, tels que les sites membres, les forums ou les boutiques en ligne. Ce module simplifie le processus de création d’une interface de connexion élégante et intégrée directement dans les pages de votre site, offrant ainsi aux utilisateurs un moyen facile et sécurisé de s’identifier.

32. Module Suivez-nous sur les réseaux sociaux (Social Media Follow)

Le module Suivez-nous sur les réseaux sociaux est conçu pour faciliter l’intégration des icônes de réseaux sociaux sur votre site web, encourageant ainsi les visiteurs à suivre votre présence sur différentes plateformes sociales. Ce module est un outil essentiel pour renforcer votre stratégie de médias sociaux en dirigeant le trafic de votre site vers vos comptes sociaux, augmentant ainsi votre audience et votre engagement.

33. Module Séparateur (Divider)

Le module Séparateur est conçu pour ajouter de l’espace ou une délimitation visuelle entre les éléments sur vos pages. Ce module est idéal pour améliorer l’organisation et la lisibilité de votre contenu en créant des pauses claires entre différentes sections ou éléments de design. Avec sa fonctionnalité directe, le module Séparateur peut jouer un rôle crucial dans la création d’une mise en page aérée et bien structurée, contribuant ainsi à une expérience utilisateur agréable.

34. Module Tableaux des tarifs (Pricing Tables)

Le module Tableaux des tarifs permet de créer des tableaux de tarification personnalisés qui mettent en évidence les différentes offres, les caractéristiques et les prix, aidant ainsi les clients potentiels à prendre des décisions éclairées.

35. Module Texte (Text)

Le module Texte est l’un des outils les plus fondamentaux et polyvalents disponibles dans le constructeur Divi, offrant une simplicité d’utilisation pour ajouter et formater du contenu textuel sur votre site web. Que vous ayez besoin d’insérer des paragraphes descriptifs, des titres, des listes ou même des citations, le module Texte est conçu pour gérer une grande variété de besoins en matière de contenu textuel avec facilité.

36. Module Titre du Poste (Post Title)

Le module Titre du poste est conçu spécifiquement pour les blogs ou les sites web qui publient régulièrement du contenu. Ce module affiche dynamiquement le titre de l’article de blog ou de la page actuelle, offrant une manière flexible et esthétique de présenter le titre de votre contenu à vos lecteurs.

37. Module Témoignage (Testimonial)

Le module Témoignage est conçu pour mettre en valeur les avis et les retours positifs de vos clients, un élément clé pour construire la confiance et crédibilité de votre marque ou service en ligne. En affichant des témoignages, vous permettez aux visiteurs potentiels de voir l’impact réel de vos produits ou services à travers les expériences partagées par d’autres, encourageant ainsi une décision d’achat ou d’engagement.

38. Module Vidéo (Video)

Le module Vidéo permet d’intégrer des vidéos dans vos pages web. Que vous souhaitiez partager des tutoriels, des témoignages de clients, des présentations de produits, ou tout autre contenu vidéo, ce module facilite grandement l’ajout et la personnalisation de vidéos sur votre site.

39. Module Carte plein écran (Fullwidth Map)

Le module Carte plein écran permet d’intégrer une carte Google Maps sur toute la largeur de votre site web, offrant une expérience immersive pour les visiteurs qui cherchent à localiser votre entreprise ou tout autre lieu important. Ce module est particulièrement utile pour les pages de contact ou les sections « Trouvez-nous » où une vue détaillée et large de l’emplacement est bénéfique.

40. Module Code en pleine largeur (Fullwidth Code)

Le module Code en pleine largeur permet aux développeurs et concepteurs de site d’insérer du code personnalisé, tel que HTML, CSS, JavaScript, ou encore des shortcodes, directement dans une section en pleine largeur de leur site web. Cette fonctionnalité est idéale pour ceux qui cherchent à intégrer des éléments personnalisés ou des scripts tiers sans être limités par les dimensions standard des conteneurs de contenu.
Ce module est identique au module Code (en pleine largeur).

41. Module Curseur de défilement de post pleine largeur (Fullwidth Post Slider)

Le module Curseur de défilement de post pleine largeur permet de présenter les articles de blog, les études de cas, ou tout autre type de publication dans un format de slider attrayant qui s’étend sur toute la largeur de la page. Ce module est idéal pour capturer l’attention des visiteurs dès leur arrivée sur votre site avec un affichage dynamique et visuellement engageant de votre contenu.
Ce module est identique au module Curseur de défilement (en pleine largeur).

42. Module Curseur de défilement plein écran (Fullwidth Slider)

Le module Curseur de défilement plein écran

43. Module En-tête plein écran (Fullwidth Header)

Le module En-tête en plein écran est une solution pour créer des introductions marquantes sur vos pages web. Ce module couvre toute la largeur de l’écran, offrant un espace conséquent pour capturer l’attention de vos visiteurs dès leur première interaction avec votre site. Il est idéal pour les pages d’accueil, les landing pages, ou toute section avec laquelle vous souhaitez faire une forte première impression.

44. Module Image pleine largeur (Fullwidth Image)

Le module Image en pleine largeur permet d’insérer des images qui s’étendent sur toute la largeur de l’écran, offrant un impact visuel fort et captivant pour les visiteurs de votre site. Ce module est idéal pour les en-têtes de pages ou tout simplement pour mettre en valeur des images importantes de manière spectaculaire.
Ce module fonctionne comme le module image, mais en pleine largeur.

45. Module Menu Plein écran (Fullwidth Menu)

Le module Menu plein écran permet de couvrir l’intégralité de l’écran lorsque les utilisateurs cliquent sur le bouton de menu. Ce type de menu est particulièrement efficace pour les sites au design moderne qui cherchent à maximiser l’impact visuel tout en offrant une expérience utilisateur fluide et intuitive.

46. Module Portefeuille plein écran (Fullwidth Portfolio)

Le module Portefeuille plein écran est conçu pour mettre en avant votre travail, vos projets ou toute autre forme de portefeuille dans un format visuellement impressionnant qui occupe toute la fenêtre du navigateur. Ce module est idéal pour les créateurs, les agences, et les professionnels qui souhaitent présenter leur portefeuille de manière élégante et immersive, captivant instantanément l’attention des visiteurs.

47. Module Titre du poste en pleine largeur (Fullwidth Post Title)

Le module Titre du poste en pleine largeur permet de présenter le titre de votre article ou page de manière impactante, en utilisant toute la largeur de l’écran pour un effet visuel fort. Ce module est particulièrement adapté aux en-têtes de pages ou d’articles de blog, offrant une entrée en matière puissante qui capte immédiatement l’attention des visiteurs.