Build Visually
Divi Takes WordPress To A Whole New Level With Its Incredibly Advanced Visual Builder Technology
Are you looking to build a stunning WordPress website? Look no further! With the Divi theme in WordPress,
you can take your website-building experience to a whole new level. Divi is not just an ordinary WordPress theme; it's a revolutionary
website-building platform that completely transforms the way you create your website.
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. Divi's drag-and-drop functionality simplifies the process of managing elements on your website. You can simply grab an element and position it wherever you want on the front end, allowing you to create custom layouts and designs effortlessly.
True Visual Editing
Design your page in real-time and see the results instantly. Create and customize your pages using intuitive visual controls. With Divi's true visual editing, what you see is what you get (WYSIW) in the final output, eliminating any guesswork or surprises. You have complete control over the appearance and layout of your pages, ensuring that every element is precisely positioned and styled to your liking.
Custom CSS
Developers can easily combine Divi's visual design controls with their own custom CSS. Divi's interface is simple yet not limiting. Custom CSS integration in Divi grants developers full control over the styling of elements. Whether it's adjusting margins, modifying colors, or implementing complex layout structures, developers can precisely fine-tune the appearance of their website and ensure consistency across different sections and pages.
Responsive Editing
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. Divi allows you to preview and test your website on various devices directly within the builder. This feature enables you to see how your website responds to different screen sizes and make any necessary adjustments to ensure a consistent and optimized experience across all devices.
Design Options
Enjoy dozens of unique page elements and thousands of design options. Divi gives you full design control over your website. With Divi, you have access to a vast array of design options to customize every aspect of your website. From fonts, colors, and backgrounds to spacing, animations, and effects, Divi empowers you to create visually stunning and engaging websites. The abundance of design options ensures that your website stands out and aligns with your brand identity.
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. With Divi, editing your web pages is as simple as clicking and typing. Say goodbye to switching between editing modes—make changes directly on the front end, and instantly see the results as you type.
Design Management
Save and manage unlimited custom designs. Easily reuse them to jump-start new pages. Create advanced design systems and streamline your workflow. Create advanced design systems with Divi, enabling you to maintain consistency and coherence throughout your website. Save time and effort by establishing design standards and easily implementing them across multiple pages.
Global Elements & Styles
With Elegant Themes Divi, managing your website's design becomes effortless. Harness the power of global elements and website-wide design settings to maintain consistency across your entire website. Divi goes beyond being just a page builder; it serves as a comprehensive 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 functions like a modern software application, allowing you to easily undo, redo, and navigate through your entire editing history. If you make a mistake, Divi provides a safety net, ensuring that your work is always protected.
Divi is For Everyone
Freelancers
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.
Agencies
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.
Website Owners
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.
Choose from 100s of Templates
A Module For Everything
40+ Website Elements
Call to Actions
Blogs
Sliders
Galleries
Testimonials
Forms
The Complete WordPress Design System Is Here
Complete Design Control
Divi isn't just a WordPress theme, it's a complete design framework that allows you to design and customize every part of your website from the ground up. You have control over everything down to the finest detail. Create the perfect websites for you and your clients.
Optimize & Convert
Divi not only comes with powerful design tools, it also helps you make your website a success. Build your marketing lists with Bloom pop-ups. Promote your website on social media with Monarch social sharing. Increase website conversions with Divi Leads split testing.
Build Websites Faster
If you are a web design professional, you will be amazed by Divi's speed and efficiency. Divi isn't just an easy-to-use website builder for beginners, it's an advanced design system that can help take your team's work flow to the next level.
Customization
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.
Responsive Editing
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
Enhance the visual appeal of your website with a wide array of font and text styling options offered by WordPress Themes Divi. Choose from a vast collection of web fonts or effortlessly upload your own custom fonts to align with your brand identity. With Divi, you have complete control over text sizes, letter spacing, and line height, allowing you to achieve the perfect typographic balance.
Shape Dividers
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.
Border Options
Add borders to any element using Divi's robust border editor. Create rounded corners. Control border sizes, colours and styles and create unique effects by adjusting each edge of your element individually. With Divi's border options, you can customize the size, color, and style of your element's border. Choose the thickness that best suits your design, select from a wide range of colour options to match your brand palette, and explore various border styles, including solid, dashed, dotted, and more.
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.
Filters & Effects
Easily adjust and enhance the appearance of any element with WordPress Themes Divi. With a wide range of filters and effects at your disposal, including Hue, Saturation, Brightness, Contrast, Invert, Blur, Opacity, and Sepia, you can effortlessly fine-tune the visual presentation of your website. Whether you want to add a touch of vibrancy or create a soft, muted ambience, Divi provides you with the tools to achieve your desired look.
Drop Shadows
Add depth to your page by creating custom drop shadows. You have full control over the size, position, color and intensity of the shadow. They're easy to create and you don't have to mess with any graphic design programs!
Text Shadows
Create stunning text effects using text shadows. Easily apply text shadows to any element using Divi's simple presets, or create your own custom text shadows using the full set of controls. With Divi, you can effortlessly enhance the visual appeal of your text using text shadows. Whether you want to add depth, create a sense of dimension, or make your text stand out, Divi's text shadow feature offers a range of stunning effects to choose from.
Animations
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.
No Bloat
Divi eliminates bloat by removing the resources you aren't using automatically. Divi only loads the CSS needed for the modules and features you use, and Divi only processes the PHP functions required to render your page. Everything else is cut out of the equation. That's why Divi can do so much, but still remain light on its feet!
Learn MoreCritical CSS
Divi automatically detects the CSS needed for content above the fold, and it defers everything else. This allows Divi to completely eliminate render blocking CSS, giving your visitors a super-speed highway directly to your content. Google gives Divi sites great score because the content shows up right away.
Learn MoreSpeed Boosts
Divi comes with tons of speed-boosting options that defer unneeded resources, cache requests and remove render blocking assets. This greatly reduces initial loads times so that your content starts loading right away. This includes JavaScript deferral, Google Fonts caching and more.
Learn MoreEfficiency
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. With Divi, selecting multiple elements is a breeze. Simply press Cmd or Ctrl and click to choose multiple elements on the page simultaneously. This intuitive process eliminates the need for repetitive selection actions, allowing you to streamline your editing workflow.
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.
Extend-able Styles
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 Shortcuts
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.
Search-able Settings
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. Divi allows you to apply different search filters to refine your results. By selecting specific filters, you can focus on finding the exact settings you're looking for, saving time and effort. Divi's search functionality is designed to cater to your specific needs, ensuring a seamless editing process.
Marketing
eCommerce, Lead Generation, Built in Split Testing and Powerful Conversion Insights
Email Opt-in Provider Support
Build your email marketing lists with Divi's email opt-in module. Divi comes with an impressive range of email provider support, allowing you to build lists on almost any platform. You can even create custom fields, allowing you to build segmented lists and collect unique information from your subscribers. It also comes with GDPR compliance features.
Pricing Tables
Pricing tables are one of the many page elements that Divi offers. With a full range of design and content settings, you can create compelling sales pages for your products. Divi's pricing tables empower you to showcase the features, benefits, and pricing plans of your products or services effectively. Add descriptions, highlight key features, and present pricing tiers in a clear and concise manner to help your potential customers make informed decisions.
Contact Form Building
Enjoy a full-feature contact form builder. Create custom form fields to collect any type of information from your visitors. Hide and display input fields using advanced conditional logic. Style each input individually using a full range of design options.
Social Following
Help build your social following with Divi's social follow module and Monarch's social sharing system. Having a social media presence is a must, and Divi makes it easy to promote your social media profiles. Divi's Social Follow module allows you to display attractive and interactive social media icons on your website. Visitors can easily connect with your social media accounts by clicking on the icons, increasing your followers and engagement.
Built In Split-Testing
Divi's split testing system is no joke. With Divi, anything can be tested. Test different designs and content against each other and choose unique goals to see how each variation performs. Divi gives you powerful insights so that you can pick the best version and increase your website's conversion rate using proven results.
WooBuilder
Build and Sell Stunning Products With The Divi Builder
Divi is compatible with WooCoomerce and offers specific WooCommerce integrations that make the two a perfect pair. WooCommerce is free, which means anyone using Divi can start selling products online at no additional cost.
Sell Your Products
The builder interface comes with a lot of options that allow you to customize your building experience. We try not to lock you down into specific UI conventions, but instead give you the freedom go to create websites the way you want to. Divi's philosophy revolves around giving you the freedom to unleash your creativity and build websites exactly the way you envision them. Whether you prefer a minimalist approach or a more elaborate design, Divi's builder settings and controls provide the tools and flexibility to bring your ideas to life, without limiting your creative expression.
Build Product Layouts with Divi's WooCommerce Modules
Enjoy full control over the design of your product pages with custom WooCommerce Modules that allow you to create and control any individual WooCommerce element anywhere on your website. Decide what shows up on your product listings, move things around and even mix WooCommerce modules with standard Divi modules to create just about anything. Divi takes WooCommerce to the next level.
Intuition
The Smartest Builder You Will Ever Meet
Builder Settings & Controls
The builder interface comes with a lot of options that allow you to customize your building experience. We try not to lock you down into specific UI conventions, but instead give you the freedom go to create websites the way you want to.
A Fluid & Intuitive Interface
Divi's interface is one of a kind. It's unobtrusive and incredibly fluid. You can move interface elements around and reposition your tools to create a workspace that suits you. It doesn't lock you down into a specific UI convention, but instead lets you choose the mode that works best for you. It will adapt to your screen size and never get in your way.
History, Auto Saves & Browser Backups
Divi has your back. Every action you perform while building is saved into your editing history. You can undo, redo and explore revisions with ease. If something goes wrong, like your internet going down or your computer crashing, Divi will automatically save your progress so that you can restore it.
Save, Import & Export Elements
With Divi you can save design elements or complete layouts into the Divi Library. These items can be easily accessed, edited or re-used on different pages. You and your team can quickly create a set of design elements that can be used to build a cohesive website with incredible efficiency. You can also import and export these layouts between different websites. Build your own design library or download and use any of the countless amazing layouts available from to the Divi community.
Builder View Modes
There are multiple ways to build with Divi. You can freely switch between different view modes, choosing the one that best suits you or your current project. Zoom in and out, toggle through mobile device views, switch between unique interaction modes or build your page structures quickly in wire-frame mode. It's up to you.
Builder Walk Through
It's easy to jump into Divi and start designing websites. We built helpful product tours right into the interface, allowing beginners to learn while using the builder. Product tours are great for clients too, saving designers time when handing off websites to their clients.
Theme Builder
Design Your Entire Website, Not Just Posts And Pages
Enjoy a fully-featured website templating system that harnesses the power of Divi's Visual Builder to design your website's header, footer, product templates, post templates, category pages, 404 page, and more.
Header & Footer Builder
Using the Theme Builder you can create custom headers and footers for any part of your website using Divi's many modules and layout options. The Header & Footer Builder in Divi ensures that your brand identity remains consistent throughout your entire website. You can seamlessly incorporate your logo, colors, typography, and other branding elements into your headers and footers, reinforcing your brand's presence and creating a cohesive user experience.
Post & Product Template Builder
Using Divi's Theme Builder, you can create site-wide post and product templates that change the structure of posts across your entire website. You don't need to design each post one at a time with Divi and you don't need to code Child Themes to modify your theme's structure. Everything can be designed in the builder and post information can be displayed automatically using Divi's Dynamic Content system.
Global Website Styles
Customize your website with its own overarching design system by editing the default design of any element. When you modify a module's default design, it updates across your whole website at once. Site-wide theme building plus site-wide design editing is the ultimate combo.
Management
User Roles, Theme Options & Website Support
Divi comes with a full set of theme options that make your website easy to manage.
Set Custom User Roles And Permissions For Your Team Or Clients
Divi comes with a Role Editor that you can use to limit access to certain things within the builder. For example, you might want to limit your client's ability to modify your design, but allow them to change text content within a fully designed page. It simplifies the experience for your customers and keeps the website designer in control.
Easy Theme Setup And Full Theme Control With The Divi Theme Options
Divi comes with tons of theme options and theme customization settings. All Divi settings are easy to manage within the Divi Theme Options panel. Divi offers a wide range of theme options and customization settings, giving you full control over the appearance and functionality of your website. From global typography and color settings to header and footer configurations, you can tailor every aspect of your theme to align with your brand identity and design preferences.
Global
Translated Into 32 Languages
With Elegant Themes Divi, the global reach of your website knows no bounds. Not only are the front-end elements translated into 32 languages, but we have also expanded the theme's localization to encompass the entire Divi Builder interface, including form fields and descriptions.
Whether you're targeting a specific audience or catering to a diverse international user base, Elegant Themes Divi ensures that your website communicates seamlessly. Additionally, when you enable a right-to-left (RTL) language within your WordPress Dashboard, Divi and the front end of your website effortlessly switch to RTL mode, providing a localized experience for your visitors
Extendability
Access 100's of Divi Extensions Or Build Your Own
Divi isn't just a theme, and it isn't just a framework. It's a community of hundreds of thousands of designers and developers filled with amazing third party extensions, child themes and layouts to help take Divi even further.
Divi Marketplace
Find Hundreds Of Third Party Modules, Themes And Layouts
Divi is amazing on its own, but it's also backed by a thriving community of developers and designers (just like WordPress)! In the Divi Marketplace, you will find tons of free and premium products that will help you build unique websites.
Develop
Developers Rejoice! Extend Divi in New & Exciting Ways
Divi theme in WordPress is not just a theme; it's an entire web design framework that comes with a vibrant and passionate community. We understand the importance of extendability and fostering an open-source development ecosystem. That's why we created the Divi developer API, allowing developers to create custom Divi modules and more
