Divi modules: the complete list of 46 modules and their functionality

Updated on 31/05/2021 | Published on 18/03/2019 | 25 comments

We often talk about Divi modules, but we should talk about Divi Builder modules.

Indeed, the modules for build a page layout are available from the Divi Builder (Visual Builder) and not from the Divi theme (don't confuse the Divi theme with the Divi Builder).

Good news: this means you can use the Divi Builder with any theme, not just Divi.

For example, you could very well use the Divi Builder with Automattic's Twenty Nineteen theme (the 2019 WordPress theme) for example.

Learn more about the Divi Builder.

Please note: Since Divi 3.29.x, the Divi Builder has integrated 16 new modules that you will only find if you use WooCommerce. With the arrival of the Divi's WooCommerce Builder16 new modules have been added to the 46 modules already present. You can now build your product sheets with the Visual Builder.

In this article, I propose you to discover the complete list of the 46 Divi modules... Here is the program:

Summary

Announcement: this article contains affiliate links that you will easily recognize. The classic links are in purple and sponsored links are in pink.

Need to master Divi? Discover my training which will guide you step by step in the understanding and use of Divi! Learn more about Divi training.

What is a module?

A module is a small block that is added to a section to build the layout of a web page (layout). Thus, a layout is a succession of small blocks one after the other and/or next to each other.

When you build a page with a page builder, you add sections in which you add modules.

Page builders revolutionized WordPress: thanks to them, you could get "complex" page layouts, since WordPress at the time only offered a classic editor.

Before the version 5 of WordPressIn the past, you could only add text, images, shortcodes and HTML to the CMS pages.

Recently, Gutenberg has given us more flexibility, but it has not yet buried the page builders known until then: Divi Builder, Elementor or even Beaver Builder.

Modules are the strength of page builders. If these page builders do not offer effective or "trendy" modules, users could turn to competing solutions. The issue is therefore crucial.

This is certainly why the Divi Builder has 46 modules natively on board while other page builders offer add-ons to compensate for their limited modules.

Did you know that you can test Divi for free? Go to this page and click on "TRY IT FOR FREE

Divi modules differ depending on the Divi Section used

As I said, modules fit into sections. Divi offers 3 types of sections:

  • the "Normal" sections
  • the "Specialty" sections
  • the "Full screen" sections

Depending on the sections used, Divi will offer you different modules.

The "Normal" and "Specialty" sections share the same modules. However, specific modules are proposed for the "Full screen" sections.

Les modules de Divi diffèrent en fonction des sections
Divi's modules differ by section

Long story short:

  • Modules 1 to 37 can be used in the "Normal" and "Specialty" sections (see the list in the summary)
  • Modules 38 to 46 can be used in the "Full screen" sections only (see the list in the summary)

The 46 modules available to build your pages:

Without further ado, let's discover the list of 46 modules available in the Divi Builder...

Learn more about the Divi Builder.

Module #1: Accordion (Accordion)

module 1 : accordéon

An accordion allows you to add content that is only visible if the user clicks on it. Thus you can insert a succession of information while making the reading more fluid for the user.

When an accordion opens, the previous one closes. This is ideal for building a FAQ (Frequently Asked Questions) page or for enhancing a part of your sales page.

The Divi Accordion module is fully customizable: colors, icons, titles, rounded corners, etc.

See the official documentation | Back to the table of contents

Astuces Divi : le blog dédié au thème Divi (astuces, tutos, ressources etc)

Module #2: Call to Action

module 2 : appel à l'action

What would a website be without a CTA (call to action)? A call to action should make the user want to click on it.

A simple button is often not enough, so Divi's Call to Action module will allow you to add a title + text + button. You can customize the background with an attractive color or even with an inspiring image.

See the official documentation | Back to the table of contents

Astuces Divi : le blog dédié au thème Divi (astuces, tutos, ressources etc)

Module #3: Audio (Audio)

module 3 : audio

Divi's audio module is simple and elegant. It's a must-have if your blog or site is music-related or if you offer podcasts.

You will be able to add a cover image (album cover), choose the background color and various layouts.

See the official documentation | Back to the table of contents

Astuces Divi : le blog dédié au thème Divi (astuces, tutos, ressources etc)

Module #4: Sidebar

module 4 : barre latérale

The sidebar is also known as the "Sidebar". This is a native feature of WordPress.

A sidebar is a location that is usually on the blog side of a WordPress site (on the blog page and on each post) and displays your Widgets ( Appearances tab > Widgets).

However, the location of the sidebar(s) depends on the theme.

For example, the latest WordPress theme (Twenty Nineteen) does not offer a sidebar, so if you want to add one, you'll have to code it in a child theme.

The Divi Builder, on the other hand, offers a sidebar module: this means that you will be able to add a sidebar wherever you want. You can place it on the right, on the left, on a page etc.

You will be able to customize its appearance but also change its content each time you insert this module (which is not the case with a classic sidebar).

See the official documentation | Back to the table of contents

Astuces Divi : le blog dédié au thème Divi (astuces, tutos, ressources etc)

Module #5: Toggle

module 5 : bascule

Divi's Toggle module is very similar to the Accordion module. You add content in tabs that the user can open or close.

The difference with the accordion is that when you open an accordion, the previous one closes automatically, while the Toggle tabs remain open unless the user closes them.

See the official documentation | Back to the table of contents

Astuces Divi : le blog dédié au thème Divi (astuces, tutos, ressources etc)

Module #6: Blog (Blog)

module 6 : blog

While WordPress allows you to define a page as "the page to host blog posts" (in the Settings > Reading tab), Divi's Blog module will allow you to add a series of posts on the pages of your choice.

This module is very interesting! Some customization options are available such as the choice of displaying items in a list or in a grid, the categories to be displayed or excluded, the icons etc.

See the official documentation | Back to the table of contents

plus de ressources pour Divi

Module #7: Shop

module 7 : boutique

The Shop module behaves in the same way as the Blog module. Instead of finding your store products on the Store page only (page generated and/or suggested by WooCommerce), you will be able to display all or part of your products on any page, or even within your posts (if you use the Divi Builder)!

See the official documentation | Back to the table of contents

Astuces Divi : le blog dédié au thème Divi (astuces, tutos, ressources etc)

Module #8: Button

module 8 : bouton

What would a web page be without a button? Without a call to action? Indispensable in a sales page for example, the Divi Button Module will allow you to choose the background color, the color and thickness of the border, add an animation and even an icon. Not to mention the shape of the corners: square, rounded or completely round.

See the official documentation | Back to the table of contents

Astuces Divi : le blog dédié au thème Divi (astuces, tutos, ressources etc)

Module #9: Map

module 9 : carte

Divi's map module allows you to display a custom Google Map. Sometimes you won't need this module and you can simply embed a map using its URL in a textmodule... try it!

See the official documentation | Back to the table of contents

Astuces Divi : le blog dédié au thème Divi (astuces, tutos, ressources etc)

Module #10: Search

module 10 : chercher

The Search button offers the "search on site" functionality. By adding this module to your layout, you will allow your visitors to search your content by keyword. In addition, you can exclude inappropriate content.

See the official documentation | Back to the table of contents

Astuces Divi : le blog dédié au thème Divi (astuces, tutos, ressources etc)

Module #11: Code (Code)

module 11 : code

Sometimes you will need to add bits of code within your content. This can be HTML, CSS or even Javascript code. The kind of code that is usually inserted in the header of a web page.

Divi's Code module will allow you to do this easily. This can be a great asset when you want to import/export layouts ready to go with some embedded features.

Attention, for security reasons, only a user with administrator status can add this kind of code.

Also, for this code to work, you will need to create it in a text editor and minify it (everything on the same line / no line breaks).

To find out more, discover how to use the Code module.

See the official documentation | Back to the table of contents

Astuces Divi : le blog dédié au thème Divi (astuces, tutos, ressources etc)

Module #12: Comments

module 12 : commentaires

The Divi Comments module allows you to insert a comment feature anywhere on your page. This saves your reader from having to scroll down to the end of the post to leave you a message. Is this a good idea? We'll see.

See the official documentation | Back to the table of contents

Astuces Divi : le blog dédié au thème Divi (astuces, tutos, ressources etc)

Module #13: Bar Counters

module 13 : compteur barre

This module allows you to display progress bars with a "lazy-load" animation. It's ideal to display skills, as a percentage bar. For example: WordPress 90%, Javascript 80%, HTML 95%, CSS 95% etc. The rendering will be optimized if your percentages are different.

See the official documentation | Back to the table of contents

Astuces Divi : le blog dédié au thème Divi (astuces, tutos, ressources etc)

Module #14: Circle counter

module 14 : compteur cercle

This is another way to display your skills. Instead of displaying them as a bar, this Divi module allows you to display them as a circle, with the percentage in the center. A "lazy load" animation allows you to fill the circle in a clockwise direction.

See the official documentation | Back to the table of contents

Astuces Divi : le blog dédié au thème Divi (astuces, tutos, ressources etc)

Module #15: Number counter

module 15 : compteur nombre

This alternative way of displaying your skills will allow you to display any other number as well. You won't have to use percentages.

For example, a web agency could use it to display the number of projects completed, the number of clients, the number of coffee buses, etc.

See the official documentation | Back to the table of contents

Did you know? You can test Divi for free by visiting on this page and clicking on "TRY IT FOR FREE

Astuces Divi : le blog dédié au thème Divi (astuces, tutos, ressources etc)

Module #16: Countdown Timer

module 16 : compteur à rebours

The countdown module allows you to display a visual timer with countdown.

It's ideal for creating excitement on a "coming soon" page, during a product launch or to announce the upcoming opening of your site.

See the official documentation | Back to the table of contents

Astuces Divi : le blog dédié au thème Divi (astuces, tutos, ressources etc)

Module #17: Post Slider

module 17 : curseur de défilement de post

It is a kind of slider that scrolls some of your articles. You can set the type of article to be displayed, the automatic animation, the speed etc.

You can also add options such as the parallax effect which gives a nice effect to the slider.

See the official documentation | Back to the table of contents

Astuces Divi : le blog dédié au thème Divi (astuces, tutos, ressources etc)

Module #18: Video Slider

module 18 : curseur de défilement de vidéo

The Video Slider module allows you to display a slider of multiple videos. As with the post sliderYou will be able to adjust some parameters to customize its display.

See the official documentation | Back to the table of contents

Astuces Divi : le blog dédié au thème Divi (astuces, tutos, ressources etc)

Module #19: Slideshow

module 19 : diapo

The Slide module is simply a "Slider". You can place it wherever you want and above all, you can mix images with videos.

You can also activate the parallax option which always gives a very nice effect. On each slide, you can add text and a call-to-action button.

See the official documentation | Back to the table of contents

Astuces Divi : le blog dédié au thème Divi (astuces, tutos, ressources etc)

Module #20: Email Optin

module 20 : email optin

The Email Optin module offers the same functionality as Bloomthe plugin of ElegantTheme included in the license.

Bloom allows you to place a registration form in strategic places on your site while the Email Optin module will allow you to place this form anywhere on your page.

It is easy to use and is compatible with about 20 providers like MailChimp, Aweber, FeedBurner, MailPoet and many others.

See the official documentation | Back to the table of contents

Astuces Divi : le blog dédié au thème Divi (astuces, tutos, ressources etc)

Module #21: Contact Form

module 21 : formulaire de contact

This module offers you the possibility to insert a contact form easily and quickly. You won't have hundreds of possibilities but you can still create custom fields.

The Contact Form module is sufficient if you just want to be contacted. The advantage is that it fits perfectly into your page (from a design point of view).

See the official documentation | Back to the table of contents

Astuces Divi : le blog dédié au thème Divi (astuces, tutos, ressources etc)

Module #22: Gallery

module 22 : galerie

As its name indicates, the Gallery module of Divi, allows you to insert several images presented as a gallery.

You will be able to choose various options to improve the appearance of the display: add a caption, a shadow, make the corners rounded and even change the icon on hover.

When the user clicks on a photo, it will open in a lightbox.

See the official documentation | Back to the table of contents

Astuces Divi : le blog dédié au thème Divi (astuces, tutos, ressources etc)

Module #23: Image (Image)

module 23 : image

The Divi Image Module looks like the gallery module. It offers the same types of customizations except that you can only insert one image instead of several.

You will also be able to add an animation and a link (URL) to the destination of the image.

See the official documentation | Back to the table of contents

obtenir Divi - get Divi

Module #24: Post Navigation

module 24 : navigation dans les posts

This module allows you to insert fully customizable navigation links.

Thus, you will get a "back" and "next" button that will allow the user to navigate freely between certain category or blog pages.

You will be able to set up this module according to several criteria depending on the content or thanks to advanced parameters.

See the official documentation | Back to the table of contents

Astuces Divi : le blog dédié au thème Divi (astuces, tutos, ressources etc)

Module #25: Tabs

module 25 : onglets

Divi's Tabs module allows you to display content as tabs separated by dividers. A bit like in a binder.

You can name each tab with a title and add text, images, videos, shortcodes and more!

See the official documentation | Back to the table of contents

Astuces Divi : le blog dédié au thème Divi (astuces, tutos, ressources etc)

Module #26: Person

module 26 : personne

Divi's Person module allows you to add a kind of "identity card" to introduce a person.

It's ideal for posting your profile or introducing your team members. You can add a photo, text and links to social networks.

The presentation is rather basic. If you wish to add your bio at the end of your articles, read this tutorial instead.

See the official documentation | Back to the table of contents

Astuces Divi : le blog dédié au thème Divi (astuces, tutos, ressources etc)

Module #27: Portfolio

module 27 : portefeuille

The Divi Portfolio module is only useful if you use Divi's "projects.

Projects behave like blog posts but in a portfolio fashion. This is ideal if you want to display your various achievements.

Thus, this module will display your latest achievements where you want, within your page. You will have access to various settings that will allow you to choose certain categories, display in grid or full screen mode etc.

If you wish to change the size of the images in your portfolio, read this detailed article.

See the official documentation | Back to the table of contents

Astuces Divi : le blog dédié au thème Divi (astuces, tutos, ressources etc)

Module #28: Filtrable Portfolio

module 28 : portefeuille filtrable

The Filterable Portfolio module provides the same functionality as the Classic Portfolio module it allows you to display your completed projects (portfolio).

The difference is that you will be able to display your projects in a categorized manner in tabs.

It's ideal if you are a graphic designer and you have a lot of work to display such as logos, packaging, flyers, business cards etc.

See the official documentation | Back to the table of contents

Astuces Divi : le blog dédié au thème Divi (astuces, tutos, ressources etc)

Module #29: Summary (Blurb)

module 29 : Résumé

The Divi Summary module (Blurb) is a module that can be used in many cases.

It allows you to add text as well as images or icons. If you place these modules on a line divided into 3, 4 or 5 columns, you can align several icons/texts to present your services or summaries pointing to other pages of your site (thanks to the insertion of a link on this module).

See the official documentation | Back to the table of contents

Astuces Divi : le blog dédié au thème Divi (astuces, tutos, ressources etc)

Module #30: Login

module 30 : Se Connecter

Divi's Login module allows you to insert a login form anywhere on your page.

This is ideal if your site has a section that is only accessible to member users or to certain restricted users.

See the official documentation | Back to the table of contents

tutoriel débutant pour apprendre à utiliser Divi

Module #31: Social Media Follow

module 31 : Suivez-nous sur les Réseaux Sociaux

The Social Media Follow module allows you to add up to 14 social network icons.

All you have to do is set them up with your social network links (Facebook page, Twitter account, etc.) so that your users become loyal followers!

This module can be inserted anywhere in your page using the Divi Builder.

See the official documentation | Back to the table of contents

Astuces Divi : le blog dédié au thème Divi (astuces, tutos, ressources etc)

Module #32: Divider

module 32 : Séparateur

The Divider module allows you to insert a space between two sections.

This space can take the form of a line, the colour and thickness of which you can choose. You can also decide whether to use this spacing horizontally or vertically.

See the official documentation | Back to the table of contents

Astuces Divi : le blog dédié au thème Divi (astuces, tutos, ressources etc)

Module #33: Princing Table

module 33 : Tableaux des Tarifs

Divi's Pricing Table module allows you to display your prices in a unique and professional way.

This is ideal if you offer your services in 3 different packages. You will be able to highlight one offer compared to the others and compare the included or excluded services thanks to a visually different display.

You will be able to choose the location of the currency icon, add a suffix to offer a subscription rate and a call-to-action button.

See the official documentation | Back to the table of contents

Astuces Divi : le blog dédié au thème Divi (astuces, tutos, ressources etc)

Module #34: Text

module 34 : Texte

The Divi Text module is certainly the most used module on a site.

By adding it anywhere on your page, you will get a text editor similar to the one offered by WordPress before the Gutenberg version.

In addition, you will have many setting options.

See the official documentation | Back to the table of contents

Astuces Divi : le blog dédié au thème Divi (astuces, tutos, ressources etc)

Module #35: Post Title

module 35 : Titre du poste

The Item Title module allows you to display the title of the article/page in which you are inserting it.

There are options to display the highlight image (above or below the title), add custom metas etc. Thus, your page will get a unique layout.

See the official documentation | Back to the table of contents

Astuces Divi : le blog dédié au thème Divi (astuces, tutos, ressources etc)

Module #36: Testimonial

module 36 : Témoignage

With Divi's Testimonial module, you can easily display your customers' reviews in an original way.

You will be able to add the client's name, position within the company, the company name, a link to a website, a profile picture etc.

See the official documentation | Back to the table of contents

Astuces Divi : le blog dédié au thème Divi (astuces, tutos, ressources etc)

Module #37: Video

module 37 : Vidéo

The Divi Video Module is very interesting because it allows you to add more than just a video.

You can insert a video available in your library (this is not really recommended because it could make your website heavier) or a video hosted on YouTube for example (thanks to its link).

In addition to that, you can display a custom image that will cover your video while waiting for the user to click to start the playback.

See the official documentation | Back to the table of contents

plus d'astuces pour Divi

Module #38: Fullwidth Map

module 38 : Carte plein écran

With the Fullwith Map module, you will be able to insert a Google Map in a Fullscreen section (purple section). As with the card module you will need to be in possession of a API Key Google Developerto use this module.

See the official documentation | Back to the table of contents

Astuces Divi : le blog dédié au thème Divi (astuces, tutos, ressources etc)

Module #39: Fullwidth code

module 39 : Code en pleine largeur

The Fullwidth Code module works in the same way as the Code module but it can only be inserted in one section Full width (purple section).

This module is ideal for developers or to integrate third party code, add Javascript, HTML, CSS etc.

See the official documentation | Back to the table of contents

Did you know that you can test Divi for free? Go to this page and click on "TRY IT FOR FREE

Astuces Divi : le blog dédié au thème Divi (astuces, tutos, ressources etc)

Module #40: Fullwidth Post Slider

module 40 : Curseur de défilement des Posts pleine largeur

The Full-Width Post Slider module allows you to simply add a slider of your latest articles.

This module can only be inserted in a full width section (purple) and has the same function as the module Scrolling post slider classic.

See the official documentation | Back to the table of contents

Astuces Divi : le blog dédié au thème Divi (astuces, tutos, ressources etc)

Module #41: Fullwidth Slider

module 41 : Curseur défilement Vidéo pleine largeur

The Full Width Scroll Slider module fits only into a Full Width section (purple section) and offers the same functionality as the module Classic slide.

See the official documentation | Back to the table of contents

Astuces Divi : le blog dédié au thème Divi (astuces, tutos, ressources etc)

Module #42: Fullwidth Header

module 42 : Entête Plein Écran

The Fullwith Header module is the ideal module to create a "Header Hero". You can add a large image, text, logo and one or two call to action buttons.

This module can only be inserted in a full width section (purple).

See the official documentation | Back to the table of contents

Astuces Divi : le blog dédié au thème Divi (astuces, tutos, ressources etc)

Module #43: Fullwidth Image

module 43 : Image en Pleine Largeur

The Full Width Image module works like the image module classic. You will be able to use it within a Full Screen section (purple section) only.

See the official documentation | Back to the table of contents

Astuces Divi : le blog dédié au thème Divi (astuces, tutos, ressources etc)

Module #44: Fullwidth Menu

module 44 : menu en pleine largeur

This is an interesting feature. The Full Screen Menu module is a module only available for Full Screen sections (purple section). That is, there is no "classic version" available in other types of sections.

This module will allow you to add a new navigation to your pages, different from your main navigation.

Better yet, you could use this module to delete the main navigation of your site and move it further down your page.

So, you could first add a header hero" section followed by the menu (instead of the other way around).

This module will allow you to build original layouts that are out of the ordinary.

In fact, that's what I suggest you do in this tutorial: replace the main menu with a menu that is fixed to the scroll.

See the official documentation | Back to the table of contents

Essayer Divi

Module #45: Fullwidth Portfolio

module 45 : Portefeuille Plein Écran

The Full Screen Portfolio module offers the same functionality as the Portfolio module classic. You will be able to insert your portfolios in a full screen section (purple section).

See the official documentation | Back to the table of contents

Astuces Divi : le blog dédié au thème Divi (astuces, tutos, ressources etc)

Module #46: Fullwidth Post Title

module 46 : Titre du poste en pleine largeur

The full screen post title module works like the module Title of the post module. However, like the other "full screen" modules, you will only be able to use it in a full screen section (purple section).

See the official documentation | Back to the table of contents

plus de ressources pour Divi

Alternatives to Divi's modules

We've just seen all the modules that Divi Builder offers. The list is impressive... However, it may not be enough depending on the needs of your project.

So how do you enrich Divi's modules? There are many solutions:

  • Add a plugin/addon for Divi: read my article listing the free plugins for Divi. There will certainly be features you are looking for and it's free...
  • Add 49 new modules with Divi Supreme Pro.
  • Use a ShortCode plugin: the shortcodes allow you to add content very easily, by simply copying and pasting code that looks like this [this is-my-shortcode].
  • Even better! Use the Divi's hidden features for Gutenberg ! These are pre-configured shortcodes that you can make appear everywhere you want.
  • Develop (or have developed) your own modules according to your needs: ElegantTheme has recently opened the possibility to develop its own modules. Of course, this is not for everyone because you must master many technologies and web languages to do so, but a seasoned developer should be able to do it with ease. Especially when you see the quality of the documentation provided by ElegantThemes.
  • Browse through the marketplaces dedicated to Divi : there are quite a few marketplaces that provide advice, tutorials, layouts, free or paid plugins... The best known are AspenGrove, DiviCake, DiviBooster, DiviSpace, DiviDen, DiviExtended and I suppose there are still as many...

Need more resources on Divi? Visit the ElegantThemes blog which is full of ideas and tutorials!

La liste ultime des 46 modules de Divi
Les modules du Divi Builder
Divi Builder modules

4,275 words

17

You should like it too:

Utilisez les couleurs globales de Divi pour plus de productivité !

Use Divi's global colours for more productivity!

🚀 Do you create your clients' websites with WordPress and Divi and are looking for productivity?
🥳 Perfect, I explain how to use Divi's global colours to avoid wasting time with multiple actions when you want to change a colour on your entire site...

25 Commentaires

  1. Berga

    Bonjour,
    Je lis « jusqu’à 14 icônes de réseaux sociaux ». Or dans une autre page, il me semble que vous expliquez comment créer une page enfant pour ajouter une icône de reseau sociale absente de la page parent. Est-ce un ancien article du coup? Le builder permet-il de le faire depuis peu?
    Excusez ces questions de novice, je démarre tout juste et je suis à la lettre votre article « Options du Thème Divi : focus sur l’onglet Général »

  2. Lycia Diaz

    Bonsoir Berga !
    Effectivement cela peut porter à confusion. Le Divi Builder permet d’insérer un module proposant jusqu’à 14 icônes de réseaux sociaux. Toutefois, le Divi Builder n’est pas présent en pied de page (Footer), c’est pourquoi nous devons créer un thème enfant. Donc pour répondre à votre question : ce n’est pas une erreur et on est bien sur deux fonctionnalités différentes. Peut-être que ce nouvel article poura aussi vous aider : https://astucesdivi.com/fonctionnement-divi/
    A bientôt !

  3. Sébastien

    Bonnes explications merci

  4. Lycia Diaz

    Merci Sébastien !

  5. JAvier

    Very interesting Sébastien. However I want to use the post navigation module but I can not find it this module in the last version of Divi. Could you help me, please? Thank you.

  6. Lycia Diaz

    Hola Javier !
    My name is Lycia, no Sébastien (LOL) 😉
    I just checked and the « post navigation module » is still here. I don’t understand why you don’t find it ?!
    Where do you want to insert it ?

  7. Sandra

    Bonjour Lycia,
    Ma demande concerne le module blog. Je suis en train de créer un site et je rencontre un problème que je n’ai jamais eu sur d’autres sites que j’ai réalisés (même version WordPress et Divi et mêmes réglages du module blog).
    Lors de la création d’un article, je choisis une image dans « image mise en avant ». Celle-ci s’affiche bien dans la vignette de l’article sur la page blog mais s’insère aussi automatiquement en grand sur ma page article en dessous du titre et est verrouillée.
    Avez-vous déjà rencontré ce problème ? Est-ce qu’il y aurait un code CSS pour contrer ce problème ?
    Un grand merci pour votre aide.

  8. Lycia Diaz

    Salut Sandra,
    Je ne pense pas que ce soit un bug. C’est un réglage de Divi proposé dans ses options. La réponse est dans cet article au chapitre 1 – pastille n°3 = https://astucesdivi.com/onglet-disposition/
    Si tu désactives l’option « vignette », tu n’auras plus l’image de mise en avant en dessous de ton titre.
    À bientôt
    Lycia

  9. Sandra

    Mais oui, bien sûr ! J’avais complètement oublié ce réglage dans l’option du thème… Un grand merci pour ton aide Lycia ! Bonne journée.

  10. Lycia Diaz

    Super 😉

  11. modestypants

    Bonjour
    Je souhaite utiliser le module Email Option pour que le visiteur inscrit son email afin de reçevoir un email unique de ma part avec un code promo par exemple
    Est ce possible avec module car j’ai renseigné l’API Key , j’ai crée une campagne avec mailchimp mais cela ne fonctionne pas
    PS: mon site n’est pas terminé, j’ai enlevé la maintenance pour que vous puissiez voir
    merciii

  12. Lycia Diaz

    Salut. C’est quoi qui fonctionne pas ? La newsletter ? Le module e-mail optin est sensé récupérer l’email du visiteur et le stocker chez ton provideur. Est-ce que ça ça fonctionne ? Si non, tu dois vérifier tes paramètres je suppose…

  13. Delphine Mauro

    Bonjour, je travaille sur DIVI et je cherche à le rendre responsive. J’ai été dans le customizer et aussi dans les modules mais rien n’y fait mes boutons qui sont dans le header ne s’affichent ni sur tablette ni sur mobile…sans compter les superpositions des écritures ! merci par avance pour votre aide

  14. Sandra

    Bonjour Lycia,
    En ce qui concerne le module Personne, je voudrais que les icônes des réseaux sociaux s’ouvrent dans une autre fenêtre. J’ai vu que c’était possible de le faire pour les icônes dans le footer, mais je n’ai pas trouvé la solution pour ce module.
    Merci par avance pour ton aide.

  15. Lycia Diaz

    Salut Sandra, je ne me suis jamais penchée sur ce module, ce doit être possible, je vais regarder dans les prochains jours

  16. Sandra

    Merci Lycia. Bonne journée.

  17. tarek

    Bonjour,

    Tout d’abord merci pour cet excellent blog et meilleurs voeux pour 2021.

    Je commence à utiliser Divi en vue de la création d’un site de présentation de noms de domaine à vendre.

    J’ai commencé par créer une page avec des rangées de 5 vignettes elles-même créées avec le module « résumé ».

    Jusque là tout va bien puisque j’arrive à indiquer le nom de domaine, le prix et un lien de « contact » dans chaque vignette…

    Sauf que j’aimerais que ces vignettes soient classées par ordre alphabétique sur toute la page y compris lorsque j’en crée une nouvelle à la fin…Car de plus s’y j’insère une vignette au milieu de la page le décalage ne s’opère pas…

    A terme j’aurai plus de 200 vignettes, voire plus sur la page.

    Pour donner une idée la présentation pourrait ressembler à celle du site brandbucket .com dans la catégorie all names par exemple. Sauf que eux ne classent pas par ordre alphabétique et que je n’ai pas forcément besoin que mes vignettes renvoient vers une fiche produit…

    Auriez-vous une idée svp ? peut-être n’ai-je pas utilisé le bon module dès le départ au lieu d’un qui permettrait ce fameux classement…ou peut être faut-il toucher au code ?

    Merci

  18. Lycia Diaz

    Salut Tarek,
    Je ne sais pas trop quoi te conseiller. Car tu pourrais en effet utiliser les Projets de Divi par exemple mais chaque projet ouvrirait sa propre page et surtout, il n’y a pas de moyen de les filtrer par ordre alphobétique, idem pour le module blog. Avec WooCommerce, peut-être que tu pourrais créer tes fiches mais rest aussi à vérifier si on peut les afficher par ordre alphabétique, je ne suis pas sûre. Du coup, j’ai pas trop d’idée. Peut-être un plugin spécialisé ou à faire développer ?
    Désolée 😉

  19. tarek

    Bonjour Lycia,
    Merci pour ton retour. En effet c’est un peu le tirage de cheveux là 🙂
    Du coup je pense me diriger vers Woocommerce car à priori je pourrai trier par ordre alphabétique les vignettes en fonction du « nom du produit ».
    En cliquant dessus le lien redirigera vers la fiche produit dans laquelle j’insérerai un formulaire de contact…
    Du coup dans la page qui regroupera mes produits (page catalogue) aurais-tu une idée de comment ne pas afficher l’image du produit mais juste le nom et le prix…
    Au passage si tu as une idée pour faire disparaitre le bouton « ajouter au panier » dans la fiche produit je suis preneur…
    Je suppose qu’il doit y avoir un code du type « display none » mais là je suis perdu…
    Encore merci…
    Tarek

  20. Lycia Diaz

    Salut Tarek, pour supprimer le bouton d’ajout au panier, je te conseille de construire ta fiche produit avec le thème builder et d’omettre sciemment le module « Woo Add To Cart » : https://astucesdivi.com/modele-fiche-produit-woocommerce/

  21. Sandra

    Bonjour Lycia,
    Je voudrais insérer dans le module accordéon une image. A priori ce module ne le permet pas. Y aurait-il une astuce pour le faire ? Merci pour ton aide.

  22. Gaston Huot

    Quelle magnifique page d’explication en français.

    Que d’informations sur ce site. Merci

    Gaston

    [1 coquille dans le titre du module 33: « Module #33 : Tableau des Tarifs (Princing Table) »]

  23. Lycia Diaz

    Merci Gaston ! Et merci pour la coquille !

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