Full-Site Editing Has Arrived in Divi. Here is How to Use It

Updated: October 31, 2021

Full-site editing has been a hot discussion in the WordPress community, especially when version 5.8 was released in July 2021. Before the full-site editing was included in version 5.8 WordPress release, the feature has been available in Elementor since version 2.9 which was released in 2020. What about Divi?

Recently, Elegant Themes has just released the full-site editing feature for Divi, only weeks after they released Display Conditions feature. Well, it’s a bit late as the same feature already exists in its competitor (Elementor in this case) for quite a while (read: Elementor vs Divi). At least Elegant Themes understands what users need to make site editing be more efficient.

How to Use the Full-Site Editing Feature of Divi

The idea of full-site editing is to makes it possible for you to edit the site parts in a single place, without needing to back and forth between back-end (WordPress dashboard) and front-end. For instance, you can edit the homepage — as well as the header and footer — from where you are right now (the homepage). Previously, you can only edit the header and footer by going to Divi Theme Builder. Starting now, you can edit the header and footer — as well as other custom templates like single post, category pages, and authors’ archive page — right from the front-end by simply enabling the visual builder. To be able to use the full-site editing feature, you need to update your Divi to version 4.12.

After updating your Divi to version 4.12, you will see an Enable Visual Editor button on every page of your website, including category pages and other archive pages. Previously, the button is only available on pages and posts. To see this button, make sure you are on the login state.

Clicking the Enable Visual Editor button will take you to the Divi Builder editor, regardless of where on your site you are right now. Be it on a page, post, or an archive page. Once the Divi Builder editor opens, you can hover your mouse over the header section and click the Edit Header Template button. This will turn the header section into the editing mode, and you can simply make the changes to your header.

Similarly, you can hover your mouse over the footer section and click the Edit Footer Template to edit the footer.

Once done making the changes to your header or footer, you can click the Save button on the bottom-right corner just like you usually do when editing a page or custom templates with Divi. To switch back to the front-end, you can simply click Exit Visual Editor on the top bar.

The Bottom Line

Site-editing editing is a useful feature to streamline workflow. You don’t need to back and forth between WordPress dashboard and the front-end of your website to edit the custom footer, custom header and other custom templates — as well pages — of your website. To use this feature in Divi, simply update your Divi to version 4.12 and you will see an Enable Visual Editor button on every area of your website. Be it a page, post, or archive pages.

This page may contain affiliate links, which help support WP Pagebuilders. Learn more

Leave a Comment

Pin It on Pinterest

Thanks for commenting

Help us grow by sharing this post with your friends!

Join 500+ WordPress users receiving tips and insights on creating on WordPress with Divi.


How long have you been using WordPress? If you are an old WordPress user, then you have been a witness how WordPress has evolved massively. It has gone from a merely blogging tool into a comprehensive website builder. You can now use WordPress to create any type of website. From e-commerce website, LMS, listing website, membership website, to social media website.

Do you know what’s more interesting?

You can create your website with WordPress without touching a single line of code. At WP Pagebuilders, we write a lot about how to get the most out of WordPress in the no-code era. Subscribe and be first to know our newest content.