Global Default Presets

Divi modules

Divi currently offers 39 different modules for our web pages (and a few more for webshops). All website modules are displayed on this page; so you can see in 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 here: www.elegantthemes.com/modules/

Index
The modules
/* Text Module */

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

(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.

/* Post Slider Module */

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. You usually put in a lot of effort to get people into your webshop. But once they're there... do they buy or do they...
/* 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 */

8 + 13 =

/* Map Module */
/* 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 */
Name Goes Here

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 */

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. You usually put in a lot of effort to get people into your webshop. But once they're there... do they buy or do they leave empty-handed? In this blog, you'll find 7 tips to help you sell more...
/* 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