Divi Modules¶
Divi modules are the individual content elements you place inside rows and columns using the Divi Builder. Each module serves a specific purpose — from displaying text and images to embedding videos, creating calls to action, and building complex layouts.
Quick Reference
Total modules: 70+ Categories: Content, Interactive, Fullwidth, WooCommerce Where to add: Visual Builder → click + → search or browse modules
Content Modules¶
| Module | Description | Status |
|---|---|---|
| Accordion | Collapsible content panels (grouped) | ✅ Documented |
| Audio | Embed audio player | ✅ Documented |
| Bar Counter | Animated horizontal bar charts | ✅ Documented |
| Before After Image | Interactive before/after image comparison slider | ✅ Documented |
| Blog | Display blog posts in grid or list | ✅ Documented |
| Blurb | Icon or image with heading and text | ✅ Documented |
| Button | Customizable button element | ✅ Documented |
| Call to Action | Heading, text, and button | ✅ Documented |
| Circle Counter | Animated circular progress indicator | ✅ Documented |
| Code | Raw HTML/CSS/JS code block | ✅ Documented |
| Countdown Timer | Animated countdown to a date | ✅ Documented |
| Divider | Horizontal divider line | ✅ Documented |
| Dropdown | Hover/click-triggered dropdown container with nested modules | ✅ Documented |
| Filterable Portfolio | Portfolio with category filters | ✅ Documented |
| Gallery | Image gallery grid | ✅ Documented |
| Group | Lightweight container for wrapping child modules | ✅ Documented |
| Group Carousel | Grouped modules in a horizontal scrollable carousel | ✅ Documented |
| Heading | Customizable heading text element | ✅ Documented |
| Hero | Prominent landing section with title, buttons, and images | ✅ Documented |
| Icon | Display a single icon | ✅ Documented |
| Icon List | Styled list with custom icons per item | ✅ Documented |
| Image | Display a single image | ✅ Documented |
| Lottie | Lightweight JSON/SVG animation player | ✅ Documented |
| Link | Styled link with optional icon | ✅ Documented |
| Map | Google Maps embed | ✅ Documented |
| Menu | Navigation menu display | ✅ Documented |
| Number Counter | Animated number counter | ✅ Documented |
| Pagination | Previous/next navigation for posts and loops | ✅ Documented |
| Person | Team member profile card | ✅ Documented |
| Portfolio | Portfolio grid display | ✅ Documented |
| Post Navigation | Previous/next post links | ✅ Documented |
| Post Content | Display current post/page content | ✅ Documented |
| Post Slider | Blog posts in slider format | ✅ Documented |
| Post Title | Dynamic post title display | ✅ Documented |
| Pricing Table | Pricing comparison table | ✅ Documented |
| Sidebar | Widget area display | ✅ Documented |
| Slider | Image and content slider | ✅ Documented |
| Social Media Follow | Social media icon links | ✅ Documented |
| Tabs | Tabbed content sections | ✅ Documented |
| Testimonial | Customer testimonial display | ✅ Documented |
| Text | Rich text content block | ✅ Documented |
| Toggle | Individual collapsible panel | ✅ Documented |
| Video | Embed video content | ✅ Documented |
| Video Slider | Video carousel slider | ✅ Documented |
Interactive Modules¶
| Module | Description | Status |
|---|---|---|
| Comments | Post comments display | ✅ Documented |
| Contact Form | Form builder | ✅ Documented |
| Email Optin | Email signup form | ✅ Documented |
| Login | User login form | ✅ Documented |
| Search | Search input | ✅ Documented |
Fullwidth Modules¶
| Module | Description | Status |
|---|---|---|
| Fullwidth Header | Full-width hero header section | ✅ Documented |
| Fullwidth Map | Full-width Google Maps embed | ✅ Documented |
| Fullwidth Menu | Full-width navigation menu | ✅ Documented |
| Fullwidth Portfolio | Full-width portfolio grid | ✅ Documented |
| Fullwidth Slider | Full-width content slider | ✅ Documented |
WooCommerce Modules¶
| Module | Description | Status |
|---|---|---|
| Shop | WooCommerce product grid | ✅ Documented |
| Woo Breadcrumbs | Product breadcrumb navigation | ✅ Documented |
| Woo Cart Products | Cart contents display | ✅ Documented |
| Woo Cart Totals | Cart totals summary | ✅ Documented |
| Woo Checkout Billing | Checkout billing form | ✅ Documented |
| Woo Checkout Details | Checkout order details | ✅ Documented |
| Woo Checkout Information | Checkout customer info | ✅ Documented |
| Woo Checkout Payment | Checkout payment methods | ✅ Documented |
| Woo Checkout Shipping | Checkout shipping options | ✅ Documented |
| Woo Cross Sells | Cross-sell product suggestions | ✅ Documented |
| Woo Product Description | Product description display | ✅ Documented |
| Woo Product Images | Product image gallery | ✅ Documented |
| Woo Product Information | Product meta information | ✅ Documented |
| Woo Product Price | Product price display | ✅ Documented |
| Woo Product Rating | Product star rating | ✅ Documented |
| Woo Product Reviews | Product reviews section | ✅ Documented |
| Woo Product Stock | Product stock status | ✅ Documented |
| Woo Product Tabs | Product tabbed information | ✅ Documented |
| Woo Product Title | Product title display | ✅ Documented |
| Woo Products | Product listing grid | ✅ Documented |
| Woo Related Products | Related products display | ✅ Documented |
Help us improve
All newly generated pages include <!-- TODO --> markers for settings that need manual verification. Check the Contributing Guide to help fill in the details.