Divi 5 – The All-new Divi Built From The Ground Up
/Year
The Divi 5 WordPress theme represents a landmark shift in how websites are built, moving away from legacy systems to a modern, block-based architecture. Developed by Elegant Themes, The All-new Divi has been rebuilt from the ground up to prioritize lightning-fast performance, developer-friendly APIs, and a streamlined “design by system” philosophy. Whether you are a freelance designer managing dozens of client sites or a small business owner looking for a pixel-perfect online presence, Divi 5 offers a sophisticated yet accessible toolkit that scales with your ambitions.
1. Introduction: A Reimagined Design Philosophy
Divi 5 is no longer just a “page builder plugin” bundled with a theme; it is a comprehensive design ecosystem. Its core philosophy centers on eliminating technical debt—specifically the heavy shortcode-based system of previous versions—in favor of a modern, leaner codebase. This theme is ideal for:
- Agencies and Freelancers: Who need to build high-performance, maintainable sites quickly using global design variables.
- eCommerce Owners: Seeking deep WooCommerce integration for high-converting storefronts.
- Beginners: Who want a visual, no-code environment that doesn’t sacrifice site speed.
- Advanced Developers: Who want to leverage the new API and semantic HTML for custom enterprise-level solutions.
2. Key Divi 5 Features: Design, Layout & Performance
The most significant upgrades in Divi 5 are found under the hood, but they translate directly into a superior visual editing experience.
Modern Design & Layout Options
Divi 5 introduces a “Design by System” approach. Instead of styling every module individually, you can define Design Variables and Global Presets.
- Nested Rows and Module Groups: Create complex, multi-layered layouts and grid structures that were previously difficult to achieve.
- The Theme Builder: Gain total control over site-wide headers, footers, and post-type templates.
- Dedicated Canvases: Easily design off-canvas elements like slide-in menus, popups, and notification drawers without third-party plugins.
Industry-Leading Performance & SEO
One of the most common questions from users is, “Is Divi 5 good for SEO?” The answer is a resounding yes. By moving to a block-based storage format and eliminating shortcode bloat, Divi 5 ensures cleaner markup and faster server rendering (reported to be 2x to 4x faster than Divi 4).
- Modularized Loading: Only the CSS and JavaScript needed for a specific page are loaded, drastically improving Core Web Vitals.
- Semantic HTML: You can now assign specific HTML tags (H1, Section, Article, etc.) to modules, helping search engines understand your content hierarchy.
- Native Speed: With scores hitting 100 on Google PageSpeed Insights for many core layouts, Divi 5 competes directly with the fastest “lightweight” themes on the market.
3. Installation & Demo Import Guide
Setting up Divi 5 is designed to be a friction-free experience. Follow these steps to get started:
- Installation: Upload the Divi 5 theme folder via Appearance > Themes > Add New in your WordPress dashboard. Activate it using your Elegant Themes API key.
- Plugin Setup: While Divi 5 is an all-in-one solution, ensure any specific extensions (like Divi VIP or Divi AI) are active if included in your plan.
- Demo Import: Navigate to the Divi Library or use the Visual Builder on any page. You can choose from over 2,000+ pre-made website packs.
- Final Polish: Once a layout is imported, the images, typography, and spacing will automatically populate. Because Divi 5 uses a block-based format, the initial load of the builder is significantly snappier than in previous iterations.Pro Tip: Ensure your hosting environment is running PHP 7.4 or higher (PHP 8.x is recommended) and has sufficient memory (256MB+) to handle large layout imports smoothly.
4. Customization Guide: Branding & Global Styles
The “Design System” in Divi 5 is where the theme’s flexibility truly shines. Here is how to personalize your site:
Global Styles and Design Variables
Instead of manual CSS, use the Attribute Manager and Design Variables. If you change a primary brand color in your Global Styles, every button, heading, and icon using that variable updates instantly across the entire site.
Advanced Responsive Control
Divi 5 supports up to seven custom breakpoints. This allows you to fine-tune exactly how your site looks on ultra-wide monitors, standard laptops, tablets, and various smartphone sizes. You can also use advanced CSS functions like calc() and clamp() directly within the interface for fluid typography that scales perfectly.
Custom Headers and Footers
Using the Divi Theme Builder, you can create unique headers for your blog and different footers for your WooCommerce shop. The drag-and-drop interface makes it easy to build mega menus or sticky navigation bars that enhance user experience.
5. FAQ & Troubleshooting
Is Divi 5 compatible with Gutenberg?
Yes, Divi 5 Gutenberg compatibility is a core feature. Divi 5 has transitioned to a block-based storage format, making it much more aligned with the WordPress Block Editor than previous versions. This ensures better data portability and future-proofs your content.
Does Divi 5 support WooCommerce?
Absolutely. Divi 5 includes dedicated WooCommerce modules that allow you to customize every inch of your online store, including product pages, cart layouts, and checkout experiences. The performance boost in Divi 5 is particularly beneficial for eCommerce conversion rates.
How does Divi 5 compare to Divi 4?
In a Divi 5 vs Divi 4 comparison, the main difference is the architecture. Divi 4 relies on shortcodes, which can be heavy. Divi 5 is a complete rewrite that is significantly faster, more stable, and offers a more modern developer API while keeping the familiar visual interface users love.
Can I use Divi 5 on unlimited websites?
Yes. Under the Elegant Themes GPL license, you can use Divi 5 on as many websites as you like, making it one of the most cost-effective options for agencies and freelancers.
6. Conclusion: Is Divi 5 Right for You?
The Divi 5 WordPress theme is a powerful evolution of the world’s most popular design framework. By solving the performance hurdles of the past and embracing a block-based future, Elegant Themes has created a tool that is as fast as it is flexible. Our Verdict:
- Choose Divi 5 if: You want the ultimate “all-in-one” solution with a massive library of templates, world-class support, and a modern design system that doesn’t compromise on speed.
- Avoid if: You prefer a completely “blank slate” minimalist experience with zero design assistance (though even then, Divi 5’s new performance makes it a strong contender).With its lifetime pricing model and a focus on “design by system,” Divi 5 is an essential upgrade for anyone serious about professional web design in the AI-driven era. For more tips and WordPress resources, visit us at wppick.com.
I. Download Limits & Account Benefits
- Free Downloads: Each email address receives 3 downloads per day for free products
- Upgrade Benefits: Purchase any paid product to increase your daily download limit by 3 for each paid product
- No Account Required: You can download immediately by receiving the download link via email
- Account Recommended: Create an account for easier access to your order history and direct update downloads
II. Understanding GPL vs Official Versions
Important: The products available on WPPick are GPL-licensed versions, which differ from official developer versions. Before purchasing, please read our comprehensive guide: Understanding GPL & Official Differences at WPPick
Key Points:
- GPL versions may not include premium support from original developers
- Updates may be delayed compared to official releases
- Some premium features might have limitations
- Always consider your specific needs and support requirements
III. Support & Assistance
We’re here to help through multiple channels:
- Email Support: Direct email assistance for all inquiries
- Live Chat: Real-time support during business hours
- Comprehensive Documentation: Detailed guides and tutorials
IV. Order Tracking
Access your complete purchase history and download links anytime: Order History
V. Account Access
New to WPPick? Login or Create Account to manage your downloads and orders efficiently.
VI. Refund Protection
We stand behind our products with a clear refund policy. Review our terms: Refund Policy
VII. Privacy & Security
Your data security is our priority. Learn how we protect your information: Privacy Policy
VII. Terms of Service
Understanding our service terms ensures a smooth experience: Terms of Use
Quick Tips for Best Experience
- Verify Compatibility: Check plugin/theme compatibility with your WordPress version
- Backup First: Always backup your site before installing new plugins or themes
- Test Environment: Consider testing on a staging site first
- Stay Updated: Regularly check for updates in your account dashboard
- Read Documentation: Review any included documentation for optimal setup
Need Help?
If you have questions about downloads, licensing, or need technical assistance, don’t hesitate to contact our support team. We’re committed to ensuring you have the best possible experience with WPPick products.
Ready to get started? Your download adventure begins with just one click!
- Introduced Composable Settings, allowing any design option to be enabled for module sub elements.
- Add sizing options to button elements.
- Added new Closed Title Text design settings to the toggle module and migrated the orphaned active title text color option in the original option group.
- Adding sizing, background and animation settings to the blurb image options, deprecating the old orphaned settings for animation, sizing, alignment and background color.
- Added AI-agent Context, Module, and UI tool sets to Divi 5 with Builder-contract-compatible behavior and integration tests.
- Deprecated button alignment settings in favor of layout-aware alignment settings in the new button > sizing group.
- Deprecated button alignment settings in favor of layout-aware alignment settings in the new button > sizing group.
- Adding sizing, background and animation settings to the blurb image options, deprecating the old orphaned settings for animation, sizing, alignment and background color.
- Fixed Divi 4 -> Divi 5 selective-sync conversion for global modules by restoring migrator post-context and correctly mapping wildcard style paths to localAttrsMap (attrName + subName), preserving unsynced fields after migration.
- Fixed an issue where custom CSS containing inline comments in Module Elements fields was removed during migration from Divi 4 to Divi 5.
- Fixed an issue where Conditional Display based on Custom Field values would not work correctly on Category and Archive pages.
- Fixed header and footer layouts appearing blank in Wireframe view when editing in the Theme Builder.
- Fixed an issue where setting module global color opacity to 100% could still render transparent when the source variable opacity was 0.
- Fixed Slide module Content Alignment control not working when custom Content Width is set.
- Fixed global elements confirmation modal to properly prevent all outside interactions when unsaved changes exist, eliminating multiple popups and console errors.
- Fixed Lottie module preset interactions not updating animation speed and playback settings on the frontend.
- Fixed Image (and other module that has similar quirk as Image Module) Sizing and Spacing option groups not being correctly copied or extended due to attrsMaps cache collisions.
- Fixed SVG hover/sticky paint transitions for 3PS modules.
- Fixed an issue where the Preset Manager settings modal would immediately close after clicking "Add New Preset" for the Heading Text option group, and ensured the correct preview module (Text with h1-h6 content) and settings group (FontHeaderGroup with h1-h6 tabs) are displayed.
- Fixed button icons not appearing on the frontend for WooCommerce Checkout Payment module when using non-default icons.
- Fixed an issue where responsive editor indicators did not appear at static module level when responsive values came from applied module or option group presets.
- Fixed block-layout columns inside flex rows rendering as flex containers, which caused incorrect module spacing.
- Fixed a Blurb issue where custom attributes targeted to Image or Icon were not applied when the module was using an icon.
- Fixed element attributes not loading on the frontend when Loop Builder returns no results, ensuring CSS classes, IDs, and custom attributes are preserved to match Visual Builder preview.
- Fixed border styles expanding to full column width on small Image modules in Divi 5 flex layouts. Borders now wrap tightly around the image regardless of image size.
- Fixed an issue where featured images displayed the same image on all paginated pages in Theme Builder layouts on taxonomy archive pages. This was a regression from issue #47541 that occurred when the original fix was reverted during a merge.
- Fixed Divi 4 to Divi 5 migration regressions for library-backed tab spacing assets and free-form custom CSS conversion.
- Fixed a Visual Builder parity issue where Divider alignment inside flex columns could hide the divider.
- Fixed ACF taxonomy archive background images so Dynamic Content custom fields now resolve correctly for Image URL, Image ID, and Image Array return formats.
- Fixed double slashes in es6-promise script URLs that were causing issues with 3rd party asset offloading plugins.
- Fixed background gradients with global colors using opacity filters not rendering on the frontend when parallax background images were enabled. The fix resolves CSS sanitization issues with nested gradient functions and prevents invalid CSS syntax generation.
- Fixed Image module drag-and-drop functionality so it can be dragged from its center area when the settings panel is open, consistent with other Divi modules.
- Fixed a Visual Builder issue where typed settings could be applied to the next clicked element when switching modules before pending field commits completed.
- Fixed Group Carousel rotation could stop working after sections hidden on load were revealed via Visibility or Interaction settings.
- Fixed Woo Checkout Payment button styling in Visual Builder so toggling the button icon no longer changes button text color or border appearance.
- Fixed sticky elements not working correctly in Safari when section dividers are enabled by moving the Safari-specific perspective CSS from the section container to the divider elements themselves.
- Fixed a logic bug in internal helpers that determine whether a string starts or ends with a given substring, which could return the wrong result.
- Fixed responsive icons not displaying correctly when set to different icons per breakpoint in Group Carousel modules.
- Fixed Email Optin forms connected to AWeber not showing an error when an already subscribed email is submitted again.
- Fixed Contact Form "Letters Only" validation to correctly support international characters and multi-byte UTF-8 names.
- Fixed Global Variables Manager modal crashing with "Maximum call stack size exceeded" when Heading and Body text colors reference each other.
- Fixed Pagination preset link text color precedence so primary accent fallback no longer overrides preset/global variable link colors.
- Fixed Woo module product selector so This Loop Product appears correctly in Theme Builder current-page loop contexts for Woo archives.
- Fixed Blog module pagination Font Weight, Text Size, and Text Alignment not applying when WP-PageNavi plugin is active.
- Fixed PHP 8.5 deprecation warnings when saving in Visual Builder and rendering the frontend.
- Fixed Group Carousel autoplay timing so configured transition cadence applies consistently across all slide transitions, including high transition-speed setups.
- Fixed Free-Form Custom CSS in the Visual Builder not showing an error when a closing brace was missing at the end of the stylesheet.
- Fixed a Divi AI authentication flow issue where missing credentials could trigger invalid-credentials behavior and block inline recovery in the Visual Builder.
- Fixed the issue where opening Module Elements tab would automatically jump to CSS fields that had content.
- Fixed a security issue in Divi 5 Contact Form redirects by blocking unsafe redirect URLs while preserving valid redirects.
- Security Updated Fixed a stored XSS vulnerability that made it possible for users with Contributor role or above to insert JavaScript code onto the page via the Video Slider module's shortcode.
- Prevented unsafe remote requests when resolving video thumbnail URLs to mitigate SSRF risk.
- Fixed a security issue where legacy Dynamic Content JSON could keep raw HTML enabled for users without unfiltered_html.
- Fixed failed save in the builder if the user did not have permission to use the Theme Builder.
- Fixed Related Products disappearing in Theme Builder layouts when default category settings were saved in a legacy meta format, and aligned default column counts on TB product templates with sidebars.
- Fixed an issue where Before/After modules could block page scrolling on mobile while preserving intentional touch slider interaction.
- Fixed legacy (shortcode) modules being wrapped in paragraph tags when updating a page through the Classic Editor, which caused the modules to crash when reopening the page in the Visual Builder.
- Fixed Post/Archive Title dynamic content showing a post title instead of the archive term name when editing archive pages in the Visual Builder on subdirectory WordPress installations.
- Fixed fatal error when Installing Divi 4 after installing Divi 5.
- Fixed Image module border radius rendering for small images in flex layouts so all corners display correctly.
- Fixed Email Optin field layout so disabling Fullwidth settings correctly restores non-fullwidth field flow while preserving module layout mode compatibility.
- Fixed an issue where inherited element preset conditions could not be fully removed inside option-group condition presets.
- Fixed Number Counter animation restarting when Post Slider changes slides. The counter now animates only once on initial viewport entry and updates silently on subsequent slider changes.
- Fixed unit picker dropdown items not being navigable using keyboard arrow keys. Users can now navigate unit options with arrow keys, select options with Enter, and close the popup with Escape.
- Added centralized OpenAI model creation utility with shared type definitions for improved AI agent configuration and type safety.
- Added AI Agent icon to the Divi 5 Builder Toolbar, gated behind the AI Agent experiment feature flag.
- Updated documentation to explain how to enable Layout controls for custom modules.
- Added documentation for enabling Advanced HTML settings in custom modules.
- Fixed Text Module heading font defaults to display calculated values based on Theme Customizer Heading Font Size instead of hardcoded defaults.
- Fixed an issue where Icon List Body Text presets did not apply by aligning the module's preset group with its underlying typography schema.
- Fixed an issue where dragging Transform Scale handles would corrupt math function values (e.g., calc(100% - 20px)) and CSS variable values by resetting them to the default number. Drag handles are now disabled for axes containing non-numeric values.
- Fixed Audio Module duration time being cropped when body font size and line height are increased in the customizer.
- Fixed Divi 4 to Divi 5 migration regressions for DiviFlash modules by hardening third-party shortcode callback resolution and preventing popup index collisions that caused missing output and broken styles.
- Fixed Link module mobile spacing so nested dropdowns no longer force a bottom margin.
- Fixed an issue where Button Module text would break into two lines when the button was absolutely positioned with center origin in narrow columns. The button wrapper now maintains full width when absolutely positioned, preventing text wrapping.
- Fixed missing main-canvas interaction targets in Theme Builder layouts.
- Fixed Email Optin module button icon position changing after migration from Divi 4 to Divi 5 due to missing CSS selector specificity prefix.
- Fixed loop modules not updating when post featured images are changed or removed.
- Fixed Video Slider thumbnails disappearing when placed inside interaction popups with "Hide on Load" enabled.
- Fixed CSS variable unit picker not working correctly in Text module font-size field, causing broken placeholders and values not applying on frontend.
- Fixed a Visual Builder loading issue on Blank Page templates by preventing sidebar fallback detection from overriding explicit no-sidebar layouts.
- Fixed TinyMCE plugin loading errors on admin pages when ACF Pro or other plugins are active by restricting Divi's TinyMCE runtime to post editor screens only.
- Fixed Canvas Portal content on Main Canvas so modules hidden via Visibility correctly display the disabled visual cue in Visual Builder.
- Fixed duplicated canvases to stop inheriting copied interaction targets, preventing interaction target drift after duplication.
- Fixed Woo Checkout Information Module title not hiding when "Show Title" option is disabled on the frontend.
- Fixed an issue where the Visual Builder interface was broken when the Popup Maker plugin was active.
- Fixed Link module hover transitions when color and transform were both set.
- Fixed nested Dropdown/Link content inside a Button could render an extra ghost item on frontend.
- Added the initial Divi AI Agent package scaffold and supporting Visual Builder metadata for future AI Agent development.
- Added Link Color from Theme Customizer as a default global color option in the Visual Builder, allowing users to use the Theme Customizer's Link Color setting as a global color variable in modules.
- Updated Divi types publishing to use direct @divi/* types-only packages with selective release automation and aligned documentation.