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.

Free Divi Portfolio Child Theme to Showcase Your Professional Journey

If you are an individual and want to showcase your portfolio with your latest work and projects to visitors on your Divi website, you need an appealing solution. Divi Portfolio Child Theme can give a detailed overview of your professional personality using pre-built...

How to Display Product Categories on WooCommerce Shop Page

The approach to display product categories on the shop page of a WooCommerce store is quick and smart to improve the user experience and navigation. While using Divi, a product category page section can be a simple solution for customers to find products of interest...

6 Essential Elements to Improve Website Usability

In today’s time, for a business or professional to thrive in the market is extremely intense. Yet, it’s nothing that can’t be achieved. By applying some tips and tricks, one can quickly start the flow. And once the flow has begun, they must be consistent as well as...

Free Divi Dental Child Theme for Dentists and Clinics

A proper Divi dental clinic child theme is necessary if you want to showcase dental treatments, practices, and services to patients on your Divi website. You need a design with appealing images of dentists and their teams providing various kinds of dental services....

5 Plugins You Can Use For a Divi Non Profit Website

If you need to build a Divi non profit website that performs according to today’s latest web designing trends, you need plugins that offer features according to those advancements.  You need plugins that are easy to use at the same time full of features and...

How to Create a Member Exclusive Blog Using Divi Conditions

If you are a content creator, you understand the importance of providing valuable information to the audience. What will you do, if you want to share your valuable content with the registered members only? In that case, you can create a member-exclusive blog with the...

Divi Agency Child Theme to Present Your Enterprise

When you are using Divi to create your agency website on WordPress, you need a Divi agency child theme. This is a perfect solution with 5 modern Divi agency layouts to introduce your services, portfolio, contact, and other essential things about your company. Display...

Add an Instagram Feed to Your Website Using Divi Plus

Instagram is one of the most popular social platforms and you can leverage that to grow your business, company, or blog. You can connect with individuals related to your company or business and relevant social communities of your niche but for that, you need to show...

Divi Cleaning Services Child Theme to Display Sanitation Services

This is a great choice if you're searching for a free Divi child theme for a cleaning services website. It offers 6 page layouts ready to introduce and display your cleaning business on the online platform. Showcase all the offered cleaning services and the areas...

How to Set Up Divi Mini Cart on Your WooCommerce Website

Providing a mini cart with Divi to customers is a good option to improve the customer experience of a WooCommerce store. It keeps the customers updated with the cart status by continuously displaying the cart information without a page reload. Mini carts also enhance...
Posted By:
Shoeb
Hi, I'm Shoeb. I've been fortunate to work with WordPress for over a decade and I'm continuously learning from this journey. Alongside some wonderful people, I help run Elicus in Jaipur. Our aim is to make WordPress tools that are simple and helpful.

6 Comments

  1. 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
  2. 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
  3. 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
  4. 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

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. 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
  2. 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
  3. 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
  4. 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

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 Display Product Categories on WooCommerce Shop Page

How to Display Product Categories on WooCommerce Shop Page

The approach to display product categories on the shop page of a WooCommerce store is quick and smart to improve the user experience and navigation. While using Divi, a product category page section can be a simple solution for customers to find products of interest...

6 Essential Elements to Improve Website Usability

6 Essential Elements to Improve Website Usability

In today’s time, for a business or professional to thrive in the market is extremely intense. Yet, it’s nothing that can’t be achieved. By applying some tips and tricks, one can quickly start the flow. And once the flow has begun, they must be consistent as well as...

Divi WooCommerce Extended

Popular on Divi Extended

Divi Plus WooCommerce Extended Divi Layouts Extended Divi Header Layouts