a

How to Fix Edit With The Divi Builder Issues

Joel Garcia Joel Garcia has been building AllCode since 2015. He’s an innovative, hands-on executive with a proven record of designing, developing, and operating Software-as-a-Service (SaaS), mobile, and desktop solutions. Joel has expertise in HealthTech, VoIP, and cloud-based solutions. Joel has experience scaling multiple start-ups for successful exits to IMS Health and Golden Gate Capital, […]

Divi is a nice web page builder for WordPress, but when you click on the little Edit With With The Divi Builder button below, you can also enter a world of pain. 

 

Edit With the Divi Builder

1. As a WordPress Admin, when you click on Edit With The Divi Builder button, the page can appear to load the same content multiple times. When you receive the spinning progress logo again and again, try clearing your cache or opening a new browser in incognito\private browsing mode.

2. In other scenarios where you click on the Edit With The Divi Builder, the content may not be refreshed. You may be 100% sure that you updated the content, but if the content hasn’t changed, then make sure to go to to the Divi option in the menu bar on the left-hand side and click Theme Builder.

Divi Theme Builder

On the right-hand side of the WordPress Admin, you’ll be presented with the Divi Theme Builder option for your posts and pages, make sure that the post your working on isn’t inheriting the content from one of these themes. By far the most dangerous scenario is when, you have an All Post + additional pages and the Custom Body will be populated, the item highlighted in blue. When this scenario takes place, all of your content will come from the Theme Builder and not editing the page.

Divi All Pages Posts with Custom Body

3. If for some reason you Divi Builder appears to be loading old versions of the file, then check to make sure that your requests are hitting the web server and not the cache. 

The easiest way to do the on Chrome is to go into Developer Tools. Select the Network Tab. Select Docs. Select the most recent request for the page, which should have et_fb=1&PageSpeed=off.  Navigate to the Headers, and in the Response Header. You should see that the request was served by the web server. For our website, we use CloudFlare, but we don’t want CloudFlare to serve an old version of the page because who knows what version. We want CloudFlare to bypass the cache. 

Divi Builder CloudFlare Cache Bypass

In CloudFlare, you’ll want to put in a rule to set Cache Level: Bypass when the URL matches your site and et_fb. You can do this by logging into CloudFlare, click in on your site, navigating to Page Rules, and adding a Page Rule that looks like this 

Divi Builder CloudFlare Cache Bypass

Joel Garcia

Joel Garcia

Joel Garcia has been building AllCode since 2015. He’s an innovative, hands-on executive with a proven record of designing, developing, and operating Software-as-a-Service (SaaS), mobile, and desktop solutions. Joel has expertise in HealthTech, VoIP, and cloud-based solutions. Joel has experience scaling multiple start-ups for successful exits to IMS Health and Golden Gate Capital, as well as working at mature, industry-leading software companies. He’s held executive engineering positions in San Francisco at TidalWave, LittleCast, Self Health Network, LiveVox acquired by Golden Gate Capital, and Med-Vantage acquired by IMS Health.

Related Articles

What is Tiered Pricing for Software as a Service?

What is Tiered Pricing for Software as a Service?

Tiered Pricing is a method used by many companies with subscription models. SaaS companies typically offer tiered pricing plans with different services and benefits at each price point with typically increasing benefits the more a customer pays. Striking a balance between what good rates are and the price can be difficult at times.

The Most Popular Cloud Cost Optimization Tools

The Most Popular Cloud Cost Optimization Tools

Cloud environments and their pricing models can be difficult to control. Cloud computing does not offer the best visibility and it is easy to lose track of which price control factors are having an impact on your budget. Having the right tools can help put value to parts of an environment and provide guides on how to better bring budgetary issues back under control.

The Difference Between Amazon RDS and Aurora

The Difference Between Amazon RDS and Aurora

AWS does incorporate several database services that offer high performance and great functionality. However, customers do find the difference between Amazon Relational Database Service and Amazon Aurora. Both services do provide similar functions, but do cover their own use cases.

Download our 10-Step Cloud Migration ChecklistYou'll get direct access to our full-length guide on Google Docs. From here, you will be able to make a copy, download the content, and share it with your team.