Will Gutenberg Kill the Page Builder Industry?

Default avatar.
September 26, 2017
Will Gutenberg Kill the Page Builder Industry?.
The WordPress content management system has built quite an empire for itself, with a community of passionate fans that help push it to new heights. It’s the customizability of the platform that has everyone so excited about the possibilities, and the fact that WordPress powers over 75 million websites (or 28.5% of the internet) means that the possibilities are all but endless. New plugins, themes, and versions of the WordPress software are released on a regular basis. But WordPress isn’t without its challenges and deficiencies, which the active WordPress community is vocal about calling to the light. To give a few examples, there’s the fact that you can’t duplicate blog posts and the fact that the visual editor hasn’t been updated in a long time. The funny and awesome thing about the WordPress community is that when they find a problem, they don’t wait for the official fix. WordPress is an open source software program, which empowers members of the community to create all of the functionality they need on their own. The result? Plugins like Duplicate Post, which allow you to duplicate your posts, and Beaver Builder and Divi, which are WYSIWYG page builders that make it easy to edit content on a page and see the changes in real-time. In June 2017, WordPress founding developer Matt Mullenweg announced on his personal site that he and other contributors have been working on the update to the visual editor that would be included in the core as part of WordPress 5.0. It was to be called Gutenberg.

What is Gutenberg?

Gutenberg is a take on the new editor for WordPress. It is named after Johannes Gutenberg, who is credited with popularizing moving type. (As a mini history lesson, moveable type was actually invented in China by Bi Sheng.) The current visual editor requires the knowledge of shortcodes and HTML for full functionality, and was really only ever a partial WYSIWYG editor. With Gutenberg, WordPress core contributors had the goal of making things easier for users through the use of “little blocks”, or small sections that you can edit, one at a time, so that it isn’t overwhelming to make changes that could affect the entire page as a whole. It’s been said that Gutenberg was created with functionality similar to Medium in mind, allowing the user to easily edit these blocks as changes are needed. The blocks can be moved up and down or deleted, as with other popular page builders on the market. Importantly, this block feature scales well with mobile. For WordPress users that are used to the text editor, you can switch between the visual and text editor by using drop down menu located at the top left of the page. However, as you can probably imagine, switching to the new text editor adds more clutter to work around. Here’s the official example of the front-end results of using Gutenberg’s editor.

The Gutenberg Plugin

According to Matt Mullenweg on his website, the motivation behind the Gutenberg plugin is:
Theme developers won’t need to bundle tons of plugins or create their own page builders. There’ll be a standard, portable way to create rich layouts for posts and guide people setup right in the interface, no 20-step tutorials or long videos needed. Every theme will be able to compete with multi-functional premium themes without locking users into a single theme or compromising their experience.
Gutenberg is currently in the beta testing phase. The current iteration will work for WordPress version 4.8 and above. As of this writing, Gutenberg is offered as a plugin, but developers are working hard to ensure that it will be ready to be included in the next core Wordpress 4.9 update. Being perhaps a bit more realistic, Gutenberg likely won’t be included in the WordPress core code until version 5.0 is released. Matt Mullenweg is hoping to get 100,000 active installs for the current plugin, and is actively encouraging people to leave all feedback on the WordPress support forum. There’s also the new challenge of abandoning React and having to rewrite the Gutenberg plugin because of a challenging patents clause. Since being offered to the public, as of this writing, Gutenberg has 2,000+ active installs and a 2.5 star rating. It’s safe to say that there’s a long way to go for Mullenweg to hit his desired numbers, and to win more of the WordPress community over to Gutenberg.

What Gutenberg Looks Like in Action

If you want to test out Gutenberg, it is recommended to use a test site or using your host’s staging environment. When Gutenberg is installed on WordPress, the options under each post will look like this: gutenberg-link-on-post Gutenberg still hasn’t replaced the ‘Edit’ button, so users can test the difference between how the two work. Gutenberg also adds a new option on the sidebar menu, which allows you to try a demo and includes the ability to create a new post. Gutenberg has the ability to switch between the visual editor mode and Text Editor (code/HTML). There are HTML comments at the beginning and end of each text block, which allow you to create text blocks directly from the text editor if you’re not used to the visual mode. This feature represents a significant and important change over the typical page builder. With most page builders, you essentially have to rebuild each page if you switch to a new theme or design incompatible with the page builder. With Gutenberg, reverting blocks to HTML is a standard option that reduces work over the long term. gutenberg-text-editor

Gutenberg: The Bad

The 2.5-star rating on the Gutenberg plugin demonstrates that a lot of people aren’t happy with it quite yet. Here’s a sampling from reviews so far:
  • Gutenberg will make copy-pasting difficult
  • Changing a line of text into a header will take two actions instead of one
  • Media handling isn’t that good: image editing is limited and video embedding isn’t that good
  • Makes WordPress more complicated than it has to be
  • Disappointing page and post editing capabilities
There are also a lot of things about Gutenberg that as of yet do not make sense, such as:
  • How will the drop cap function be needed in blocks of text?
  • What is the point of the gear in the top-right corner of every block?
  • Why did they bother with the Latest Posts widget?
Hopefully by the time Gutenberg is included in the core, these issues will have been worked out.

Gutenberg: The Good

Though the WordPress community as a whole seems to have a major vendetta against Gutenberg, reviews aren’t all bad. First off, people appreciate that it’s an attempt at distraction-free writing. If you put the current visual editor and Gutenberg side by side, you’ll see that Gutenberg has more physical space for writing. In general, users believe that it’s a good move as it’s a step towards the next evolution of WordPress. Gutenberg’s functionality is better geared to the beginner than the current visual editor. Good reviews of the Gutenberg plugin say:
  • It is good for building blocks and for block editing
  • Makes tables and lists easy to make and manage
Zack Katz of GravityView led the keynote at WordCamp Denver this year, with the topic “The Future of WordPress”. His presentation brought up this interesting consideration:
Gutenberg is an important conceptual step forward for WordPress. Gutenberg enables WordPress to build content layouts, not just write articles. It is one of many transitions happening in WordPress toward a more simplified user experience.
Although Gutenberg is still in beta, and has only had 2,000 active installs, there’s certainly a lot of room for improvement. At the time of writing, there are only 139 reviews, which represents a very small percentage of users.

How Gutenberg is Going to Affect Page Builder Plugins

Gutenberg plugin early reviewers think that Gutenberg should be offered as a plugin only, and not as an innate WordPress theme feature. Should WordPress make Gutenberg an integrated feature, WordPress users will be divided. Should WordPress make the necessary improvements to Gutenberg, it will challenge the existing page builders and eliminate the need for them. After all, why pay extra or take the time to learn something new with functionality that will likely become innate to WordPress? Furthermore, as discussed earlier, one of the main issues with page builder plugins right now is that if you want to install a new theme from a different provider, you have to completely rebuild pages if you don’t continue to use the same page builder. Another segment of WordPress users will probably complain, because they like the flexibility WordPress brings, which includes the choice to use plugins that they’re already used to. At any rate, it will be interesting to see how page builders adapt and create solutions, perhaps focusing on the unique functionalities that they’ve built out over time.

Will Gutenberg Kill the Page Builder Industry?

The idea behind Gutenberg is pure, starting from a clamoring of WordPress users that called for an update on the CMS’s outdated visual editor. However, since being announced, Gutenberg has received a number of mixed reviews—mostly negative, with many people calling for it to be offered as an optional plugin instead of a core part of the new WordPress update. Gutenberg is still new and has plenty of room to improve because of it’s nature as a work in progress. The implications for the page builder industry have yet to be fully realized, but if it ends up being included as part of the core update, they should definitely be scared for their futures.

Maddy Osman

Maddy Osman creates engaging content with SEO best practices for marketing thought leaders and agencies that have their hands full with clients and projects. Learn more about her process and experience on her website, www.The-Blogsmith.com and read her latest articles on Twitter: @MaddyOsman.

Read Next

15 Best New Fonts, May 2024

In this month’s edition, there are lots of historically-inspired typefaces, more of the growing trend for French…

20 Best New Websites, May 2024

Welcome to May’s compilation of the best sites on the web. This month we’re focused on color for younger humans,…

Exciting New Tools for Designers, May 2024

This year, we’ve seen a wave of groundbreaking apps and tools. AI is reshaping the industry, enhancing productivity,…

Using AI to Predict Design Trends

Design trends evolve at a blistering pace, especially in web design. On multi-month projects, you might work on a…

15 Best New Fonts, April 2024

Just like web design, type design follows trends. And while there’s always room for an exciting outsider, we tend to…

3 Essential Design Trends, May 2024

Integrated navigation elements, interactive typography, and digital overprints are three website design trends making…

How to Write World-Beating Web Content

Writing for the web is different from all other formats. We typically do not read to any real depth on the web; we…

20 Best New Websites, April 2024

Welcome to our sites of the month for April. With some websites, the details make all the difference, while in others,…

Exciting New Tools for Designers, April 2024

Welcome to our April tools collection. There are no practical jokes here, just practical gadgets, services, and apps to…

How Web Designers Can Stay Relevant in the Age of AI

The digital landscape is evolving rapidly. With the advent of AI, every sector is witnessing a revolution, including…

14 Top UX Tools for Designers in 2024

User Experience (UX) is one of the most important fields of design, so it should come as no surprise that there are a…

What Negative Effects Does a Bad Website Design Have On My Business?

Consumer expectations for a responsive, immersive, and visually appealing website experience have never been higher. In…