Site Overlay

Simple Guidance On Divi Page Builder

Divi Page Builder is a WordPress plugin that enables one create website pages or templates for use and it comes in two major forms;

Back end builder

Found inside the WordPress dashboard and sits in its UI whereby when activated it replaces standard WordPress post editor. Making changes inside the dashboard becomes first. Though limited to block-based representation.

Front end builder (visual builder)

Front end builder allows you to build pages in an amazing experience. Combined with faster designs and changes appear instantly in what you see is what you get manner. Mostly you add new content, build pages, and see everything happen directly to the website.

 There are three main building blocks: Sections, Rows and Modules


The largest building block in the page builder and are always the first thing you add to a page. The section also comprises of three parts

Regular section:

in this type of section, it’s made up of rows and columns.

Specialty section:

this one is made up of more advance sidebar layout

Full-width section:

This is a section made up of width modules and expand to the entire width of a page or a screen.


They sit inside a section running in a vertical manner and allow any number to be placed within the section. They are defined by column structure with no limit number of modules.

Columns on the other hand describe the horizontal placement of modules sitting in a particular row. There are also no limits to the number of modules that can be placed in a particular column.


Are represented by content elements that constitute a website. Every module presented by divi will always fit any column width and are fully responsive.

Creating your first page on Divi Page Builder

Based on the three basic blocks above are the elements used to create a page.

Divi Page Builder start page
  • Adding first section

As earlier communicated the section is the primary first thing you add when creating a page. You add by pressing the blue icon or button and upon clicking a new section will be deployed the page you are already on. For the brand new page, the section is created automatically.

adding a section on Divi Page Builder
  • Adding first row

On the empty section created above, you are now permitted to create rows and columns based on different available layouts. To create a row you click on a green icon or button inside the section, and once you click it will pop-up different types of column types you might desire. Click on your desired column type and a new row is created ready to receive a module.

adding rows and columns
  • Adding module

Divi having over 50 elements that can be used to build a website is now ready to be deployed on your website. The element modules include text, images, buttons, and videos along with many others.

Adding modules inside Divi Page Builder

When adding a module, you click on the grey icon/button that exists on the empty column or modules. Click on the module you want to appear and once added the setting panel will appear automatically and with the settings, you are able to configure your module.

Configuring sections, rows and modules

While hovering over any element on the page you can be able to access the setting by clicking on the gear icon and elements setting panel will appear.

The setting panel consist of three tabs in content, design and advance.

settings panel tabs

We have our first tab as The content tab. When adding content such as text images or videos to the element use the tab.

Secondly, we have The design tab, commonly used to design the element into different styles and settings of the element.

Advanced tab gives one more control by allowing you to edit visibility and also can add custom CSS while tuning the element.

Page access settings and saving

For the general page setting, you click on the purple dock icon at the bottom of your screen. The setting bar becomes expanded. This causes things like background and color are ready for adjusting. Hit the Save and publish button

Using Divi Page Builder tempelate

The builder will give you the option to use a premade layout. The layout will provide some common page types such as blogs, about us, contact, and portfolio are provided. You can load any page and swap content with your own.

Creating your layout to library.

After successfully creating your own layout the divi interface allows you to save the layout to its library where you can use on future creation. To save the item to the library you click on the library icon that exists while hoovering over any elements. After adding to the library and can be seen when you click on add from the library button.

Creating and saving layout on Divi Page Builder

Conclusion On Divi Page Builder

For the advanced developers, it offers a perfect field given the two types of forms back-end and front-end. To be precise it doesn’t leave out a beginner either as the front end is easy to use and configure.

Frequently Asked Questions

1) How much does Divi Builder cost?

You can pay $89 per year, which is their most popular plan, or a 1-time price of $249 to get lifetime access and updates

2) What is the difference between Divi theme and Divi builder?

The difference between the two is that the Divi Theme includes the Divi Builder, and has everything you need all wrapped into one theme. When you download the Divi theme, you don’t need to download the Divi Builder as its already included. The Divi Builder, the plugin itself, you can use on different themes

3) Is Divi bad for SEO?

The Divi theme itself is not bad for SEO. The majority of SEO problems in WordPress themes come from shortcodes, So if your theme generates shortcodes, you need to use an SEO plugin to take control over each page’s metadata.

4) Is Divi worth buying?

Divi, along with 86 other themes and 6 other plugins cost at $89 per year. Paying off $89 for a single theme may be considered pricey by some. it is extremely good value for money for most.

Leave a Reply

Your email address will not be published. Required fields are marked *