Divi is one of the best page builders for WordPress, offering an intuitive visual editor, hundreds of ready-made templates and modules, full customization and WooCommerce integration. In our complete guide, you'll learn how to install Divi, optimize performance, create pages and improve SEO to make your site fast and highly visible on Google.
Divi is one of the most powerful and popular website builders for WordPress. It is not only a template, but also a complete drag-and-drop page builder that eliminates the need for programming. With it, anyone – regardless of their level of expertise – can create a professional website without any knowledge of coding.
Developed by Elegant Themes, Divi offers a wide range of tools to build responsive and aesthetically pleasing websites. It is distinguished by a rich library of ready-made templates, modules and an intuitive visual interface that makes website creation simpler and faster than ever. See our related article titled: “Wordpress Templates”.
If you want to create a website without any coding knowledge, Divi is an excellent choice. With its intuitive interface, ready-made templates, unlimited customization options and integration with WooCommerce, it allows you to quickly design a professional site. Here are some of its main advantages:
– ease of use – a drag-and-drop interface allows you to edit your site in real time.
– ready-made templates – access to hundreds of professional page layouts for various industries.
– unlimited customization – full control over layout, colors, fonts and visual effects.
– WooCommerce compatibility – ideal solution for building online stores.
– integrated SEO tools – improves your site’s visibility in search engines.
– support and community – access to Divi documentation, forums and user groups.
Whether you’re just getting started with WordPress or creating sites professionally, Divi will adapt to your needs. It’s the perfect tool for beginners, businesses, marketing agencies and bloggers, offering ease of use, flexibility and full customization. Divi is perfect for:
-beginners – with Divi’s easy interface, you can create a website without any coding knowledge.
-web designers – Divi offers the flexibility to easily personalize sites for clients.
-businesses and entrepreneurs – ideal for business card sites, company blogs and online stores.
-marketing agencies – with Divi they can create professional sites for their clients faster and more efficiently.
-bloggers – the ability to create aesthetically pleasing and readable blogs with intuitive navigation.
The Divi theme allows you to create virtually any type of website. You can design a company website, a blog, an online store, as well as a portfolio for photographers and freelancers. It will work great for industries such as restaurants, fitness studios, beauty salons, online agencies, and even wedding consultant websites or business cards. With WooCommerce integration, Divi is also a great solution for online stores.
Divi is not available in the official WordPress repository, as it is a premium product. To download it, you need to purchase it directly from the Elegant Themes website.
1️⃣ Go to Elegant Themes website .
2️⃣ Click the “Get Started ” button and choose one of the available plans:
Does Divi have a free version?
No, Divi does not have a free version, but Elegant Themes offers a 30-day money-back guarantee – you can test Divi risk-free!
Divi is a website builder that features an intuitive visual interface and a wide range of modules for building websites. Thanks to the drag-and-drop method, you can edit your site in real time, without having to delve into the code. In this section, you will learn the key elements of the Divi interface and how to work with its editor.
After installing Divi in WordPress, a new tab appears in the side menu: Divi. This is the center for managing the settings and features of the wizard. Here are the most important sections:
💡 Tip: If you are working on multiple pages, it’s a good idea to save your own layouts in the Divi Library, which will save you time on future projects.
One of Divi’s greatest strengths is its visual editor (Visual Builder), which allows you to edit pages in real mode. In practice, this means that you see exactly what the end user will receive. You can drag elements, reorder them, add new modules and customize the look of each section without having to go to the WordPress backend.
Each page in Divi consists of three main levels of content organization:
1. Sections (Sections) – the largest blocks that divide the page into main parts (e.g. header, body, footer).
2. Rows (Rows) – are located inside sections and help organize the layout of the page, such as into columns.
3. Modules (Modules) – elements that you put on the page, such as headers, text, images, buttons or contact forms.
💡 Example: If you are creating a page for a restaurant, you can put a section called “Menu”, in it a row with three columns and in each column add a module with a description of the dish and a photo.
Adding a new page: Go to Pages > Add New and click Use Divi Builder.
Selecting a layout: You can start with a blank page or use pre-made layouts.
Live editing: Click on any element and change its appearance in the visual editor.
Section management: Add, remove and move sections, rows and modules, customizing the page layout.
Responsiveness preview: Check how the site looks on different devices (computer, tablet, phone).
Also read our article “How to install WordPress?”.
With ready-made templates, modules and an intuitive visual editor, you can quickly create an attractive website. In this section you will learn practical tips for creating and editing pages in Divi.
Divi offers a rich library of ready-made page layouts that you can customize. This is perfect if you want to get a site up and running quickly without having to design everything from scratch.
1. go to Pages > Add New in the WordPress dashboard.
2. click Use Divi Builder.
3. select Browse layouts.
4. Browse hundreds of available templates by category (e.g. business, restaurants, portfolio).
5. Select a layout and click Use this layout.
Advantages of ready-made layouts:
– time saving – you don’t have to design your site from scratch.
– professional look – all layouts are optimized for UX and SEO.
– fully customizable – you can change colors, fonts, images and layout of elements.
Divi works on a modular basis, which means you can add different elements to your site in the form of modules. Depending on what kind of site you are creating, you can use different modules to build its structure.
1. click the “+ ” icon in the Divi editor.
2. select Add module.
3. select the module you are interested in from the list.
4. Customize its appearance and content according to your preferences.
💡 Pro tip: You can save your own module settings and use them in other sections of the site, which makes working on the site much faster.
To add a new page follow these steps:
1. go to Pages > Add New.
2. select Use Divi Builder.
3. Decide whether you want to:
Once the layout is loaded, you can freely edit sections, rows and modules.
1. click on any element to change its content or appearance.
2. drag and move sections to customize the page layout.
3. customize colors, fonts and animation effects in module settings.
When creating a website, it’s not enough just to take care of its appearance – it’s also crucial to ensure fast performance, good search engine visibility and overall efficiency. Divi, while a powerful tool, may require additional optimization to ensure that the site loads quickly and runs smoothly. In this section, you will learn how to optimize a page in Divi for performance and SEO.
Page loading speed is one of the most important factors affecting user experience (UX) and Google positioning. Divi, while rich in features, can generate additional load on the server. Here are some effective ways to improve the performance of a Divi-based site.
1. Enable Dynamic CSS and resource optimization.
Divi offers built-in optimization tools to help speed up your site. You can find them in the settings:
Divi > Theme Options > Performance
Enable Dynamic CSS, which reduces unnecessary styles
Enable Loading resources only when they are needed
2. Optimize images before uploading them
High-resolution images can significantly slow down your site. To prevent this:
Compress images before adding them to WordPress (e.g., using TinyPNG or ShortPixel)
Use modern formats, such as WebP instead of JPG/PNG
Use image optimization plugins, e.g. Smush, Imagify
3. Enable caching
Good cache management speeds up page loading for returning users. Use plugins for this purpose:
WP Rocket – the best paid cache plugin
W3 Total Cache or WP Super Cache – free alternatives.
4. Minimize and combine CSS and JavaScript files
Divi generates quite a lot of CSS and JS code, which can slow down your site. You can:
Turn on the option to minimize CSS and JS in Divi’s performance settings
Use the Autoptimize plugin, which further merges and compresses the files
5 Choose fast hosting
Not every hosting company offers the right parameters for Divi sites. It’s worth reading reviews and choosing the best and proven hosting. Avoid cheap shared hosting – they often slow down the site!
Despite its many advantages, Divi is not a perfect tool and has several drawbacks that are worth considering before choosing this creator. One of the main downsides is its resource-intensive nature – Divi-based sites can load slower if not properly optimized. Another limitation is the dependence on the Divi ecosystem – if you decide to change the wizard, moving your site may require additional work. Some users also point out that Divi’s learning curve is quite steep, especially for beginners, who may initially feel overwhelmed by the number of options. In addition, Divi is a paid theme, and the lack of a free version may deter those looking for budget solutions.
1. How to install Divi on WordPress?
To install Divi, download the Divi.zip file from Elegant Themes, then go to Appearance > Themes > Add New in your WordPress dashboard. Click Upload theme to server, select the file and click Install, then Enable.
2. How to add Divi to WordPress?
Divi can be added to WordPress as a theme or plugin. Download the file from Elegant Themes and install it in Appearance > Themes or as a plugin in Plugins > Add New (for Divi Builder).
3. How to copy a page in Divi?
To duplicate a page, open Pages > All Pages, find the page you want to copy, and click Divi Options > Duplicate Page. You can also use the Duplicate Post plugin.
4. How to edit a Divi theme in WordPress?
Edit the theme by going to Appearance > Personalization or using the Divi Builder on the site. You can change layouts, colors, fonts and other visual settings without coding.
5. How to use Divi in WordPress?
To use Divi, go to Site > Add New and click Use Divi Builder. Choose a ready-made template or start from scratch by dragging modules and editing content in visual mode.
