Avada and WordPress Gutenberg Compatibility

Last Update: March 20, 2023

According to Automattic (the driving force behind the development of WordPress) Gutenberg is a new publishing experience. It was released with WordPress version 5.0, on December 6th, 2018. In this document, we will be covering everything Gutenberg, Avada and what you need to know.

What Do I Need To Do In Preparation For WordPress 5.0?

This will depend on the Avada version you are currently running. If you are already running Avada 5.7.2 (latest available version is: 7.9.2) you are all set and good to go. Otherwise we recommend updating Avada to the latest version. Always make sure that you check and follow the detailed instructions for updating your theme. The importance of maintaining your site by making sure that your theme and plugins are regularly kept up to date, cannot be overstated. If you can’t update to the latest version of Avada just now, we have you covered too.

Already running Avada 5.7.2 or up? Nothing to do!

You can expect the same seamless working experience that you are used to with Avada and WordPress. Both, Avada and the Avada Builder, will be unaffected and this includes the front-end of your site. Additionally, feel free to try the WordPress 5.0 Gutenberg editor. We added options to either create a post on Gutenberg or within Avada Builder, your choice. You can’t edit a page/post created with Gutenberg in the Avada Builder or vice versa, however, you are free to try Avada Builder Elements in Gutenberg. More information please read our help file.

We have implemented the option to choose between the Avada Builder and Gutenberg when creating new pages or posts as illustrated below.

Page & Post Editing Selection

Choosing Add New > Avada Builder gives you this.

Choosing Add New > Gutenberg gives you this – note the Edit with Avada Builder button, top left.

Choosing Add New > Classic Editor gives you this.

Can I Also Use The New Block Editor?

Yes, you certainly can. What must be noted is that if you create a page/post with Gutenberg you cannot edit/maintain the same page/post using the Avada Builder and vice versa. They are not interchangeable. Any Gutenberg page/post created will display perfectly on the front end of the site to anyone viewing it.

Running Avada below 5.7.2? Don’t panic!

Update Avada To The Latest Version – Here Is How

Whether you are running an old version of Avada or not, regular maintenance is critically important. Furthermore, making sure that your theme and plugins are kept up top date should be a part of your maintenance procedure. These are our detailed update instructions:

Something else that is important is to also ensure any patches that our team releases between update cycles are applied as part of ongoing maintenance for your install and always clear your cache plugins post update.

  • Current Avada version is 7.9.2
  • Current Avada Builder version is 3.9.2
  • Current Fusion Core version is 5.9.2

What If I Can’t Update Avada, Will My Site Break?

The short answer is: No. The front-end of your site will be unaffected and everything will remain perfectly functional, not affecting your website visitors. It is the WordPress back-end of your install where you will have obstacles. If you have not updated your Avada theme to the latest version, it won’t be possible to edit posts/pages with the Avada Builder, that is why we strongly recommend updating to Avada 7.9.2+ before you update to WordPress 5.0. See our detailed update instructions.

If you are not able to update your theme just yet, you have two other options as listed below:

1 – Install And Activate The Classic Editor Plugin

The Classic Editor plugin is developed and maintained by the core WordPress team and will be officially supported until December 31, 2021. Install and activate the Classic Editor plugin.

It does what it says on the tin and will sideline the WordPress Gutenberg editor upon activation. The plugin also makes it possible to keep both the Gutenberg and the Classic editor at the same time, configured the in the plugin’s settings. Go to WordPress Dashboard >> Settings > Writing page, you will see the option under “Classic editor settings”.

All of this means that the traditional WordPress editor is active and Avada Builder is enabled for all pages and posts.

  • Download Classic Editor or install via WordPress Dashboard >> Plugins

  • Active installations: 600,000+
  • WordPress Version: 4.5 or higher

2 – Or, Install The Disable Gutenberg Plugin

This method allows you to to disable the WordPress Gutenberg editor for certain or all user roles and post types and override any Gutenberg related nags. Install and activate the Disable Gutenberg plugin. Upon activation, go to the >> WordPress Dashboard > Settings > Disable Gutenberg page to configure the plugins settings.

  • Download Disable Gutenberg or install via WordPress Dashboard >> Plugins
  • Active installations: 10,000+
  • WordPress Version: 4.9 or higher

If I Choose Not To Update WordPress, Will Avada Work?

Yes, of course, Avada will work perfectly with the 4.9.8 version of WordPress. You can delay updating to WordPress 5.0 if you have accessibility concerns or are simply not ready to do so at this time.

The WordPress 5.0 Editor Overview

The new WordPress 5.0 Welcome screen greets you with:

“You’ve successfully upgraded to WordPress 5.0! We’ve made some big changes to the editor. Our new block-based editor is the first step toward an exciting new future with a streamlined editing experience across your site. You’ll have more flexibility with how content is displayed, whether you are building your first site, revamping your blog, or write code for a living.”

WordPress 5.0 Welcome Screen

At the very top of the page the following prompt is visible “Learn how to keep using the old editor.”, clicking that takes you to the “Keep it Classic” and plugin install option, as shown below:

WordPress 5.0 Welcome Screen

“Prefer to stick with the familiar Classic Editor? No problem! Support for the Classic Editor plugin will remain in WordPress through 2021.

The Classic Editor plugin restores the previous WordPress editor and the Edit Post screen. It lets you keep using plugins that extend it, add old-style meta boxes, or otherwise depend on the previous editor. To install, visit your plugins page and click the “Install Now” button next to “Classic Editor”. After the plugin finishes installing, click “Activate”. That’s it!

Note to users of assistive technology: if you experience usability issues with the block editor, we recommend you continue to use the Classic Editor.

There has been significant discontent with regard to overall accessibility and the new Gutenberg editor. On October 30th, WP Tavern released an article with a sobering assessment of the accessibility status of Gutenberg. You can read the full report from Joe Dolson here.

Back to installing the Classic Editor plugin from the WordPress welcome screen, your next step will be as follows:

Install Classic Editor Plugin Screen

In the subsequent WordPress Dashboard >> Plugins screen, click “Install Now” then activate the plugin. Installing the Classic Editor disabled the new Gutenberg editor as default and gives you the traditional editing experience for pages and posts.

Classic Editor Plugin Settings

There are two settings for the Classic Editor plugin, the default is > “Replace the Block editor with the Classic editor.” and the secondary is > “Use the Block editor by default and include optional links back to the Classic editor.”

WordPress Writing Settings

There are two settings for the Classic Editor plugin, the default is > “Replace the Block editor with the Classic editor.” and the secondary is > “Use the Block editor by default and include optional links back to the Classic editor.”