Webstick.blog logo Wordpress, Design, SEO, Speed blog

Divi vs Gutenberg Pagebuilder-comparison [2021]

Divi vs Gutenberg comparison


DIVI vs GUTENBERG


Today we are engaged in the comparison between Divi vs Gutenberg. There are quite some differences between these 2 page builders. Gutenberg is touted by Wordpress itself and is also standard in Wordpress now. Divi is not only a page builder but a theme with page builder, although the Divi Builder can be used in any theme. Both the Divi Theme and its Divi-Builder (pagebuilder) are considered by many to be the best there is. Let's see how Gutenberg compares to this.

I will discuss Divi as a whole, theme + page builder as they come together when you purchase it. I start with Divi but this is a random choice and does not automatically mean it would be better.

DIVI REVIEW (Divi vs Gutenberg)

Divi is the top product of the elite Wordpress theme seller Elegant Themes.


Divi


After successfully launching in 2013, Divi quickly gained popularity. Who would have thought they would sell so many subscriptions. At the moment no less than 701.000 pieces. Many of them are worth $ 249 lifetime. You see this is a million dollar business. Apparently many people agree that this is a wonderful offer and I can immediately join. You will not only get Divi, but much more that I will come back to later.

Divi webshops

This theme works hand in hand with Woocommerce, the most popular plug-in for web shops. Divi offers a special shop module that you can install if you are going to build a webshop! I can't explain it better than Elegant Themes itself so watch the video below and you will immediately know everything. Takes only 10 minutes.



What characterizes the Divi theme?

The continuous improvements and expansion of Divi's features and settings have made Divi popular with a wide audience, from laymen to pro website builders. Divi has many functions but it can also be kept simple, they do not all have to be used.

Divi vs Bridge page builders

One point we should definitely talk about in this Divi vs Bridge review is their page builders. Divi comes with the Divibuilder, a top page builder. Bridge comes with the UX drag & drop page builder, also a good page builder although the 2 cannot be compared. Divi clearly scores better here. If you are interested in what the best page builder for Wordpress is, read my article on that topic.

Divi 4.0 Review video

To quickly get an impression of the improvements since Divi 4.0, it is a good idea to quickly watch the video below, which takes 4 minutes.



Over time, Divi has grown from a back-end page builder to a thoroughbred front-end WYSIWYG page builder with inline text editor. While working on your website, you will always see a live preview of what the page will look like. Each item is clickable and customizable. Incidentally, the addition of the history editor in Divi is a great asset (pictured below).


Divi history editor

Divi: Drag & Drop

Elements can be dragged within the editor using drag & drop, sections can be scaled (also with your mouse) and so you quickly build the layout for your page that you had in mind. (shown in video)


Also the ability to copy sections or elements and export them yourself to other sites is great. All in all, the Divibuilder has quickly grown into a super tool to get pages out of the ground. You can easily create sections and columns that you fill with the large number of elements (46 modules) that Divi has to offer.


Divi modules

Divi Fonts and Text Styling

Being able to adjust more than 600 different fonts in every possible way? This is possible with the Divi text editor. Almost as many options as in a program like Photoshop. There are more page builders with good editos, but the Divi editor is the crown here.

For Divi, in addition to the elements you will find in the editor such as sliders, forms, buttons, text, video, images, price tables, and the like, there are also a lot of third-party plugins on the market that offer extra functionality. Divi contains everything, but for very specific things you can sometimes use a special plug-in.


Divi vs Bridge: Ready lay-outs en templates

The Divi Builder already offers +800 layouts and +100 website packages. Many will be added here in future upgrades. From these packages and layouts you can combine exactly those pages that you like and thus build your own website. All you have to do is replace everything with your own photos, texts, logo, et cetera.


Divi designs


You can make all your adjustments using the Divi Builder since these pre-made layouts were made with it. The Divi Builder gives you complete control over your entire website. Everything can be adjusted very quickly and with precision. After you have done your job, it is wise to save everything so that you cannot lose it. That is also one of the options that Divi offers.

Divi Leads split-test tool

During our review of Divi theme vs Bridge, we had to note that there are several options in Divi that Bridge does not have, such as the Divi Leads split test tool that has been standard since version 2.7. With Divi Leads you can view different versions of a specific page or section on your website and see which version is more popular with your audience. Also think of different call-2 actions, buttons, images and the like.


Divi optimization tool


So we call this split testing. Besides Divi, I believe that only Thrive Architect has split testing in his page builder and for Elementor there is a plug-in for that. It is also called A-B testing by the way.


Divi optimization tool 2


In any case, a higher conversion is achieved with this. One no longer has to guess what works better, the facts are presented. I assume this function will soon be in all top themes and page builders.

Theme options

All settings for menu navigation, advertisements, social media, responsiveness, posts, Woocommerce can be found in the extensive Divi theme options panel. There are many more settings, I'm not going to list them all but there are for your SEO, layout, updates and more. The settings are divided into groups so that they are easy to find for you.


Divi theme options


Transferability between websites

By transferability we mean being able to import and export between websites. With Divi it is very easy to use your work on multiple Wordpress sites with the Divi theme. This applies not only to your work, but also to your settings and layouts. Web designers save so much work by not having to reset or build everything all the time.

Divi prices

An Elegant-Themes membership gives you access to all of their products including Divi and costs $ 89 per year. Elegant-Themes has 86 other themes and many plug-ins. This is certainly a good deal, but it may be a lot cheaper to get a lifetime membership right away for $ 249. In any case, Divi offers a 30-day money-back guarantee so you can try it risk-free.

Divi vs Bridge: Divi summary

Divi is suitable for everyone, no HTML or PHP knowledge is required. It is packed with options and settings. The page builder is a pleasure to work with. A good design is quickly set up with the demo sites and a little bit of work. The prices are good to low for the quality they get.



Visit Divi website!




GUTENBERG THEME (Divi vs Gutenberg)

Gutenberg Wordpress editor review


In this Divi vs Gutenberg we now continue with Gutenberg which is not an easy task as there is little good to report. When Gutenberg was just out, I was shocked. Where was the Wordpress editor? It is then thought to be an improvement and is trying to work with it. I quickly found out it was the biggest mess possible. What a disappointment. In this Gutenberg Wordpress editor review for [2021] we look at whether more people are not happy with this and what the future holds.

Gutenberg editor Ratings

For starters, on the plugin page itself, let's see what the ratings are for it.


Gutenberg editor review ratings


An average rating of 2 stars. Of the approximately 3000 people who gave a rating, 2100 gave the minimum number of 1 star, if they could have rated 0, they probably would have. On the other hand, there were 600 people that gave a 5 star rating. I had to think how this is possible, but you know the internet as well as I do and it is customary to always give the maximum 5 stars even if you are not so happy to please the builders of something. In this Gutenberg review, we therefore note that the majority of people think it is a rubbish heap, just like me.

Disable Gutenberg

To get rid of the terrible Gutenberg editor, there are several plugins. We take a closer look at 2, the first is "Disable Gutenberg".


Gutenberg editor review ratings


Above, it can be seen that out of the practically 500 people who rated this plugin that has been installed over 5 million times, all but 4 gave it all 5 stars, so glad they got rid of Gutenberg for good.

Classic Wordpress editor

The "Classic Editor" plugin is from Wordpress itself and will be there at least until 2022 as they apparently know for themselves that Gutenberg is no good. Apparently they think they can make something of it in a year or two. The problem will be that practically everyone has hated it by then. Well, millions of people use this plugin and its ratings can be found below.


Wordpress Classic editor ratings


The editor itself

On paper, Gutenberg is a WYSIWIG front-end page builder. When you use the word page builder you probably think of a Divi-like experience but forget it quickly. Gutenberg is very slow (too much Javascript) and works very clumsy. The image below gives an image of what you will be presented in the back-end and front-end, you have to do with that. The only thing that can be considered positive is that when you "paste" a large text with titles and blocks of text, the editor itself divides everything into blocks. I say positive, but some people may prefer to take control of it themselves, so it can be very annoying.


Gutenberg back-end view

Gutenberg back-end editor



Gutenberg front-end view

Gutenberg front-end editor


Gutenberg with certain themes

In combination with good themes like Astra or Generatepress is the worksheet a bit more attractive as shown in the pictures below. Despite that, there is still no comparison with really good editors out there today like Divi, Elementor and Thrive.


Gutenberg + Generatepress

Gutenberg + Generatepress



Gutenberg + Astra

Gutenberg + Astra


Gutenberg guinea pigs

In principle, we as Wordpress users are used to test the Gutenberg editor until after a year or 4 it can finally be used properly. Obviously this is concealed, it is pretended to be a fantastic improvement in Wordpress. Otherwise everyone would immediately disapprove of the editor, which is already the case with the ratings. People are not crazy, of course.

I will not go into all the small details, Gutenberg is completely BETA and should first be tested well for a few years without being in Wordpress. Furthermore, there is a lot missing in the editor, it is confusing, slow and not precise.

My advice regarding Divi vs Gutenberg

First of all, thank you for reading my Divi vs Gutenberg review to the end. My advice is simple. Don't work with Gutenberg to avoid disappointments and mistakes. At the very least, immediately install one of the 2 plugins discussed above that will make Gutenberg disappear and restore the old familiar Wordpress editor.

If you are willing to incur some cost to work with a good editor, it is best to purchase the Divi Theme, with the Divi Builder (pagebuilder) already in it. This is the cream of the crop in this area and you will not regret it.



Divi



Scroll up