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.

LearnDash & WooCommerce: Sell Online Courses Easy (5 Steps)

Whether you’re a teacher or not, if you have experience in a particular field, selling your expertise online is one of the most profitable businesses. Further, with LearnDash and WooCommerce, this becomes seamless.  If you’re looking to sell online courses from...

Top 7 Evergreen Divi Education Themes for Your Institute

Are you looking for a Divi Education Theme and couldn't find the one that will suit your institute's values? Then, this post will help you discover the one you can genuinely trust. This post will discuss 7 Divi child themes that include loads of resources to build an...

Amazing Divi Woocommerce Layouts for Your Store

In today's time, an online store can only make good revenue if it has a beautiful design that is easy to access and looks modern. A digital store with only beautiful sections and design and no easy user interface doesn't work. Therefore, Divi WooCommerce Layouts come...

90 Headers for Divi: New, Stylish and Ready to Use for All Websites | Try Now

It's April 2022, and we've got another amazing product update for our Divi users. And this time, it's for Divi Flexile Headers. If you're looking to replace your old headers with something out-of-the-box, it's the right time to get your hopes high. Not only you'll add...

Divi WooCommerce Extended: A Must-Have Divi Store Plugin

Getting started with WooCommerce and Divi is straightforward. It doesn’t require any complex steps or high-end coding to make your store up and running. Divi’s unique WooCommerce modules make things even more interesting.  However, there are still some areas...

How to Use Divi Plus Free Layouts/Pre-Built Websites

Divi gives you out-of-the-box tools to design a splendid website regardless of the business industry. And what makes that splendid website even more functional and robust is the amazing Divi Plus. A premium, multipurpose Divi plugin that adds 50+ modules and 04...

An Effective Complete Tutorial on 25 Divi WooCommerce Modules

Users love Divi because it comprises features that can be used on any website regardless of its niche. Even the number of modules it includes in the builder can fulfill every need a particular project might require. And if you’re creating an eCommerce website, then...

12 New Features of Divi Plus WooCommerce Modules to Enhance Shop’s Look

In the previous post, we discussed how the Divi WooCommerce modules of the Divi Plus plugin could help a store owner or developer build a beautiful Divi shop easily. Modules like WooCommerce Carousel can display products on a slider and more. Recently, Divi Extended...

5 Easy Steps to Show Google Calendar on Divi Websites

A calendar on the website related to businesses that deal with reservations can avoid double bookings. Even if your organization doesn’t specifically work based on bookings and appointments, you can utilize a calendar on the site. Like, for showcasing events, business...

How to Style Your Divi Gravity Forms With Ease

Want to style your Gravity Forms like Divi and don't know how to do it? Then, guess what? In this tutorial, I'll share the easy steps that would allow you to change the look of your Gravity Forms in Divi. And not only change the looks but customize them to the fullest...
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.

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.

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

LearnDash & WooCommerce: Sell Online Courses Easy (5 Steps)

LearnDash & WooCommerce: Sell Online Courses Easy (5 Steps)

Whether you’re a teacher or not, if you have experience in a particular field, selling your expertise online is one of the most profitable businesses. Further, with LearnDash and WooCommerce, this becomes seamless.  If you’re looking to sell online courses from...

Top 7 Evergreen Divi Education Themes for Your Institute

Top 7 Evergreen Divi Education Themes for Your Institute

Are you looking for a Divi Education Theme and couldn't find the one that will suit your institute's values? Then, this post will help you discover the one you can genuinely trust. This post will discuss 7 Divi child themes that include loads of resources to build an...

The Ultimate Website Launch Checklist for 2022

The Ultimate Website Launch Checklist for 2022

If you’re about to launch a new website, ensure that you review everything from your website launch checklist. Wait! What? Haven’t you created a checklist yet? Well, this will surely put you in some trouble.  Because a website launch checklist allows you to see...

Popular on Divi Extended

Divi Plus WooCommerce Extended Divi Child Theme Divi Header Layouts