Divi includes 40+ modules covering nearly every website need — but most users stick to a handful and never explore the rest. That's a missed opportunity. Modules like the Number Counter, Filterable Portfolio, and Bar Counter can transform a flat-looking page into something dynamic and engaging.
This guide is the reference we wish existed when we started using Divi at Nicada Digital. Every built-in module, what it does, when to use it, and the gotchas we've learned over 20+ years.
Quick reference:
Divi groups modules into Standard (text, image, button), Forms (contact, signup, login), Media (slider, video, gallery), Content (blurb, accordion, tabs), Counters (number, bar, circle), WooCommerce (products, cart, checkout), and Theme Builder (dynamic post modules). Each module has hundreds of styling options.
The Section / Row / Module Hierarchy
Before diving into modules, understand Divi's structure:
- Section — horizontal stripes that contain one or more rows. Examples: hero section, features section, testimonials section, footer section.
- Row — sits inside a section, divides into 1–6 columns.
- Module — the actual content element, lives inside a column. Text, image, button, etc.
Drag-and-drop in the Visual Builder respects this hierarchy. You can copy a module to another row, but not directly to a section.
Standard Content Modules
Text Module
The most-used module on any site. Holds paragraphs, headings, lists, and links. Supports full WYSIWYG editing plus raw HTML.
Use for: body copy, headings, blog post content.
Pro tip: assign proper heading hierarchy (H1 once per page, H2 for sections, H3 for subsections). See our SEO guide.
Image Module
Display a single image with optional caption, link, and animation. Supports lazy loading and responsive sizing.
Use for: photos, product shots, illustrations.
Pro tip: set proper width and height attributes to prevent layout shift (CLS). Use WebP format for faster loading.
Button Module
A styled call-to-action button. Hundreds of styling options, hover effects, and animation triggers.
Use for: primary CTAs, secondary CTAs, navigation buttons.
Pro tip: use Divi presets to apply your brand button styling consistently across the site.
Blurb Module
Combines an icon (or image), heading, and text into a feature block. The most underused powerful module in Divi.
Use for: service highlights, feature grids, team intros, "why choose us" sections.
Pro tip: the blurb is what most "icon box" widgets are in other builders. Master this and you'll build features sections in seconds.
Code Module
Insert raw HTML, JavaScript, or shortcodes directly into your page.
Use for: third-party embeds (Calendly, Typeform), custom HTML, tracking pixels.
Pro tip: use sparingly — if Divi has a built-in module that does the job, use that instead for better maintainability.
Divider Module
A horizontal line or visual divider between sections.
Use for: separating content blocks visually.
Pro tip: dividers can be styled with custom heights, colours, and dotted/dashed/solid styles.
Form Modules
Contact Form Module
A drag-and-drop contact form builder. Adjustable fields, captcha, and email routing.
Use for: contact pages, quote forms, simple lead capture.
Pro tip: for advanced needs (multi-step forms, conditional logic), pair with WPForms or Fluent Forms.
Email Optin Module
Connects to email marketing services (Mailchimp, ConvertKit, ActiveCampaign, Klaviyo) for newsletter signups.
Use for: newsletter signup forms, lead magnets.
Pro tip: works seamlessly with Bloom (Elegant Themes' opt-in plugin) for advanced popup workflows.
Login Module
A WordPress login form for membership or restricted-content sites.
Search Module
Adds a search field that queries WordPress content.
Media Modules
Slider Module / Fullwidth Slider
Image and video slideshows with optional text overlays and CTAs.
Use for: homepage heroes, testimonial rotations, product showcases.
Pro tip: sliders are heavy — use them sparingly. A single static hero often converts better than a slider.
Video Module
Embed videos from YouTube, Vimeo, Wistia, or self-hosted.
Pro tip: for performance, use Wistia or self-host with a poster image for fastest LCP.
Gallery Module
Grid or slider of images. Supports lightbox preview.
Use for: portfolios, photo galleries, before/after collections.
Audio Module
An audio player for music, podcasts, or voiceovers.
Layout Modules
Tabs Module
Click-to-switch tabs revealing different content.
Use for: FAQs, feature comparisons, service breakdowns.
Accordion Module
Collapsible content panels (vertical tabs essentially).
Use for: FAQs (especially with FAQ schema), long content that benefits from progressive disclosure.
Toggle Module
Single collapsible panel.
Counter Modules
Number Counter
Animated number that counts up when scrolled into view. Eye-catching for stats and metrics.
Use for: "X happy clients", "Y projects completed", any impressive number.
Bar Counter
Animated horizontal progress bars.
Use for: skills sections, progress indicators.
Circle Counter
Animated circular progress indicator.
Use for: percentage stats, milestone progress.
Social Modules
Social Media Follow Module
Linked icons to your social profiles.
Pro tip: include only the platforms you actively post to. Dead Twitter/Facebook icons hurt credibility.
Comments Module
Displays WordPress comments (used in blog post templates).
Person Module
Team member card with photo, name, role, bio, and social links.
Use for: team pages, "meet the team" sections.
Testimonial Module
Pre-styled testimonial card.
Pro tip: add testimonial schema markup via Rank Math for rich snippets in Google.
Content Display Modules
Blog Module
Display a grid or list of posts with featured image, title, excerpt, and read more link.
Use for: blog page, "recent posts" sections, category archives.
Portfolio / Filterable Portfolio
Grid of portfolio items, optionally filterable by category.
Use for: portfolio pages, case study collections.
Pricing Tables Module
Side-by-side comparison of pricing plans with features.
Use for: service tier comparisons, software pricing pages.
Map Module
Embedded Google Map with optional pin and details.
Use for: contact pages, store locator, location-specific landing pages.
Counters / Countdown Timer
Live countdown to a specific date and time.
Use for: launches, sales, urgency CTAs.
WooCommerce Modules (with WooCommerce installed)
Divi 5 ships with built-in WooCommerce modules for designing custom shop pages:
- Woo Cart Notice — cart notifications
- Woo Cart Products — cart contents
- Woo Cart Totals — pricing breakdown
- Woo Checkout Billing — checkout fields
- Woo Products — product grids
- Woo Product Title / Images / Description / Price — for custom product templates
- Woo Add to Cart — add to cart button
- Woo Reviews — customer reviews
- Woo Related Products — cross-sell display
Combined with the Theme Builder, you can rebuild every WooCommerce page from scratch. See our Divi WooCommerce guide.
Theme Builder Dynamic Modules
Inside Theme Builder templates, dynamic modules pull content from each page automatically:
- Post Title — displays the page/post title
- Post Content — the page body
- Post Featured Image — the featured image
- Post Author — author name and bio
- Post Meta — categories, tags, date
- Post Comments — comment thread
- Post Navigation — previous/next post links
These are essential for building blog templates that work for every post automatically.
Most-Used Modules by Use Case
For a Service Business Website
Text, Image, Button, Blurb, Contact Form, Testimonial, Map, Person.
For a Blog
Theme Builder dynamic modules (Post Title, Content, Featured Image, Comments), Blog module, Search.
For an Online Shop
WooCommerce modules, Pricing Tables, Image, Button, Email Optin, Testimonial.
For a Portfolio
Filterable Portfolio, Image, Gallery, Person, Contact Form.
For a Landing Page
Slider (or static Image), Blurb, Number Counter, Pricing Tables, Email Optin, Testimonial, Button.
Custom Modules from Third Parties
If Divi's built-in 40+ modules don't cover your need, third-party developers offer add-on modules. See our best Divi child themes guide for recommended developers like Aspen Grove Studios, Divi Engine, and Divi Den.
FAQs
How many modules does Divi have?
40+ built-in modules across content, forms, media, layout, counters, social, WooCommerce, and Theme Builder categories. All free with your Divi licence.
Can I create my own custom Divi modules?
Yes — using Divi's Module API. It requires PHP/React knowledge. For most users, third-party developers' modules are easier than building your own.
Are there modules I shouldn't use?
Sliders should be used sparingly — they hurt PageSpeed and rarely outperform a static hero. Heavy animation modules can also slow your site. See our speed guide.
Can I copy a module between pages?
Yes — right-click any module in the Visual Builder and choose Copy. Paste anywhere on any page.
Are Divi modules accessible (WCAG)?
Mostly yes — Divi 5 outputs proper semantic HTML, ARIA attributes, and supports keyboard navigation. Some interactive modules (sliders, accordions) need manual checks for full WCAG compliance.
Can I save my own preset for a module?
Yes — Divi has a built-in Presets feature. Style a module how you want, save it as a preset, then apply that style to new instances of the module across your site.
Conclusion
Divi's module library is more powerful than most users realise. The 10 modules everyone uses (Text, Image, Button, Blurb, Contact Form, Slider, Video, Tabs, Pricing Tables, Person) cover 80% of needs. The remaining 30+ modules add the polish that separates good Divi sites from great ones.
If you're new to Divi, start with our beginner tutorial. Once you're comfortable, master the Theme Builder. After that, you'll have the foundation to use every module in this guide effectively.