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.

How to add FAQs in Divi optimized with FAQ Page Schema for rich snippets

For a business website, whether it's selling products or services, it's essential to have FAQs. And for those FAQs, what's important is that they should be optimized for FAQ Page Schema. Likewise, How To Schema, this page schema helps your website's frequently asked...

How to create custom Divi contact form message pattern

For an online venture, a contact form works similarly to the visiting card of an offline business. Interested customers contact you whenever they want. And a contact form available on the website does the same. Interested users contact you whenever they want. If...

Divi Marketplace Guide: Plugins, Child Themes & Layouts

The new Divi Marketplace by the Elegant Themes has taken its share in the web development world. Now, Divi developers around the world can easily share their awesome products to hundreds of thousands of users. A much like independent PlayStore and AppStore for the...

10 Divi blurb hover effects created using Divi Blurb Extended

If you want to create Divi blurbs and looking for interesting hover effects, then below examples can become your inspiration. We've collected some of the Divi blurb hover effects that you can easily create using the Divi Blurb Extended plugin. This plugin, provides...

How to add Divi drop cap inside single post content & blog pages

If you're wondering how to add a drop cap in Divi's archive posts' excerpt and content of the single blog post, then stop doing that. Because in this blog post, we're going to see how we can add drop cap either into the blog page's post excerpt or in the post content....

How to create a mobile foldable nested menu for Divi?

More online users these days search for their queries on mobile devices. Hence, it's essential that your business or profession's website look & perform well on mobile devices including tablets. And it's a widely known factor, so everyone creates a responsive or...

Use Divi testimonial slider plugin & let your client reviews speak

The Divi theme testimonial module allows you to add client reviews on the website. However, those customer testimonials on the website don't slide. And to make them slide, a user has to take help from custom CSS. But it can be tricky for users who have just started...

Divi Presets: What it is and why you should use it

Elegant Themes regularly releases updates for Divi. Some of those updates are more important than others. A recent update, called Divi Presets, is one of the most impressive and important updates so far. It promises to save you time in designing and editing your Divi...

How to display and customize social media icons in Divi header and footer

With social icons on your website, you can increase your following as well as reach a wider audience. So, every time you post something on your social networks, it gets seen by the one who follows you and to whom they share it. And in the Divi theme, you can add them...

15 professional website design tips you can follow in 2020

Competing in today’s business landscape can feel like an impossible task. No matter how many calls you make, emails you send, or social media posts you submit, it will feel like companies with more resources than you are always a step or two ahead. When it comes to...
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 *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

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 *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

How to create custom Divi contact form message pattern

How to create custom Divi contact form message pattern

For an online venture, a contact form works similarly to the visiting card of an offline business. Interested customers contact you whenever they want. And a contact form available on the website does the same. Interested users contact you whenever they want. If...

Divi Marketplace Guide: Plugins, Child Themes & Layouts

Divi Marketplace Guide: Plugins, Child Themes & Layouts

The new Divi Marketplace by the Elegant Themes has taken its share in the web development world. Now, Divi developers around the world can easily share their awesome products to hundreds of thousands of users. A much like independent PlayStore and AppStore for the...