Please note this article is aimed at people who already have a website up and running and are interested in using a drag-and-drop page builder instead of WordPress’ default Classic editor to create web pages and blog posts.


I’ve been getting a lot of questions about “WordPress Page Builders” lately and I wanted to explain what they are.

When  WordPress 5.0 was released recently, its new feature that got everybody’s attention was “Gutenberg,” a new editor for WordPress that is totally different from the previous “Classic Editor”.

But how is it different?

Gutenberg is the new “Block Editor” that provides drag and drop functionality to building a WordPress page.  The page builder functions for WordPress had been available in the form of plugins or themes, but with Gutenberg, WordPress has made it the default editing experience.

How Does Drag and Drop WordPress Page Builders Work?

The original WordPress editor was pretty much text and code-based. Just typing text there was relatively a simple task, but when you wanted to have a different layout or fancy formatting, it often required some coding work. And you couldn’t see the final look of the page as you edited. To make things tougher for non-coders, things got more complicated as the smartphones became popular, making it so important for websites to be mobile-responsive.

Then, the modern drag and drop page builders came in to the scene, taking care of all these issues!

With a drag and drop page builder, you literally drag and drop sections and elements to visually build a web page. Creating columns that adjust to the screen size, placing images exactly where you want it to be, having different layouts for different pages, using pre-configured elements… All these things are now possible without having to deal with coding. A drag and drop page builder also lets you see the page layout as you build it.

Drag and drop pages builders might not be for those who just love coding themselves, but for the rest of us, they save a lot of time, and make it easy to design pages the way we want, allowing us to get really creative.

Beside Gutenberg, there are quite a few drag and drop page builder plugins available, each with unique features. Here are some popular ones that people seem to love.

Popular WordPress Page Builder Plugins

Divi Builder

The Divi Builder Plugin

This is Elegant Themes’ premium plugin that can add the drag and drop page builder functions to WordPress sites. Originally offered as a part of Divi theme, this plugin lets you incorporate  many cool features in your site.  I use the Divi Builder here on this website in conjunction with the Divi “Extra” Theme

Elementor

The Elementor Plugin

With Elementor, you will be seeing your edits right there on a live page. And it’s pretty fast! While being pretty user-friendly, it also lets you do deep customizations if you wish.

Beaver Bulder

Beaver Builder has been around for quite a while, and for a good reason. Many of my friends like and use it. However, the beaver builder plugin is focused mainly on the web developer community, not on the non techie community. So there may be a bigger learning curve for some.

The New “Block Editor” Named: Gutenberg

As mentioned above, Gutenberg is now a part of WordPress as of WordPress 5.0 and higher. I am currently not yet using Gutenberg because I don’t think it’s ready for non techies. Read more about Gutenberg in my blog post here.

Do you use any of the above or other page builders? What do you like about it?

Print Friendly, PDF & Email