I’ve been getting a lot of questions about “WordPress Page Builders” lately, and I wanted to explain what they are. Since the release of WordPress 5.0 in 2019, WordPress major updates have focused on “Gutenberg,” the block editor. Gutenberg is totally different from the “Classic Editor.” But how is it different?

In this article, I’ll explain what WordPress page builders are, how they make building a website much easier to visualize, and a few recommendations. Please note that 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.

WordPress’s Block Editor “Gutenberg”

Guttenberg provides drag-and-drop functionality for 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. 

I don’t teach the  Gutenberg because I don’t think it’s easy and intuitive for WordPress beginners. Other editor plugins are much easier to use. I like the Classic Editor plugin (the simplest editor), the Elementor, and the Divi Builder.

How Do Drag and Drop WordPress Page Builders Work?

The original WordPress editor was pretty much text and code-based. Typing text was a relatively simple task, but it often required some coding work when you wanted to have a different layout or fancy formatting. 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 smartphones became popular, making it so important for websites to be mobile-responsive.

Then, the modern drag-and-drop page builders came onto the scene, handling all these issues!

With a drag-and-drop page builder, you click on sections (or elements) to drag and drop them into various locations on the web page. Page builders make so many things possible without having to deal with coding, like

  • Creating columns that adjust to the screen size
  • Placing images exactly where you want them to be
  • Having different layouts for different pages
  • Using pre-configured elements
  • Seeing the page layout as you build it

Besides 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

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

Elementor

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 Builder

Beaver Builder has been around for quite a while, and for 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 “Block Editor” Gutenberg

Conclusion

As mentioned above, Gutenberg is now a part of WordPress as of WordPress 5.0 and up. Many WordPress updates focus on improvements and enhancements to Gutenberg.

I am not yet using Gutenberg because I don’t think it’s ready for non-techies.

Drag-and-drop page builders might not be for those who 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.

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