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 Flexile Hero Sections – A pack of Ultimate Divi Hero Sections

If you want to put a magnificent impression on the user from the very start of your website, it’s essential that the website's hero section should look engaging and impressive from each angle. Using Divi hero sections of the Divi Flexile Hero Sections pack, it’s easy...

Divi Flexile Footers – A pack of Ultimate Divi Footers

Footers provide users with a lot of useful information, whether it is the footer menu, short info about the business, or social icons. You can use a Divi footer to emphasize your website’s bottom area for better user interaction and get multiple goals fulfilled, such...

How to add an Ajax Add to Cart button to Shop module in Divi

By default, when you insert the shop module in the Divi theme, you don't get any add to cart button. The shop module only displays products with pricing, sale tag (if the products are on sale), and a sorting filter, but no "Add to Cart." However, you've probably seen...

Divi Flexile Headers – A pack of Ultimate Divi Headers

Headers are an essential part of a website. From assisting users navigating the site pages to pages to bring leads to a business, headers play a key role. And with the Divi headers available in the Divi Flexile Headers, you’ll be able to enhance this role in doubles....

Divi Plus – Make Divi websites more beautiful

Note: This article was first published in November 2019, and since then, it has been updated for accuracy and comprehensiveness. If you're using Divi, the most popular WordPress theme, then there are limitless ways, you can create a website more than good and...

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 equalize column heights in Divi?

Multiple times when adding content on the site, we require to add that in columns. The part that gets complicated when the text doesn't contain equal words and create a non uniformity in the structure of the content appearance. You can take a look at the below blurbs,...

How to add Divi masonry image galleries with & without a plugin

Looking to add masonry galleries on your Divi theme website and finding them hard? Well, it's not rocket science; however, sometimes it feels more than rocket science. And for a non-techie person, it's rocket science, biological science, chemistry science, and all the...

How to install Divi layouts for different purposes

There are many occasions when a user is required to install or import Divi layouts on his website. But sometimes, things get a little complicated, especially in the case of the Divi theme builder. However, advanced users are able to install layouts on their website,...

Black Friday is Here | Site-Wide 40% OFF | The best time to Become a Lifetime Member

Last year’s Black Friday was a hit from the start and till the end. A lot of Divi users came, took the benefit of the Black Friday & Cyber Monday Sale, and we distributed hundreds of prizes worth thousands of dollars. It was amazing. And therefore, to make this...
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.

Divi Flexile Hero Sections – A pack of Ultimate Divi Hero Sections

Divi Flexile Hero Sections – A pack of Ultimate Divi Hero Sections

If you want to put a magnificent impression on the user from the very start of your website, it’s essential that the website's hero section should look engaging and impressive from each angle. Using Divi hero sections of the Divi Flexile Hero Sections pack, it’s easy...

Divi Flexile Footers – A pack of Ultimate Divi Footers

Divi Flexile Footers – A pack of Ultimate Divi Footers

Footers provide users with a lot of useful information, whether it is the footer menu, short info about the business, or social icons. You can use a Divi footer to emphasize your website’s bottom area for better user interaction and get multiple goals fulfilled, such...

How to add an Ajax Add to Cart button to Shop module in Divi

How to add an Ajax Add to Cart button to Shop module in Divi

By default, when you insert the shop module in the Divi theme, you don't get any add to cart button. The shop module only displays products with pricing, sale tag (if the products are on sale), and a sorting filter, but no "Add to Cart." However, you've probably seen...