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

Elementor vs Gutenberg pagebuilders [2021] 💥

Elementor vs Gutenberg comparison



ELEMENTOR REVIEW (Elementor vs Gutenberg)

Elementor is now more than just one of the best page builders...

Elementor review


The Elementor page builder can be used in any theme. Elementor has its own theme which you can download for free, The Hello theme. Elementor itself houses more than 300 ready-made demos from which you can start your work, that's as good as the best themes. You don't need another theme with Elementor. The own Hello theme is more than enough.

In this Elementor review we discuss the very latest improvements that make the theme/pagebuilder score in the top. Elementor only came on the market in 2016 and has already been installed on more than 8 million sites, which is of course noticeable. This is not just a page builder but a tuned drag & drop tool to build websites very quickly and easily.

ELEMENTOR PAGEBUILDER REVIEW

Watch the clip below, it will probably give you a taste of how you can get started with the editor/page builder yourself. Here you can find all info about Elementor's Editor.


Elementor pagebuilder review


ELEMENTOR NAVIGATOR

Elementor review Navigator


This brand new tool can be used as a dock on the right of the screen or can float anywhere in your worksheet. Simply right-click an element or block on your worksheet and select "Navigator" to open it. The Navigator significantly increases the enjoyment of work and the speed at which one can work. Watch here a video and more info about the Navigator.

ELEMENTOR SAVE WORK

Elementor review save work


Who wants to do the same task over and over again? Elementor allows you to save work blocks and reuse them on other pages, posts, and even other websites. That way you save a lot of time if we compare it with how people used to work. The animation below gives a reasonable idea of what to expect.

READY-TO-USE DEMO DESIGNS

Elementor demo-designs


We discuss the top features of the Elementor page builder. The beautiful demo designs are certainly part of this. Earlier I told you that Elementor is basically just a theme because of the wide choice of demo material that you can use as the start for your website.

Similar to Divi there are plenty of 200+ layouts available for all possible niches. Think of corporate, web shops, the hotel industry, gyms, cafe, fashion, hosting, photography, architecture, lifestyle, travel and fashion. There are also many third parties that build beautiful layouts for Elementor. You can also use such a layout as a start for your work, but you will of course have extra costs. View here the complete library of layouts.

ELEMENTOR WOOCOMMERCE BUILDER

Elementor Woocommerce Builder


Elementor, like most top themes, is perfect for building webshops. Product pages and category pages of Woocommerce can be beautifully styled. In the past, quite a bit of HTML knowledge was needed for customizing shop pages, that has become a thing of the past. We assume you know Woocommerce, it is by far the most used shop plugin for Wordpress. Watch here a video and more info about the Woocommerce Builder.

ELEMENTOR REVISIONS EDITOR

revisions editor


Elementor, like other elite page builders, was less pleased with the revision editor included in Wordpress and decided to release its own improved version. I completely agree that the default Wordpress editor for revisions is worthless, that was always an eyesore when you had to put something back. Also Divi and Thrive have this tool. Watch here a video and more info about Elementor Revisions Editor.

ELEMENTOR REVIEW: MOBILE EDITING

Elementor Mobile editing


Everything can be set separately with Elementor for mobile, tablet and desktop as you can see above. Of course Elementor is "out-of-the-box" responsive, but it is always nice to be able to make targeted adjustments for a certain device if necessary. However, all top themes and page builders also have this. Watch here a video and more info about Elementor's Mobile Editing.

ELEMENTOR COLORS

Elementor color combinations


We give a perfect score in our Elementor review here to the color editor for texts, which is practically as beautiful as in a PC software like Photoshop. According to Elementor themselves, they are currently the only one that has "pixel perfect design". You can use all possible colors out there and also create gradients with them. Watch here a video and more info about Elementor's Color Picker.

ELEMENTOR HEADER & FOOTER

Elementor header footer design


Total control over all headers and footers within your website. All elite page builders can do this, but it is an important tool to have in a theme. Watch here a video and more info about Elementor's Header-Footer Builder.

ELEMENTOR BASIC ELEMENTS

Elementor basic elements


ELEMENTOR PRO ELEMENTS

Elementor pro elements


ELEMENTOR THEME ELEMENTS

Elementor theme elements


The building blocks for the layout of your pages are the elements and Elementor offers very a lot of. Let's say practically everything has been thought of. Elementor even has pop-ups included as standard and very nice ones too, so forget about your pop-up plug-in from now on. You no longer need it. View here the complete info on all 90+ Elementor Widgets.

ELEMENTOR POP-UPS

Elementor Pop-Ups


Beautiful pop-ups, easy to set up too, a wonderful tool. The top page builders copy everything from each other. The popups are perfect for call-to-action and conversion purposes. View here all info about Elementor's popups.

ELEMENTOR REVIEW: PRICING

Elementor pricing


The prices for Elementor can be found here in the image above. In terms of quality, Elementor is worth triple its money, especially if we compare it with other premium themes that offer much less and are also even more expensive. View the pricing page here. Sometimes there are discounts.

ELEMENTOR ACADEMY

Elementor Academy


If you still have a few questions about Elementor, you might find them quickly answered in the more-than-organized Elementor Academy.



Visit Elementor




GUTENBERG (Elementor vs Gutenberg)

Gutenberg Wordpress editor review


In this Elementor vs Gutenberg comparison 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 Elementor vs Gutenberg

First of all, thank you for reading my Elementor 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 Elementor pagebuilder or the Divi Theme, with the Divi Builder (pagebuilder) already in it. These two page builders are the cream of the crop in this area and you won't regret it.



This link gives you today 20% off on the Divi Theme!

Divi



Scroll up