All Divi Modules in a one-page overview
Global Default Presets

Divi modules

Divi currently offers 40 different modules for our web pages, excluding those for webshops. All website modules are displayed on this page; so you can see at a glance what they are and how they look with the website’s default styling.

Under each module title, a button takes you to the Elegant Themes documentation. You can also learn all about Divi’s content elements on their website: elegantthemes.com/modules/

Index
The modules

Header Level 1

Netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper.  Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Sample link in turpis pulvinar facilisis. Ut felis.

Donec eu libero sit amet quam egestas semper.  Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, ornare sit amet, wisi.

 

Header Level 2

Header level 6

Donec eu libero sit amet quam egestas semper.  Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, ornare sit amet, wisi.

  1. An example of an ordered list
  2. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  3. Aliquam tincidunt mauris eu risus.

 

Header Level 3

Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Vivamus suscipit tortor eget felis porttitor volutpat.

  • An example of an unordered list
  • Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  • Aliquam tincidunt mauris eu risus.

 

Header level 4

Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Vivamus suscipit tortor eget felis porttitor volutpat. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Nulla porttitor accumsan tincidunt.

Sample Blockquote lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus magna. Cras in mi at felis aliquet congue. Ut a est eget ligula molestie gravida. Curabitur massa. Donec eleifend, libero at sagittis mollis, tellus est malesuada tellus, at luctus turpis elit sit amet quam. Vivamus pretium ornare est.

 

Header level 5

Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Vivamus suscipit tortor eget felis porttitor volutpat. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Nulla porttitor accumsan tincidunt.

/* Image Module */
Image-01
/* Video Module */
/* Accordion Module */
Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

/* Toggle Modules */
Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

/* Circle Counter Module */

%

Your Title Goes Here

/* Bar Counter Module */
  • Your Title Goes Here 50% 50%
  • Your Title Goes Here 75% 75%
  • Your Title Goes Here 25% 25%
/* Call To Action Module */

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

/* Audio Module */

Your Title Goes Here

by Artist Name | Album name

search

(Placeholder)

/* Blog Module */
Do you know this about links?

Do you know this about links?

If there is one thing inseparable from the internet; it’s linking!

We use links all the time, and they take us (almost) everywhere. We add them to text and images on our website, place them in menus and frequently send them in our emails.

Get the best and fastest images on your website

Get the best and fastest images on your website

Images play a pivotal role in your website’s success. They can impact loading time, user experience, and search engine optimisation (SEO). In this article, you will learn step-by-step how to prepare images for your website.

/* Post Slider Module */

Solving problems with how your website is being displayed

What do you do if your website doesn’t look quite right on your screen? Here’s what cache is and how to solve issues by clearing different types of cache.

Do you know this about links?

If there is one thing inseparable from the internet; it’s linking!

We use links all the time, and they take us (almost) everywhere. We add them to text and images on our website, place them in menus and frequently send them in our emails.

Get the best and fastest images on your website

Images play a pivotal role in your website’s success. They can impact loading time, user experience, and search engine optimisation (SEO). In this article, you will learn step-by-step how to prepare images for your website.

Show that you are trustworthy with Social Proof

This time it’s about Social Proof. The impact of an online review is compared by nearly 90% of consumers to a personal recommendation.

/* Countdown Timer Module */

Your Title Goes Here

Day(s)

:

Hour(s)

:

Minute(s)

:

Second(s)

/* Number Counter Module */

%

Your Title Goes Here

/* Email Optin Module */
/* Blurb Module */

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

/* Icon Module */
n
/* Contact Form Module */

7 + 1 =

/* Tabs Module */

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

/* Login Module */
/* Slider Module */

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

/* Video slider Module */
/* Pricing Table Module */
/* Person Module */
Deshna van Aarssen

Name Goes Here

Position

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

/* Testimonial Module */

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Name Goes Here

/* Divider Module */
/* Fullwidth Header */

Elegant Themes documentation

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Click Here
/* Fullwidth Post Slider */

Solving problems with how your website is being displayed

What do you do if your website doesn’t look quite right on your screen? Here’s what cache is and how to solve issues by clearing different types of cache.

Do you know this about links?

If there is one thing inseparable from the internet; it’s linking!

We use links all the time, and they take us (almost) everywhere. We add them to text and images on our website, place them in menus and frequently send them in our emails.

Get the best and fastest images on your website

Images play a pivotal role in your website’s success. They can impact loading time, user experience, and search engine optimisation (SEO). In this article, you will learn step-by-step how to prepare images for your website.

Show that you are trustworthy with Social Proof

This time it’s about Social Proof. The impact of an online review is compared by nearly 90% of consumers to a personal recommendation.

7 Quick Wins for a Converting Webshop

Selling your products or services in a webshop doesn’t happen automatically. In this blog you find out how to make more sales in your webshop.

CTA: Get your visitor to take action

In this blog, I want to chat about your website’s purpose, and more specifically, the goal of your different pages. If you want something to happen, you gotta ask for it!

How to change the language of WordPress and Divi

If you’ve ever worked with the translations of Divi, you know they’re not great. That’s why I choose to do everything in English.

/* Fullwidth Slider */

Elegant Themes documentation

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

/* Fullwidth Image */

Image-01
/* Fullwidth Map */

Elegant Themes documentation

Amsterdam, Netherlands

Gothenburg, Sweden

Review Your Cart
0
Add Coupon Code
Subtotal