Divi 5 marks a turning point in WordPress page-builder technology. The complete rebuild brought substantial performance improvements, a restructured module system, and native composable settings that eliminate most custom-CSS workarounds. Yet many Divi users remain anchored to a narrow set of familiar modules, missing powerful capabilities that sit dormant in their installations. This guide explores ten underutilized Divi 5 modules that professional designers can use to build more sophisticated, interactive sites without relying on custom code.
Why composable settings change the game
The power of Divi 5 lies not just in individual module capabilities but in the composable settings philosophy that underpins the entire system. Each module supports granular styling at the sub-element level — custom colors, fonts, spacing, shadows, borders, and effects on any component within a module without writing CSS. This makes sophisticated layouts accessible to designers who understand design principles but don’t have strong development skills.
Many designers operate with a limited mental model of what modules can do. They use the same three or four modules repeatedly, producing homogeneous designs that fail to differentiate their work. Breaking this pattern requires intentional exploration: load a layout with the default modules, test their potential, and notice the gaps in the playbook you have been using by default.
1. Timeline Module: visual storytelling
The Timeline module renders chronological information as a vertical or horizontal timeline with customizable connection points, dates, and descriptive content. While the obvious use cases are company histories or process flows, the flexibility extends much further: product evolution narratives, project milestones, career progression, founding events, anything where temporal sequencing helps the reader follow a story. You can assign custom colors per timeline item to color-code segments. The responsive behavior shifts automatically from horizontal to vertical on mobile without a separate module. The Timeline module also integrates with Divi’s dynamic content system, so timeline data can come from custom fields.
2. Pricing Table Module: beyond basic pricing
The Pricing Table module is ubiquitous, but most implementations don’t use its advanced features. In Divi 5, individual pricing items can have distinct backgrounds, custom button text and styling per item, and a highlighted recommended plan. The native comparison feature displays checkmarks and crosses for feature availability across plans without external CSS. Composable settings give granular control over margins, padding, borders, shadows, and opacity at the sub-element level. Use it for SaaS tier comparison, real-estate package options with highlighted recommendations, or consulting service levels with detailed feature lists. Responsive design stacks plans vertically on mobile automatically.
3. Wistia Video Module: professional video integration
The Wistia Video module connects directly to your Wistia account and pulls videos without manual embed codes or iframe wrangling. The convenience matters less than what it preserves: Wistia’s analytics, heatmaps showing where viewers drop off, and player customization options that retain brand consistency. Many designers manually embed videos via iframes and miss the engagement data that comes with the native integration. The module handles responsive scaling automatically. Useful for case studies, product demos, training content, and client testimonials where video performance data informs the next iteration.
4. Code Module: the surgical escape hatch
The Code module is humble and often overlooked because it sounds like it requires coding knowledge. In reality, it’s a safety valve for moments when no native Divi module exists for your specific need. It accepts HTML, CSS, and JavaScript, making it suitable for embedding third-party widgets (Calendly, Typeform), custom interactive elements, or specialized visualizations. Unlike adding code to template files, the Code module keeps custom code localized to specific page sections, making it portable across projects. Sections containing Code modules can be duplicated and reused. The module is not a crutch for bad design; it’s the bridge between Divi’s native capabilities and the rare cases where a specialized tool is the right answer.
5. Testimonials Module: social proof done systematically
The Testimonials module is capable but often receives minimal customization. Divi 5 lets you customize avatar images, testimonial text color, background styling, and layout density, with multiple layout options: single column, multi-column grids, and carousel formats with navigation. Avatar images scale across devices and Divi’s native image optimization keeps them light. Testimonial content supports rich text formatting, links, and emphasis. Strategic typography, spacing, and color turn a basic testimonial section into compelling social proof that genuinely influences conversion decisions.
6. Blurb Module: the unsung workhorse
The Blurb module is deceptively simple — a container for an icon, heading, and text — and most designers deploy it in three-column feature layouts and stop there. In Divi 5, composable settings let you style icon, heading, and text independently. Custom fonts on headings while body stays in another typeface. Icon sizing is granular; you can apply shadows, borders, and opacity effects to icons alone. Layout flexibility extends beyond standard grids: combine different Blurb configurations in a row to create asymmetric layouts. Use Blurb modules for process flows with sequential icons, feature comparison sections, team introductions, and service offering highlights.
7. Person Module: humanizing the brand
The Person module displays a person’s image, name, title, and social links. Purpose-built for team pages, speaker lists, and organizational structures, it includes built-in hover effects that reveal social links or additional information. Responsive design ensures team members display properly on mobile in single-column lists or multi-column grids. Beyond team pages, the Person module is useful for client reference sections, board displays, partner listings, and event speaker promotions. The built-in social media integration links directly to LinkedIn, X (formerly Twitter), Facebook, or custom URLs without separate icon modules.
8. Accordion Module: organizing dense information
The Accordion module transforms long content into organized collapsible sections. Users see headers and expand only the sections relevant to them. In Divi 5, each accordion item can have distinct styling, custom headers, and flexible content including text, images, or nested modules. Open and closed states can have different color schemes. Particularly effective for FAQ sections, feature breakdowns, technical specifications, pricing plan details, and process documentation. By reducing cognitive load, accordions encourage engagement with more content than a fully expanded page would. FAQ accordions are also a strong fit for FAQPage schema markup, which can earn rich-result eligibility for the questions inside.
9. Social Icons Module: subtle brand integration
The Social Icons module displays linked icons for social profiles. Composable settings let you customize icon size, color, hover effects, and spacing with precision. Custom icon sets with platform-specific colors, horizontal or vertical layouts, hover effects (scale, opacity, color shift). Strategically placed in headers, footers, team profiles, or call-to-action sections, customized social icons guide users toward deeper engagement without feeling decorative. The module guarantees consistency across the site and makes link updates trivial — change once in module settings, propagates everywhere.
10. Scroll Box Module: contained scrollable areas
The Scroll Box module is relatively new and underutilized. It creates a contained, scrollable area within a page where users can scroll content independently of the main page scroll. Useful for horizontal scrolling galleries, detailed comparison tables, documentation sections that don’t need full-page real estate, and timeline sections with detailed breakdowns. Supports vertical and horizontal scrolling and can contain any nested modules. Custom scrollbar styling for visual cohesion. On mobile, the module adapts to available space automatically.
Advanced settings and responsive behavior
Divi 5’s responsive design system deserves attention. Each module includes native responsive controls for visibility (hide on tablet, phone), sizing adjustments per device, and layout shifts. Spacing controls (margin and padding) can be customized independently for desktop, tablet, and mobile. Text sizing scales down on smaller screens without media queries. This native responsiveness is comprehensive enough that many CSS customizations become unnecessary.
Visibility controls are particularly powerful. Show different content on mobile versus desktop, display alternative module arrangements on tablet, hide decorative elements on small screens. Advanced designers use visibility controls to optimize mobile experiences for touch interaction rather than serving scaled-down desktop layouts.
Custom CSS integration uses module-scoped selector syntax. Module-specific CSS stays localized rather than affecting the entire site. If a module is moved to a different page, the CSS moves with it. This prevents cascading conflicts and keeps the CSS maintainable.
Module combination strategies
The real power emerges when modules combine. A Timeline module followed by a series of Blurb modules narrates a company’s evolution. Person modules in a grid with Accordion modules underneath create expandable team directories. Pricing Table modules paired with Scroll Box modules containing feature details create sophisticated pricing presentations. Testimonials carousels interspersed with Wistia Video modules create case study narratives. Understanding individual module capabilities is the foundation; recognizing how modules interact is what separates competent design from exceptional design.
Performance considerations
All Divi 5 modules are optimized for performance by default. They don’t load unnecessary JavaScript, and styling outputs as efficient CSS. Even complex layouts combining multiple advanced modules maintain Core Web Vitals scores in the green when content (images, video) is properly optimized. INP officially replaced FID as a Core Web Vital in March 2024 — Divi 5’s reduced JavaScript footprint helps INP scores meaningfully relative to legacy Divi versions.
Modern browsers handle rendering optimization sophisticated. Divi 5 modules leverage browser capabilities for lazy loading images, deferring JavaScript execution, and prioritizing critical content. The modules use semantic HTML and CSS scroll behavior that integrate with browser-native rendering rather than fighting it.
Customization depth without code
The composable settings philosophy means you achieve sophisticated visual customization without writing CSS. Typography controls, spacing adjustments, color application, shadow effects, responsive behavior — all via module UI. Many designers who learned Divi in earlier versions are unaware how much has changed. Modern Divi design requires fewer CSS workarounds and more strategic module selection and configuration.
Real-world implementation patterns
SaaS homepage. Hero module with striking background and headline. Blurb module trio for key features with custom icons. Pricing Table module with compared plans. Alternating Testimonials modules (carousel on desktop, single column on mobile) with Scroll Box modules containing case study details. Timeline module narrating company evolution. Person modules for the founding team with integrated social links. Accordion module for FAQs. Seven distinct modules, each deployed for maximum impact, creating a cohesive narrative.
Agency portfolio. Hero module. Person modules in a gallery showing team. Scroll Box modules containing detailed project portfolios users scroll horizontally. Each project paired with a Testimonials module showing client feedback. Wistia Video module near the bottom for client work highlights. Social Icons module in the footer.
Educational content. Timeline modules for learning progression, each step linking to Accordion modules containing lesson content. Blurb modules for assessments with visual progress indicators. The combination makes sequential content digestible.
Enterprise landing page. Pricing Tables, Testimonials, Social Icons, and Scroll Box modules together to create professional conversion experiences. The key is intentional module combination: selecting modules for specific communication goals rather than defaulting to familiar choices.
Conclusion
The ten modules above represent a fraction of Divi 5’s capability, but they highlight a pattern: the most powerful design tools are often the simplest, and the greatest design improvements come from mastery of existing modules rather than constant plugin additions. Spend time with the Accordion module’s hover states, the Scroll Box module’s responsive behavior, the Timeline module’s dynamic content capabilities. Your design vocabulary expands, CSS debt decreases, and sites become more maintainable. The best Divi design isn’t about knowing every module; it’s about understanding the capabilities you already have and deploying them with intention.
LaFactory builds professional Divi 5 sites that use the native module system fully — composable settings, responsive controls, dynamic content — rather than fighting it with custom CSS. Contact us to scope a Divi 5 build or refactor.