Divi Modules: Complete List with Examples

by | November 23, 2023

If you’re looking to create an impressive website, Divi is your secret weapon armed with its built-in features and default modules. Divi’s strength lies in its extensive collection of modules, meticulously crafted to enhance both the functionality and visual appeal of your website.

While Elegant Themes provides a diverse array of modules right from the start, the dynamic WordPress community has contributed a multitude of specialized modules through third-party plugins. These custom modules bring distinctive features and functionalities to the table, catering to specific niche requirements.

In this list, we’ll provide you with an in-depth look at Divi’s extensive module collection, covering both default Divi modules and those offered by third-party plugins.

Our goal is to provide you with a comprehensive understanding of these Divi modules, empowering you to unlock their full potential for creating captivating websites.

List of All the Default Divi Modules

Accordion

Accordion organizes images or text into toggles to show and hide information with a click. You can add a title, body text, links, background, and more with an accordion. Plus, its design choices let you change icons, text, size, spacing, and more.

  • DiviFlash: Image Accordion
  • Divi Pixel: Accordion Image
  • Divi Essential: Divi Accordion Image
  • Divi Plus: Image Accordion
  • Divi Supreme Pro: Image Accordion
  • Divi ConKit Pro: Image Accordion

Audio

Play and share any audio file, like a song or podcast, anywhere on your website through the Divi Audio module. This module has basic audio player components that allow you to add captions, text, image, background, and so on.

Note: Divi by default includes this module, but we found no third-party plugins offering it.

Bar Counter

Display any percentage data and information with the Divi Bar Counter module. This one lets you add as many metrics as you like and among them, the coolest feature is lazy-loading animation. 

  • Divi Plus: Bar Counter
  • Divi Torque: Progress Bar

Blog

Display the blog posts in different modes including custom post types in full-width and grid layouts. Additionally, you will also have hundreds of exceptional customization options.

  • DiviFlash: Post Grid, Post Carousel
  • Divi Pixel: Blog Slider
  • Divi Plus: Blog Slider, Blog Timeline
  • Divi Supreme Pro: Blog Carousel, Post Carousel
  • Divi ConKit Pro: Blog Plus

Blurb

Blurb is a simple and elegant combination of text and imagery. This option highlights what you want visitors to focus on. With this module, you can customize text, spacing, size, borders, images, icons, and more.

  • DiviFlash: Advanced Blurb
  • Divi Essential: Next Blurb
  • Divi Torque: Blurb

Button

The Divi Button module allows you to add clickable buttons to your website with countless design options, including text, links, icons, and more. Also, you can style, align, animate, or more to make the button beautiful.

  • DiviFlash: Dual Button
  • Divi Pixel: Button Grid
  • Divi Essential: Divi Dual Button, Divi Next Button, Divi Twitter Button
  • Divi Plus: Advanced Button, Twitter Tweet Button, Twitter Follow Button
  • Divi Supreme Pro: Supreme Button, Facebook Like Button, Social Share Button
  • Divi ConKit Pro: Dual Button, Social Share

Call To Action

A call-to-action module will help you to get the clicks needed for a sale or a quote. It stands out because of the text, body text, and button combination. And the purpose of CTA is to draw your visitors’ attention and encourage them to take immediate action.

  • Divi Pixel: Expanding CTA

Circle Counter

The Divi Circle Counter allows you to show numerical or statistical data in a different way to your visitors. To ensure an enjoyable browsing experience, animations are triggered using lazy loading.

Note: Divi by default includes this module, but we found no third-party plugins offering it.

Code

Divi Code enables you to customize your website based on your coding skills. You can add HTML, CSS, JavaScript, and even third-party plugin shortcodes to create unique additions to your web page.

Note: Divi by default includes this module, but we found no third-party plugins offering it.

Comments

Comments can be added anywhere on a post or page using the Comments module. You are no longer limited to displaying comments at the bottom of your posts, and can instead gain full control over the order of elements using the Divi Builder. 

  • Divi Essential: Divi Facebook Comment, Divi Embedded Comment, 
  • Divi Plus: Facebook Comments
  • Divi Supreme Pro: Facebook Comments

Contact Form

A fully customizable Divi Contact Form module makes it easier for your visitors to connect with you. This lets you build a customized contact form, including input fields, field validation, and conditional logic. 

  • DiviFlash: WPForms Styler, Contact Form 7 Styler
  • Divi Pixel: Gravity Forms Styler
  • Divi Plus: Form Styler, Gravity Forms Styler
  • Divi Supreme Pro: Contact Form 7, Caldera Forms
  • Divi ConKit Pro: CF7 Styler

Countdown Timer

This Divi Countdown Timer module lets your visitors know when an event or offer is about to begin or end. It will create a timer that shows days, hours, minutes, and seconds and will count down to your specified date.

  • Divi Pixel: Countdown
  • Divi Life: Countdown Timer

Divider

Create a horizontal line or space between the modules on your web page’s layout to specify separation. You can use this module to create space anywhere on your webpage.

  • DiviFlash: Advanced Divider
  • Divi Essential: Divi Text Divider, Divi Next Divider
  • Divi Plus: Separator
  • Divi Supreme Pro: Text Divider, Icon Divider
  • Divi Torque: Divider
  • Divi ConKit Pro: Advanced Divider

Email Opt-in

Increase your email subscriptions through the advanced Divi Email Opt-in module. Create custom opt-in forms with hundreds of customization options and collect email addresses using the 21 most popular email software platforms.

  • Divi Pixel: Gravity Forms Styler
  • Divi Plus: Gravity Forms Styler

Filterable Portfolio

Divi Filterable Portfolio module will make things easier for your visitors as they can filter your specified projects by category. You can display your portfolio in either a full-width or grid layout. Plus, the web page will not reload when visitors filter.

Note: Divi by default includes this module, but we found no third-party plugins offering it.

Gallery

A gallery module is the best way to display your projects, works or images anywhere on your website, either in a grid format or in a slider layout. Also, you can make your gallery look appealing by customizing it.

  • DiviFlash: Advanced Gallery, Justified Gallery, Packery Gallery, Instagram Feed Gallery
  • Divi Pixel: Filterable Gallery, Masonry Gallery, Hover Gallery
  • Divi Essential: Gallery Slider, Masonry 
  • Divi Plus: Masonry Gallery, Filterable Gallery
  • Divi Supreme Pro: Masonry Gallery, Filterable Gallery
  • Divi Life: Masonry Gallery

Hero (Fullwidth Header)

Hero modules can be used to create full-width and full-screen hero sections. With this module, you can display a title, subtitle, button, icon, image, and many more to motivate your visitors to take your desired action.

Note: Divi by default includes this module, but we found no third-party plugins offering it.

Icon

The Divi Icon Module gives you hundreds of icon options that you can use on your website. You just need to find your desired icon and change its color, size, and other settings.

  • Divi Supreme Pro: Icon List
  • Divi Pixel: Lottie Icon
  • Divi Essential: Image Icon Effect
  • Divi Supreme Pro: Icon Divider, Icon List
  • Divi Torque: Icon Box
  • Divi ConKit Pro: Icon Box

Image

Divi Image module allows you to add images anywhere on your website. It allows you to customize image size, animation, drop shadows, borders, and more. Also, you can apply various overlay styles and filters to enhance your visitors’ image viewing experience.

  • DiviFlash: Image Accordion, Image Carousel, Before After Slider
  • Divi Pixel: Floating Image, Image Hotspot, Panorama, Image Mask, Image Slider
  • Divi Essential: Mega Image Effect, Ultimate Image Effect, Before After
  • Divi Plus: Image Mask, Image Card Slider, Image Magnifier, Interactive Image Card
  • Divi Supreme Pro: Supreme Image, Floating Multi Images, Image Text Reveal

Login Form

Divi Login Form module lets you create a login area for registered users to give them access to certain resources. You can modify the login form according to your preferences and use it anywhere on your website.

  • Divi Pixel: Custom Login Page

Map

Make your location visible on your website with the help of the Map module. With this module, you can embed interactive Google Maps with a pinned location and description on your website.

  • Divi Supreme Pro: Embed Google Map

Menu

Use the Menu module to make navigation easier for the user. You can customize the layout, menu text, icons, logo, dropdown menu, and more to make your website look better.

  • DiviFlash: Advanced Menu
  • Divi Supreme Pro: Menu

Number Counter

Divi Number Counter module displays statistics and numerical data on your website in an attractive way. It has a lazy-loading animation facility with an optional percentage sign and plenty more customization options. 

  • Divi ConKit Pro: Number

Person

Create a personal or team member’s profile for your website with a fully customizable Person module. You can introduce each member by adding his image, name, designation, short bio, and social links.

  • DiviFlash: Advanced Person
  • Divi Essential: Creative Team, Team Overlay Card, Next Person
  • Divi Plus: Team Slider, Team Grid
  • Divi Torque: Team
  • Divi ConKit Pro: Advanced Team

Portfolio

Divi Portfolio lets you showcase your creative work with an image gallery. It allows you to showcase your work in a full-width or grid layout by linking each image to the page where users can learn more about that project.

Note: Divi by default includes this module, but we found no third-party plugins offering it.

Portfolio Carousel (Fullwidth Portfolio)

The Divi Fullwidth Portfolio lets you display your portfolio dynamically. It’s pretty much like the portfolio module, but with full-width image display functionality that will provide your visitors with a better user experience.

Note: Divi by default includes this module, but we found no third-party plugins offering it.

Post Navigation

With the Post Navigation module, you can automatically link to your next and previous blog posts to encourage users to visit your website again. This is the best way to earn a good amount of traffic.

Note: Divi by default includes this module, but we found no third-party plugins offering it.

Post Slider

Divi Post Slider is your ultimate solution to add featured posts, projects, or your preferred content in a standard slider format. Here you can control the post count, category, add button, and perform plenty of display customizations.

  • DiviFlash: Post Carousel, CPT Carousel
  • Divi Essential: Post Carousel
  • Divi Supreme Pro: Post Carousel
  • Divi ConKit Pro: Post Carousel

Post Title

If you want to display your post in a way that attracts your audience, Divi Post Title will be the best option for you. You can customize each element in settings to make your Post Title look better. 

Note: Divi by default includes this module, but we found no third-party plugins offering it.

Pricing Tables

Create as many tables as you want, and control their pricing and features with the Pricing Tables module. Also, you can customize settings like adding subtitles, currencies, frequencies, prices, buttons, and more.

  • Divi Pixel: Pricing Table 

Search

With the Divi Search Module, you can add a search bar anywhere on a page, post, header, or footer. Besides adding a search bar, you can also control what site content appears in the search results. 

  • Divi Plus: Ajax Search

Sidebar

This Divi module lets you create unlimited sidebars in just a few steps. It integrates with WordPress widgets so you can manage sidebars globally. And using sidebars, you can create unique sidebars for every page or post individually.

Note: Divi by default includes this module, but we found no third-party plugins offering it.

Slider

Sliders allow you to showcase visual content that grabs visitors’ attention. These sliders can be small, large, fixed width, or full width. Moreover, Divi sliders are compatible with parallax backgrounds and full-width video backgrounds.

  • DiviFlash: CPT Carousel, Advanced Carousel, Testimonial Carousel
  • Divi Pixel: Carousel
  • Divi Essential: Logo Carousel, Testimonial Carousel, Post Carousel
  • Divi Plus: Blog Slider, Logo Slider, Before After Slider
  • Divi Supreme Pro: Post Carousel, Card Carousel

Social Follow

Let your website visitors connect and engage with your various social media platforms through the Divi Social Follow module. You can integrate it with over 50 social media platforms and customize the icons to suit your needs.

  • Divi Essential: Twitter Follow, 
  • Divi Plus: Twitter Follow Button

Tabs

Adding Divi Tab module is the key to improving your visitors’ web surfing experience, as it consolidates information. With this module, you can create tabbed content sections and allow visitors to navigate between tabs without reloading the page.

  • DiviFlash: Advanced Tabs
  • Divi Pixel: Advanced Tabs
  • Divi Essential: Advanced Tab
  • Divi Plus: Vertical Tab 
  • Divi Supreme Pro: Advanced Tabs

Testimonial

Testimonials are an effective way to encourage trust from your visitors. This module makes testimonial display easier with customization options like the author’s name, link to their website, styled quote, and more.

  • DiviFlash: Testimonial Carousel
  • Divi Essential: Testimonial Slider
  • Divi Plus: Testimonial Grid
  • Divi Torque: Testimonial
  • Divi ConKit Pro: Testimonial, Testimonial Carousel

Text

The Divi Text module gives you the flexibility to create text anywhere, like pages, posts, templates, headers, footers, and more. Besides adding text, you can customize your text to make it appealing and engaging.

  • DiviFlash: Typing Text 
  • Divi Pixel: Typing Text, Text Highlighter, Fancy Text
  • Divi Essential: Text Color Motion, Text Divider, Text Mask
  • Divi Plus: Fancy Text, Text Highlighter, Text Animator
  • Divi Supreme Pro: Gradient Text, Text Divider, Text Badges
  • Divi ConKit Pro: Animated Text

Toggle

The Divi Toggle module lets you create an interactive section of content that can be expanded or collapsed with a single click. This is the best way to simplify your webpage, make it clutter-free, and improve user experience. 

  • DiviFlash: Content Toggle
  • Divi Plus: Content Toggle 
  • Divi Supreme Pro: Content Toggle
  • Divi Torque: Content Toggle
  • Divi ConKit Pro: Content Toggle
  • Divi Life: Content Toggle

Video

Divi Video allows you to incorporate videos from a variety of sources and show them anywhere on your site. Simply upload a video or define a video URL and Divi will embed it on your page in any column size.

  • Divi Essential: Facebook Embedded Video
  • Divi Torque: Video Modal

Video Slider

The video slider works similarly to the video module, but the difference is that this one lets you display a collection of videos. Plus, you can make plenty of customizations to make the appearance more eye-catching. 

  • Divi ConKit Pro: Video Carousel

List of All Full Width Divi Modules

Fullwidth modules work the same as the default module. The core difference is that it occupies the full width of the page.

  • Fullwidth Code
  • Fullwidth Header (Hero)
  • Fullwidth Image
  • Fullwidth Map
  • Fullwidth Menu
  • Fullwidth Portfolio (Portfolio Carousel)
  • Fullwidth Post Slider
  • Fullwidth Post Title
  • Fullwidth Slider

List of All the Custom Divi Modules

Heading

Headings are a key to any visual content, cause it attracts first when they are on your content. With these custom modules, you can create animations, multiples, fancy text, or more advanced customizations to make them appealing.

  • DiviFlash: Advanced Heading, Animated Heading
  • Divi Pixel: Dual Heading
  • Divi Plus: Fancy Heading
  • Divi Supreme Pro: Dual Heading
  • Divi Torque: Gradient Heading, Heading
  • Divi ConKit Pro: Advanced Heading

Timeline

The timeline module helps you display your long context in a chronological graphical tree to make your visitors understand. It’s the best way to organize information in an eye-catching and easy-to-read manner.

  • Divi Pixel: Timeline, Horizontal Timeline
  • Divi Essential: Timeline, Twitter Timeline
  • Divi Plus: Timeline, Twitter Timeline, Divi Blog Timeline
  • Divi Supreme Pro: Twitter Timeline, Content Timeline
  • Divi Torque: Timeline, Horizontal Timeline

Business Hours

The Business Hours module lets your visitors know your business opening and closing hours in a beautiful way.

  • DiviFlash: Business Hours
  • Divi Essential: Business Hour
  • Divi Plus: Business Hours
  • Divi Supreme Pro: Business Hours
  • Divi Torque: Business Hours
  • Divi ConKit Pro: Business Hours

Table

Table modules help to display your data in a well-organized tabular way on your website. With custom modules, you can create any type of table alongside hundreds of customization options. 

  • DiviFlash: Table, Data Table

List

The list module allows you to organize and present information in a listicle manner on your website. With these custom modules, you can customize the combination of images, animations, icons, text, and more in a listicle way.

  • DiviFlash: Advanced List
  • Divi Pixel: Price List, Table of Contents
  • Divi Essential: Feature List
  • Divi Plus: Price List 
  • Divi Supreme Pro: Price List, Icon List

FAQ

The FAQ module helps users to view questions and answers in pairs. Similar to the Divi Accordion, but with more powerful options you can use it in countless other ways.

  • DiviFlash: FAQ
  • Divi Pixel: FAQ
  • Divi Supreme Pro: FAQ
  • Divi Plus: FAQ Page Schema

Flip Box

Flip Box lets you showcase visual content hierarchically by providing content on both sides. With these custom modules, you’ll have the ability to customize the design and use advanced features. 

  • DiviFlash: Flip Box
  • Divi Pixel: Flip Box
  • Divi Essential: Flip Box, 3D Flip Box
  • Divi Plus: Flip Box
  • Divi Supreme Pro: Flip Box

Tilt

The Tilt module lets you display information in a 3D card style that interacts with the user’s mouse. In addition, you can reverse tilt direction, speed, transform, glare, scale, and more effects to create an attractive blurb section.

  • DiviFlash: Tilt Card
  • Divi Pixel: Tilt Image
  • Divi Essential: Advanced Tilt, Text Tilt Effect
  • Divi Plus: Tilt Image

Hover 

The hover module helps you create interactive content that only displays content when users mouse over it. Using these modules you can create multiple content elements like a title, subtitle, image, CTA button, and more.

  • DiviFlash: Hover Box, Image Hover
  • Divi Pixel: Hover Box, Hover Gallery
  • Divi Essential: Hover Highlight, Image Hover Box Effect
  • Divi Supreme Pro: Image Hover Reveal
  • Divi ConKit Pro: Hover Box
  • Divi Life: Hover Box

Lottie

Lottie Module shows eye-catching animations to increase conversion and engagement on the website. This module allows you to control the Lottie animation speed, interaction, direction, loop settings, and more.

  • DiviFlash: Lottie
  • Divi Pixel: Lottie Icon
  • Divi Essential: Lottie
  • Divi Plus: Lottie
  • Divi Supreme Pro: Lottie
  • Divi Torque: Lottie Animation
  • Divi ConKit Pro: Lottie Animation

CPT

The CPT module shows custom post types like projects, portfolios, and products with different elements and layouts. 

  • DiviFlash: CPT Grid, Filterable CPT, CPT Carousel

Breadcrumbs

The Breadcrumbs module is a great option for hierarchical navigation link representation. It helps to improve navigation for your visitors by allowing them to explore different pages of your site effortlessly. 

  • DiviFlash: Breadcrumbs
  • Divi Pixel: Breadcrumbs
  • Divi Plus: Breadcrumbs
  • Divi Supreme Pro: Breadcrumbs
  • Divi Life: Breadcrumbs

Popup

The popup module allows you to create and design various popups and triggers for your website. Popups serve various purposes and benefits in multiple scenarios.

  • Divi Plus: Modal Popup
  • Divi ConKit Pro: Video Popup
  • Divi Life: Popup Module

Social Media

The social media module helps you integrate your website with social media sites such as Twitter and Facebook. Using the custom modules, you can customize all the social media essentials according to your needs. 

  • DiviFlash: Instagram Feed Gallery, Instagram Feed Carousel
  • Divi Essential: Facebook Embedded Video, Twitter Timeline
  • Divi Plus: FB Embedded Post, Facebook Like, Facebook Page, FB Embedded Video
  • Divi Supreme Pro: Facebook Like Button, Facebook Embed, Twitter Timeline
  • Divi ConKit Pro: Instagram Feed, Twitter Feed

Social Media Comment

The Social Media Comment module lets visitors comment on your web page using their social media accounts. It’s an excellent way to increase user engagement on your website and boost the conversation rate.

  • Divi Essential: Facebook Comment
  • Divi Plus: Facebook Comments, FB Embedded Comment
  • Divi Supreme Pro: Facebook Comments

Social Share

Social Share increases visibility and engagement on social media. Divi custom module providers offer a multitude of social share modules with tons of customization possibilities.

  • Divi Essential: Facebook Share
  • Divi Plus: Facebook Share
  • Divi Supreme Pro: Social Share Button
  • Divi Torque: Social Share
  • Divi ConKit Pro: Social Share

SVG

The SVG module allows you to add engaging animation to any SVG image. You can control the animation of SVG drawings with these modules.

  • Divi Pixel: SVG Animator
  • Divi Supreme Pro: SVG Animation
  • Divi Torque: SVG
  • Divi ConKit Pro: Inline SVG

Star Rating

The Star Rating module represents the user review of your product using star marking. Using this module you can customize your stars more and make users engage to give feedback.

  • DiviFlash: Star Rating
  • Divi Pixel: Star Rating
  • Divi Essential: Review, Rating
  • Divi Plus: Star Rating
  • Divi Supreme Pro: Star Rating

Summing up

Hope this guide helps you get precise knowledge about Divi’s available modules and their offerings. If you 

You can also check our Divi WooCommerce module list and make your WooCommerce website-building experience even better.

FURTHER READING: Divi WooCommerce Modules List

Take Your Divi Website to the Next Level with DiviFlash!

Like this article? Spread the word

Related articles

0 Comments

Submit a Comment

Your email address will not be published. Required fields are marked