Divi Takes WordPress To A Whole New Level With Its Incredibly Advanced Visual Builder Technology
You've never built a WordPress website like this before. Divi is more than just a WordPress theme, it's a completely new website building platform that replaces the standard WordPress post editor with a vastly superior visual editor. It can be enjoyed by design professionals and newcomers alike, giving you the power to create spectacular designs with surprising ease and efficiency.
The Future of WYSIWYG
Drag & Drop Building
Add, delete and move elements around on the front end of your website. No coding and no confusing back end options.
True Visual Editing
Design your page in real time and see the results instantly. Create and customize your pages using intuitive visual controls.
Custom CSS Control
Developers can easily combine Divi's visual design controls with their own custom CSS. Divi's interface is simple yet not limiting.
Building beautiful responsive websites is easy. Divi is responsive by nature and also gives you full control over how your website looks on mobile devices.
Design Options Galore
Enjoy dozens of unique page elements and thousands of design options. Divi gives you full design control over your website.
Inline Text Editing
Just click and start typing! Editing your page has never been this easy. Draft pages on the front end and see the results instantly as you type.
Save & Manage Your Designs
Save and manage unlimited custom designs. Easily re-use them to jump-start new pages. Create advanced design systems and streamline your work flow.
Global Elements & Styles
Manage your entire website's design using global elements and website-wide design settings. Divi isn't just a page builder, it's a website design system.
Undo, Redo, & Revisions
Divi works like a modern software application. Easily undo, redo and travel through your entire editing history. If you make a mistake, Divi has your back.
Divi is For Everyone
Divi makes building websites for your clients so much easier, faster and more enjoyable. With Divi, you can build anything using a single platform, instead of managing dozens of different themes.
Divi makes building websites faster and more efficient. It will streamline your design process and improve team collaboration. It's also amazingly affordable. Build unlimited websites for your clients on a single membership.
Divi makes building websites easier. For beginners and website owners, Divi gives you the freedom to bring your own visions to life. Anyone can jump into Divi thanks to its visual editor and hundreds of pre-made designs.
40+ Website Elements
A Module For Everything
Call to Actions
800+ Pre-made Designs
100+ Full Website Packs
Over 800 pre-made website layouts come packaged right inside of Divi for free. Brand new layouts are added weekly along with royalty free photos, icons, and illustrations. Learn How They Work!
Complete Design Control Over Everything
Hover State Styling
Using hover options, you can create stunning hover effects and transform Divi modules into fun and interactive elements. Our hover option interface is unique and amazingly easy to use. Every design setting in Divi that supports transitions can now be customized on hover with ease.
Making responsive websites is easy with Divi. Divi is responsive by default, but takes responsive design a step further by giving you complete control over every design setting on each mobile device. This allows you to perfectly tailor the appearance of each element on computers, tablets and smart phones.
Fonts & Text Styling
Enjoy a full range of text and font options. Pick from hundreds of web fonts or upload your own. Customize text sizes, letter spacing and line height. Change font weights and text styling. Control all standard text elements, such as anchor links, lists and block quotes.
Add custom shapes and effects to your pages, creating dynamic transitions between blocks of content and adding that extra bit of personal flare to your website. Shape Dividers can be placed above and below each section on your website, allowing you to easily build stunning transition effects between different parts of your page.
Transform Controls & Effects
Divi gives you the power to transform elements right on the page in ways that would typically only be possible in graphic design programs like Photoshop and Sketch. You can move elements around, scale them up and down, rotate on three different axis, as well as skew and adjust the transform origin with ease. All of this is done using a super slick interface that makes each transformation easy to perform and understand.
Advanced Code Editing
Enjoy a fully-featured code editor that makes writing and editing code so much easier and enjoyable. Features include syntax highlighting, error reporting, auto-complete, color picking, multi-line select, search, find and replace and more. Add custom CSS to any element or add your own code to any page using the Divi code module.
Easily add animations to any element. Apply simple animations using Divi's animation presets, or build your own animations by customizing the animation type, speed and direction. Wow your visitors as they scroll down the page with stunning animations that trigger when elements come into view.
Background Images, Colors, Gradients, & Videos
Apply custom background colors, background gradients, background images and background videos to any element. Create fun overlapping gradient and image effects or use background blend modes to merge colors and images to create unique designs.
Design With More Efficiency Than Ever Before
Multi-Select & Bulk Editing
Multi-Select is amazing. With Divi, you can press Cmd or Ctrl and click to select multiple elements on the page at once. You can then edit these elements at the same time, changing their style and content together or moving them to different locations on the page as a group.
Find & Replace Styles
Make sweeping changes across your entire page instantly, saving you hours upon hours of editing time. Using find and replace allows you to change any design value, such as colors or fonts, across the entire page or within specific locations. Instead of opening up each element individually and changing colors over and over again, just find and replace across the entire document. It's incredible.
Magic Color Manager
Divi automatically remembers your recently used colors and stores them for easy access. It also displays your own customizable color pallet. In addition, Divi creates a unique extended color pallet using advanced color theory to give you a range of suggested colors that will look great on your page.
Copy & Paste Styles
The ability to copy and paste styles across elements is an absolute game changer. In Divi, anything can be copied from one element and pasted onto another. You can copy individual settings, groups of settings or even copy an element's entire design and transfer it to another element on the page. No need to open up design settings and edit things over and over again. Just copy and paste.
Divi's extend styles functionality brings design efficiency to a whole new level. If you have a design style that you just created, and you want to use that elsewhere on the page, or even across the entire page, you can simply extend that style automatically to your desired location. Update hundreds of elements at once! Control exactly where and to which elements your styles should be extended to. For example, let's say you just crafted the perfect box shadow and border style for your images, but you have dozens of images on the page. You can extend that style to the rest of your images instantly!
Divi Quick Actions
The Divi quick action system is an all-in-one finder and doer. Need help finding a setting? Looking for some clarification on how something works in the builder? Just type to search through our help videos and all available Divi options. Perform advanced actions like adding elements or loading layouts. Quickly jump to different parts of the builder with a few keystrokes, or even jump to different pages and different WordPress admin areas. It's super fast and a huge time saver.
Drag & Drop Uploading
Drag and drop media files directly onto your page. They will upload instantly and appear inside your design! Drag and drop entire Divi layouts to import them directly. Drag in new web fonts, text files, videos and more. No need to use the WordPress media library.
Keyboard shorcuts are the key to ultimate efficiency. Divi comes with a full range of keyboard shortcuts that advanced users can use to speed up their work flow significantly. Once you get the hang of using shortcuts, you will wonder how you ever lived without them!
Quick Access To Element Styling
Divi elements come with a huge array of design settings. However, Divi also makes it easy to search and filter through these settings and to quickly jump to your already-modified settings. Viewing modified styles gives you a list of all settings that are currently active so that you don't have to hunt through the full array of options. It's very similar to Google Chrome's "view computer styles" filter.
All Divi settings are search-able. Instead of hunting through different options groups to find the particular option you are looking for, you can just start typing when you open a settings pop-up and the results will be filtered accordingly. Even if you know where to find an option, searching for it is faster. No need to click into different tabs and groups. If you want to edit your background color just type "background color" and the option will appear right away.
Filterable Settings & Search
Settings within Divi are also filterable. Applying different search filters will trim down the results and help you find what you are looking for. Search results can be filtered to organize settings into different groups such as modified styles, responsive styles, and hover styles.