Dec 9, 2018 | Divi Resources

How to continue using Divi Classic editor after WordPress Gutenberg release

Right after the WordPress 5.0 release which included Gutenberg page builder as a part of the core, Divi 3.18 was released which added compatibility with the new WordPress editor.

In this release, Divi added ‘The Latest Divi Builder Experience’ as it’s default editor replacing the old classic Divi editor. This new ‘Latest Divi Builder Experience’ is based on the wireframe editing mode available as the part of the Visual Builder. Users who prefer the classic Divi builder mode and like editing their content in it instead of the Visual builder will find it missing after they update to the latest version of WordPress (5.0+) and Divi (3.18+).

The classic Divi editor however is still part of the Divi theme and users who like to keep using it can find the setting for enabling it in the Divi theme panel.

How to Enable Divi Classi Editor in Gutenberg

In the above setting, the Enable The Latest Divi Builder Experience needs to be disabled and the last setting Enable Classic Editor need to be enabled to get the same old Divi editing experience.

While on the Classic Editor, there is notification to switch to the new Divi Builder and it can be turned on by clicking Enable The Latest Divi Builder Experience.

How to Enable Divi Classi Editor in Gutenberg

The new editing experience in the Divi theme adds some really handy features like screen view within the editor and much more and it certainly worth a try.

Divi Plugins

Supercharge Divi theme with Divi Extended plugins. Install to get more options and modules for customizing your website like never before. Our Divi plugins are fast, reliable and extremely easy to use.

Divi Content Toggle to display key information in compact manner

Having long pages with detailed information can delight Google bots, however, for users, it can be a bulky experience. They might find themselves overwhelmed or either confused when looking over pages overtaken by content. Then there comes the Divi Content Toggle...

Create Divi structured data pages easily for Google rich snippets

Having Divi structured data markup pages can help you and your website in many ways. It not only features your web pages as Google rich snippets. But it brings a valuable amount of organic traffic. And it can be done for any website of any CMS, such as WordPress,...

Introducing high converting CTA buttons for Divi

Divi button module is one of those modules that gets in used most of the time by Divi designers every time they create a new website. Whether it's homepage or services page. Whether it's a contact page or even a read more button on the blog post. Button module is of...

How to choose right Divi blog post template

Writing articles and posting them on the site helps a business bring a decent amount of traffic. The better content you write for your site, the more your site would appear in search results. However, this is not enough. Good content rich with potential keywords can...

How to reverse Divi column order on mobile devices

If a page on your Divi theme based website contains content in a random manner, i.e., Image-Text in the first column, and Text-Image in the 2nd column, there will be some design issue with the mobile view. It would look great on the desktop screens, but on mobile,...

20 Divi testimonial slider designs you can add on your website

This is a well-known fact that having testimonials on a site brings better conversion. It's an excellent way to impress visitors, build trust, and showcase how excellent services your business provides. However, as important as it to show the testimonials, it's...

How to create custom Divi module part 4: Functions used in the Divi module file

We learn about setting up the Custom Divi Module in our previous tutorials. Now we will deep dive into the coding part of the module. Before moving further, we need to learn about the order class. Understanding the concept of order class Divi dynamically adds a unique...

Divi Image Hotspot: Divi Plus module overview

Images on a blog post or on a webpage have become an essential part of the online world. Whether you want to use them to provide users information, or just to attract them. It could be an infographic or just a simple image in the background to improve the site's look...

How to export a Divi Library layout along with custom CSS

Custom CSS helps us design interesting and beautiful web pages that are sometimes not possible with default Divi settings. And the option to save the layout in the library to use them in a future project, makes it even more functional. So, we can use those saved...

How to create Divi Masonry blog with Divi Blog Extras

With the recent update, Divi Blog Extras has become even more functional and creative. Now, users can create Masonry blog pages with the new Divi Masonry blog layout option. For Divi Blog Extras' users, now they have a total of 7 blog layouts for Divi blog styling....
Posted By:
Marshall
Marshall is creative head at Elicus and works with the team to bring ideas to life. He is strongly focused on delivering a quality experience to clients and customers.

6 Comments

  1. David

    Thanks Marshall. But how do I enable the classic editor if I’m not seeing the last two of the five options from your screen shot above? I only have “Static CSS…”, “Output Styles..” and “Product Tour.”

    Reply
    • Divi Extended

      Hi David,
      Do you have Divi 3.18 or higher? The last 2 options are available in Divi 3.18 or higher.

      Reply
  2. Jane

    Thank you so much for this. I updated my site and the editing experience was so horrible in the visual builder, I could barely work out how to change the page. The old way is so much easier.

    Reply
  3. Glenn

    I’m sorry this did not work. I saved it, I got the green tick, but I still get ‘Build On the Front End’. And no other choice. I have also gone into ‘settings’ and ‘writing’ checked ‘Classic Editor’, and still can’t get back to the Classic Editor. Help.

    Reply
  4. Matt

    Hi, how do you disable that notification bar (switch to the new divi builder) in the editor?

    Some of my editors clicked on it by mistake and I don’t want that. The new version doesn’t work for my anyway, it keeps hanging on the load icon.

    Reply
    • Marshall

      Hi Matt,

      Did you try this ->

      Divi Theme Options >> Builder >> Advanced >> Swith of Enable the Latest Divi Builder Experience

      Reply

Submit a Comment

Your email address will not be published. Required fields are marked *

6 Comments

  1. David

    Thanks Marshall. But how do I enable the classic editor if I’m not seeing the last two of the five options from your screen shot above? I only have “Static CSS…”, “Output Styles..” and “Product Tour.”

    Reply
    • Divi Extended

      Hi David,
      Do you have Divi 3.18 or higher? The last 2 options are available in Divi 3.18 or higher.

      Reply
  2. Jane

    Thank you so much for this. I updated my site and the editing experience was so horrible in the visual builder, I could barely work out how to change the page. The old way is so much easier.

    Reply
  3. Glenn

    I’m sorry this did not work. I saved it, I got the green tick, but I still get ‘Build On the Front End’. And no other choice. I have also gone into ‘settings’ and ‘writing’ checked ‘Classic Editor’, and still can’t get back to the Classic Editor. Help.

    Reply
  4. Matt

    Hi, how do you disable that notification bar (switch to the new divi builder) in the editor?

    Some of my editors clicked on it by mistake and I don’t want that. The new version doesn’t work for my anyway, it keeps hanging on the load icon.

    Reply
    • Marshall

      Hi Matt,

      Did you try this ->

      Divi Theme Options >> Builder >> Advanced >> Swith of Enable the Latest Divi Builder Experience

      Reply

Submit a Comment

Your email address will not be published. Required fields are marked *

How to add Google reCAPTCHA in Contact Form 7 in easy steps

How to add Google reCAPTCHA in Contact Form 7 in easy steps

It’s a must that a contact form should have Google reCAPTCHA or any other security options enabled on it. Well, reCAPTCHA is most recommended. It protects your contact forms from getting filled out by bots or spams. And if you want to add reCAPTCHA on your contact...

Divi Content Toggle to display key information in compact manner

Divi Content Toggle to display key information in compact manner

Having long pages with detailed information can delight Google bots, however, for users, it can be a bulky experience. They might find themselves overwhelmed or either confused when looking over pages overtaken by content. Then there comes the Divi Content Toggle...

Create Divi structured data pages easily for Google rich snippets

Create Divi structured data pages easily for Google rich snippets

Having Divi structured data markup pages can help you and your website in many ways. It not only features your web pages as Google rich snippets. But it brings a valuable amount of organic traffic. And it can be done for any website of any CMS, such as WordPress,...

Divi 4 header footer pack

Fill up your details to download the file

Please check your email for the download link.

One Plugin, Many Possibilities

You have Successfully Subscribed!