Running a Startup on AWS? Get Funding With AWS JumpStart. Click Here to Learn More

2021 Fillmore Street #1128

}

24/7 solutions

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

AWS Certification Exam Tips

AWS Certification Exam Tips

While Amazon does make acquiring certification for knowledge on their cloud services readily accessible, the process is still a large hurdle to overcome. The exams are incredibly tough and do have a B and above requirement in order to pass. Fortunately, there are plenty of resources both official and unofficial to help potential new experts to prepare. Everyone is better off knowing what resources they have to prepare for such a tremendous hurdle.

AWS QuickSight vs. Tableau

AWS QuickSight vs. Tableau

Data Analytics is increasingly important for evaluating company performance and adjusting for continuous improvement and avoiding recreating mistakes. As such, there are plenty of platforms on the market for making the analysis process to make this easier. Though Amazon’s offering might seem to be the go-to for any and all solutions, there are still other options present on the market for anyone who has data analysis needs.

Benefits of Cloud Computing

Benefits of Cloud Computing

There are significant benefits an organization can experience from moving many of their operations to the cloud from cut costs to avoiding the loss of data. Despite the increasing number of organizations looking to adopt cloud computing into their business operations and what can be accomplished, only a handful of companies have adopted the technology even after over a decade’s existence. With time, this is something that we aim to gradually rectify.

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.