There are WordPress themes, and there are WordPress page builders. Then there is Divi — something that transcends both categories entirely. The most popular WordPress theme in the world. The most advanced WordPress visual builder ever built. A complete site-building framework that gives designers, developers, and total beginners alike the creative freedom to build any website they can imagine — without touching a single line of code.
Developed by Elegant Themes since 2013 and now in its fifth major generation, Divi has powered millions of websites globally and built one of the largest, most passionate communities in the WordPress ecosystem. With Divi 5 — the most significant reinvention since the original launch — Elegant Themes has delivered a modern, performance-first site building framework built for the future of web design.
What Is Divi?
Divi is not just a theme you activate and customize. It is a complete WordPress site building framework — a unified system of interconnected tools that work together to give you total, intelligent control over every aspect of your website’s design, structure, content, and behavior. At its core are three interconnected systems: the real-time front-end Visual Builder for page design, the Theme Builder for global site architecture, and the Divi Design System of global presets, design variables, and reusable elements — all combining into one of the most capable, flexible, and user-friendly site creation platforms available on WordPress today.
Divi works as both a standalone WordPress theme and as a plugin — the Divi Builder plugin — that can power any existing WordPress theme, making the builder’s full feature set available regardless of your theme choice.
Key Features
Real-Time Visual Builder — True Front-End Design
Divi’s Visual Builder is the foundation of the entire experience — a live, real-time, front-end page editor that lets you design directly on your website as it actually appears to visitors, with every change reflecting instantly on screen without page reloads, saving, or previewing. Click any element on the page to select it and access its full design settings — typography, colors, spacing, animations, sizing, and more — all adjustable from clean, context-aware settings panels that slide in without obscuring your work. Add new sections, rows, and modules by clicking the visual add buttons that appear inline as you build — dragging to reorder, right-clicking to duplicate, and hovering to access element options — all in a fluid, intuitive workflow that makes front-end design accessible to anyone and extraordinarily fast for experienced designers.
200+ Design Modules — Every Content Element You Need
Divi ships with over 200 content modules covering every conceivable website element — giving you a complete design toolkit without installing a single additional plugin for standard website functionality. Core content modules include Text, Image, Video, Button, Blurb, Call to Action, Accordion, Toggle, Tabs, Slider, Fullwidth Slider, Portfolio, Gallery, Blog, Map, Contact Form, Social Media Follow, Menu, Login, Search, Sidebar, Comments, Audio Player, Countdown Timer, Number Counter, Circle Counter, Progress Bar, Filterable Gallery, Post Slider, Post Carousel, Post Title, Post Navigation, and many more. WooCommerce-specific modules — covered separately below — extend this library for eCommerce-specific design needs. The complete module library gives you everything needed to build any type of website — business, blog, portfolio, eCommerce, membership, event, agency, restaurant, medical, educational — without plugin dependency or custom development.
Theme Builder — Complete Full-Site Design Control
The Divi Theme Builder is where Divi evolves from a page builder into a full site-building framework — giving you complete visual control over every part of your website’s global structure beyond individual page content. Build custom global headers and footers that appear consistently across your entire site — or create different headers and footers for different sections, post types, or page conditions. Design custom body templates for blog posts, portfolio items, product pages, category archives, search results, 404 pages, and any other WordPress template — controlling the exact layout and design of every page type on your site with full Divi Builder access. Assign templates using powerful condition rules — a template can apply to all posts, all posts in a specific category, a single post, posts by a specific author, WooCommerce products, or any other targeting condition — giving you complete control over which template applies where across every page on your site.
Divi Design System — Global Variables, Presets & Design Consistency
Divi 5 introduces a modern, systematic approach to design consistency through a comprehensive Design System built on Global Design Variables and class-based Global Presets — making it possible to define, apply, and update design decisions across an entire site with unprecedented speed and reliability. Global Design Variables let you define named values for colors, font sizes, spacing units, border radii, and other design properties — then reference those variables throughout your design. Change the variable and every element using it updates simultaneously. Global Presets apply saved style configurations to module types — define a preset for your H2 headings, your feature cards, your CTA buttons — and update the preset to change every instance of that module across your entire site at once. The Design System transforms Divi from a page-by-page builder into a true brand-consistent site building platform where design decisions propagate globally and site-wide changes take seconds instead of hours.
Dynamic Content — Live Database-Driven Design
Divi’s Dynamic Content system connects any module’s content fields to live data from your WordPress database — making it possible to build templates that automatically populate with the correct content for each post, product, or page they are applied to. Dynamic content sources include post title, post content, post excerpt, featured image, post date, post author, post categories and tags, custom fields from Advanced Custom Fields (ACF), WooCommerce product data fields, user information, and site-wide data like the site name and tagline. Use dynamic content to build a blog post template where the post title, author, date, and featured image are all pulled from the post’s database record automatically — creating one design that works perfectly for every blog post on your site without any per-post manual configuration.
Loop Builder — Dynamic Archive & Listing Pages
The Divi Loop Builder extends dynamic content into a full grid and listing system — letting you build completely custom archive pages, blog listing pages, product grids, portfolio displays, and any other repeating content layout using Divi’s visual design tools. Define the query — which post type, category, tag, author, date range, or custom taxonomy — and the Loop Builder repeats your designed item template for every matching record, automatically populating each item with the correct dynamic content from the database. Build a custom blog listing page where each post card has exactly the layout, image treatment, typography, hover effects, and button styling you designed — applied consistently and automatically to every post that matches your query. The Loop Builder makes building dynamic, database-driven listing pages as visual and code-free as building a static landing page.
Flexbox & CSS Grid — Modern Layout Architecture
Divi 5 introduces native support for CSS Flexbox and CSS Grid as first-class layout systems within the Visual Builder — moving beyond the traditional row-and-column grid model to support the full power of modern CSS layout. Build complex, asymmetric, and deeply nested layouts that would have required custom CSS in previous versions — using intuitive visual controls that expose Flexbox alignment, direction, wrapping, and growth properties, and CSS Grid template areas, column and row definitions, and gap controls, all without writing a single line of code. Infinite nesting of sections, rows, and columns gives you complete layout freedom at every depth of your page structure — supporting the kind of sophisticated, contemporary page designs that define modern web aesthetics.
No-Code Interactions & Animations
Create sophisticated interactive experiences on your Divi pages without JavaScript or custom development using the built-in Interactions system. Define triggers — scroll position, mouse enter, mouse leave, click, page load — and attach animated responses — element movement, opacity changes, scale, rotation, color transitions, visibility toggling — to any module on the page. Build scroll-triggered entrance animations where elements fade and slide into view as the visitor scrolls down. Create hover interactions where cards expand, images zoom, and buttons transform color. Design click-triggered visibility toggles that show and hide content blocks dynamically. All interactions are configured visually in the Divi Builder — with a live preview of the interaction behavior — and output optimized, performant CSS and JavaScript that works across all modern browsers.
Display Conditions — Intelligent Element Visibility
Control exactly which visitors see which elements on your pages using Divi’s powerful Display Conditions system — applying advanced logic to any section, row, or module to show or hide it based on a configurable set of criteria. Available condition types include user authentication status (logged in or logged out), user role, device type (desktop, tablet, mobile), date and time range, WooCommerce cart status (cart empty or not empty), cart contents, post category, post tag, post type, and more. Combine multiple conditions with AND and OR logic to build complex visibility rules — showing a promotional banner only to logged-out mobile visitors, displaying a loyalty message only to WooCommerce customers with items in their cart, or hiding navigation elements only on specific page types. Display conditions transform Divi pages from static designs into intelligent, context-aware experiences that adapt to visitor circumstances without custom code.
WooCommerce Integration — Full Custom Store Design
Divi’s WooCommerce integration is one of the most comprehensive available for any WordPress page builder — covering every page and element of a WooCommerce store with dedicated modules and Theme Builder templates that give you complete visual design control over the entire shopping experience. Dedicated WooCommerce modules include: Woo Product Title, Price, Rating, Reviews, Images, Description, Add to Cart, Meta, Tabs, Related Products, Upsells, Breadcrumbs, Additional Information, Product Categories, Products Grid, Cart Products, Cart Totals, Cart Cross-Sells, Checkout Billing, Checkout Shipping, Checkout Order Review, Checkout Payment, Checkout Information, Account Dashboard, My Orders, Breadcrumbs, and more. Every WooCommerce module is fully dynamic — pulling live product data from the WooCommerce database — and fully styleable using the complete Divi design settings system. Use the Theme Builder to create global product page templates, shop page layouts, cart page designs, and custom checkout experiences — all built visually, without touching WooCommerce template files.
Thousands of Pre-Made Layouts — One-Click Import
Divi ships with a continuously growing library of thousands of professionally designed page layouts — available for free to all Divi users — covering every industry, page type, and design style imaginable. Browse and import complete multi-page website layout packs — a cohesive collection of homepage, about, services, portfolio, contact, and blog layouts all designed to work together visually — with one click that brings in all pages, images, and design assets simultaneously. Or import individual page layouts — a specific landing page design, a pricing page layout, a portfolio grid — to use as a starting point that you customize with your own content and branding. All imported layouts work immediately in the Visual Builder — fully editable, fully customizable, and built on Divi’s module and design system — giving you a massive creative head start on any new site project.
AI-Powered Quick Sites — Build a Complete Website Instantly
Divi’s Quick Sites feature uses AI to generate a complete, fully designed website — with all essential pages, global styles, dynamic templates, and placeholder content appropriate for your specific business type — from a single AI prompt. Describe your business, choose your preferred aesthetic, and Divi AI builds a production-ready multi-page website in minutes — including a homepage, about page, services or products page, contact page, blog, and all supporting templates — ready to customize with your actual content and branding. Quick Sites dramatically compresses the time from project start to first draft — making it possible to present a complete, professionally designed website to a client after a single brief conversation rather than days of initial design work.
Divi Canvases — Off-Canvas Design Staging Areas
Divi 5 introduces Canvases — detached, independent workspaces within the Divi Builder that exist outside the main page content. Use Canvases as staging areas to design and test new layouts before moving them into live page content — experimenting freely without affecting what is currently published. Organize off-canvas components — popup templates, reusable sections, design experiments, client options — in dedicated Canvases that travel with the page but are never rendered on the frontend. Canvases make the design process safer and more flexible — giving designers a creative sandbox directly inside the project file without the need for staging sites or duplicate pages for every design experiment.
Divi Library — Save, Reuse & Share Layouts
Save any section, row, module, or complete page layout to the Divi Library for instant reuse across any other page or post on your site. Library items can be saved as Global — updating the saved item updates every instance of it across your entire site simultaneously — or as non-global copies that can be imported and edited independently per page. Export library items and import them on any other Divi-powered site — making the Library a powerful tool for agencies building consistent design systems across multiple client sites, and for sharing layouts with collaborators or the Divi community. The Library is a permanent design asset collection that grows more valuable with every project — accumulating reusable design components that accelerate every future site you build.
Responsive Design Controls — Per-Device Customization
Divi’s responsive design system goes far beyond simply hiding or showing elements on different screen sizes. Every design setting in every module — font sizes, spacing, colors, visibility, layout direction, alignment, and more — can be set independently for desktop, tablet, and phone breakpoints. Switch between device previews directly in the Visual Builder using the responsive preview controls, see exactly how your design looks on each device, and adjust any setting for that specific device without affecting the other breakpoints. Additional custom breakpoints can be defined for pixel-perfect control at specific viewport widths beyond the standard three — supporting designs that need to look perfect at specific intermediate sizes between the standard breakpoints.
Custom CSS & Code — Full Developer Access
For designers and developers who need to go beyond Divi’s visual controls, comprehensive custom CSS and code access is available at every level of the design hierarchy — individual modules, rows, sections, and pages — through dedicated code input panels within the Visual Builder. Add custom CSS classes and IDs to any element for external stylesheet targeting. Write custom CSS directly in each element’s Advanced settings panel. Add custom JavaScript to pages through Divi’s code integration settings. Divi AI can generate custom CSS based on natural language descriptions — making custom code generation accessible to designers without deep CSS knowledge. Every code addition is preserved through theme updates and never overwrites native Divi styling — giving developers a clean, non-destructive path to custom code alongside the visual design system.
SEO Optimized — Clean, Semantic Code Output
Divi generates clean, semantic HTML5 with correct heading hierarchy, proper landmark elements, and optimized asset loading — providing a technically sound SEO foundation for every site built on the framework. Full compatibility with Yoast SEO and Rank Math — including Rank Math’s custom Divi Builder integration that surfaces the SEO analysis panel directly within the Visual Builder interface — means complete on-page SEO management is available without leaving the builder. Schema markup, Open Graph tags, and all other SEO plugin features work correctly on Divi-built pages — ensuring your content is correctly indexed, rich-snippet eligible, and competitively structured for organic search performance.
Performance-First Architecture — Divi 5 Speed Improvements
Divi 5 represents a fundamental rebuild of the Divi codebase with performance as a primary engineering goal — delivering significant improvements in page load time, admin editor speed, and frontend rendering performance compared to previous versions. The new codebase generates leaner HTML output, more efficient CSS, and optimized JavaScript — reducing page weight and improving Google Core Web Vitals scores. The Visual Builder itself loads and responds faster in Divi 5 — with a snappier editing experience that reduces the friction of working in the builder for extended periods. Compatibility with all major WordPress caching plugins — WP Rocket, LiteSpeed Cache, W3 Total Cache, and others — ensures that performance optimization tools work correctly with Divi-built pages.
Role & Permission Controls — Team Collaboration
Control exactly what different WordPress user roles can see and do within the Divi Builder — using the built-in role management system that limits builder access based on user capability. Configure which user roles can access the Visual Builder, the Theme Builder, the Divi Library, and individual builder features — making it safe to give clients and content editors limited access to edit page content without exposing the full design system and global settings to users who should not be modifying site-wide configurations. Role controls integrate with the standard WordPress user management system — no additional plugin required for multi-user Divi sites with differentiated access levels.
Unlimited Websites — One License
A single Divi membership covers unlimited website usage — building personal sites, client sites, or any other WordPress installation — with no per-site licensing fees and no hidden charges based on usage volume. Build one website or one thousand websites with the same single membership. Use Divi on your own projects and on client projects simultaneously. There are no restrictions on how you use Divi across any number of WordPress installations — making a single Divi membership one of the highest-value investments available in the entire WordPress ecosystem for any designer, developer, or agency building websites professionally.
Types of Websites You Can Build with Divi
- Business & Corporate Websites — Multi-page company sites with custom headers, service pages, team sections, and contact forms
- eCommerce Stores — Fully custom WooCommerce storefronts with bespoke product pages, shop layouts, cart and checkout designs
- Portfolio & Photography Sites — Visually led creative portfolios with dynamic galleries, project pages, and filterable grids
- Blogs & Online Publications — Dynamic blog layouts with custom post templates, category archives, and reading experience design
- Landing Pages & Sales Funnels — High-converting single-page offers and multi-step funnel pages with animations, countdown timers, and CTAs
- Membership & Course Sites — eLearning and membership platforms using Divi’s integration with popular membership and LMS plugins
- Restaurants & Hospitality — Menu showcase sites, reservation-focused layouts, and event calendar integrations
- Agency & Freelancer Websites — Professional service provider sites with case study portfolios, testimonials, and lead capture forms
- Nonprofit & Organization Sites — Mission-driven sites with donation integrations, event management, and story-led content designs
Key Features at a Glance
| Feature | Details |
|---|---|
| Visual Builder | Real-time front-end drag-and-drop editing |
| Design Modules | 200+ modules for every content type |
| Theme Builder | Custom headers, footers & full page templates |
| Global Design Variables & Presets | Site-wide design consistency & instant updates |
| Dynamic Content | Live database-driven module population |
| Loop Builder | Custom dynamic archive & listing layouts |
| Flexbox & CSS Grid | Native support, infinite nesting |
| No-Code Interactions | Scroll, hover, click triggers & animations |
| Display Conditions | Role, device, date, cart status & more |
| WooCommerce Modules | Full custom store design — every page |
| Pre-Made Layouts | Thousands — free, one-click import |
| AI Quick Sites | Full website generation from one prompt |
| Divi Library | Save, reuse & export layouts globally |
| Canvases | Off-canvas staging & design workspaces |
| Responsive Controls | Per-breakpoint settings for every design value |
| Custom CSS & Code Access | Per-element code panels, AI CSS generation |
| Role & Permission Controls | Granular user role access management |
| SEO Compatible | Yoast SEO & Rank Math (with builder integration) |
| License Scope | Unlimited websites — no per-site fees |
How to Install
- Click the Download button below to get the Divi theme package
- Extract the downloaded archive to locate the installable
divi.ziptheme file inside - Go to WordPress Dashboard → Appearance → Themes → Add New → Upload Theme
- Upload the
divi.zipfile and click Install Now - Activate the Divi theme
- Navigate to Divi → Theme Options to configure your global site settings — logo, navigation, footer, social links, and more
- To build a page with Divi, go to any Page → Edit and click the Use Divi Builder button — or click Enable Visual Builder when viewing the page on the frontend while logged in
- To import a pre-made layout — inside the Visual Builder, click the blue + to add a section, choose Add From Library, and browse or search the thousands of available free layouts
- To configure global site templates — navigate to Divi → Theme Builder and create templates for your headers, footers, and content body areas
- For WooCommerce — install and activate WooCommerce, then use Divi’s WooCommerce modules in the builder and Theme Builder to design custom product, shop, cart, and checkout page layouts
Frequently Asked Questions
Is this theme free to download?
Yes, you can download Divi for free from this page. It is redistributed under the GPL license.
Does Divi work with WooCommerce?
Yes. Divi includes a complete suite of dedicated WooCommerce modules that give you full visual design control over every page and element of a WooCommerce store — product pages, shop pages, cart, checkout, and account pages — without any custom code or WooCommerce template file modification.
Can I use Divi on multiple websites?
Yes. An official Divi membership from Elegant Themes covers unlimited websites with no per-site fees. The GPL-licensed download available here similarly carries no usage restrictions — you are free to use it on as many WordPress installations as you need.
Is Divi a theme or a plugin?
Divi is both — it functions as a complete WordPress theme (the most common use case) and is also available as the standalone Divi Builder plugin that can activate the Divi page builder on any existing WordPress theme, giving you access to all modules and the Visual Builder without switching your active theme.
Does Divi require coding knowledge?
No. Divi is specifically designed to make professional web design accessible to users with no coding experience through its visual drag-and-drop builder. For users who do want to use custom CSS or JavaScript, full code access is available at every design level through the Advanced settings panels in the builder.
Is Divi compatible with the latest WordPress version?
Yes. Divi is actively maintained by Elegant Themes and updated regularly for full compatibility with the latest WordPress core releases, PHP versions, and major WordPress plugin updates.
Download Divi — Free
The world’s most popular WordPress theme. The most advanced visual page builder. A complete site-building framework with Theme Builder, Dynamic Content, Loop Builder, Global Presets, Flexbox and CSS Grid layout, WooCommerce integration, no-code interactions, display conditions, AI-powered Quick Sites, and thousands of free layouts — all in one unified, elegantly designed system that lets you build any website you can imagine. Download Divi today and discover why millions of websites worldwide are built on it.
⚠️ Disclaimer: This plugin/theme is for personal use and practice only. Run a malware scan before use. For commercial use, purchase a license from the official website.