• Home
  • About Us
  • Digital Marketing Terms
  • Free Tech Support
  • Contact Us
  • Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

My Code Snippets

Real Answers From Real Developers

  • WordPress General
  • Divi Builder Tutorials
  • WordPress Plugins
  • Local SEO
  • Show Search
Hide Search

Divi Builder Not Working With Cloudflare CDN

code-admin · March 30, 2021 · 1 Comment

This is a common problem we are seeing with the Divi Builder Not Working With Cloudflare. The Divi page builder just stops working and will not load.

With the implementation of Google’s core website vitals set for this year, more and more websites have shifted their content to Cloudflare for added website performance. Those who use the Divi Builder may experience an issue with the page builder displaying a white page.

Divi Builder Not Working With Cloudflare

The Fix for the Divi Builder Not Working With Cloudflare

The issue lies within the Rocket Loader component of Cloudflare. We need to create a “Page Rule” to shut off the Rocket Loader whenever the Divi Builder is used. Page Rules let you control which Cloudflare settings trigger on a given URL. Only one Page Rule will trigger per URL, so it is helpful if you sort Page Rules in priority order, and make your URL patterns as specific as possible.

(1) Login to the Cloudflare dashboard
(2) Click on your website
(3) Click on the blue “Page Rules” icon
(4) Cick on “Create Page Rule”
(5) Add the following URL into the rules box – www.yourdomain.com/*?et_fb=*
(6) Replace www.yourdomain.com with your website domain
(7) Select Rocket Loader from the drop down menu and make sure the toggle switch is in the off position
(8) Click save and deploy

 

Divi Builder Not Working With Cloudflare

 

That’s it! This is an instant fix that with solve the issue with the Divi Builder not working with Cloudflare. Let us know below how it worked for you!

 

Filed Under: Divi Builder Resources, Divi Builder Tutorials

You May Also Like

The Site is Experiencing Technical Difficulties WordPress
Divi Header Transparent Menu
Divi Visual Builder Not Saving Changes

Reader Interactions

Comments

  1. Kate says

    April 19, 2021 at 1:34 pm

    Aaron, thank you so much – I worked out last week that Cloudflare was causing the issue with the visual builder not loading, but I didn’t know how to fix it.
    I’ve added the page rule you suggested (with one edit, see below) and it’s worked, hoorah!!!
    You suggested this URL: http://www.yourdomain.com/*?et_fb=*
    I used this URL: http://www.yourdomain.com/?et_fb=*
    (i.e. removed the first asterisk before the question mark)
    Thanks again.

    Reply

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Primary Sidebar

Recent Posts

  • The Site is Experiencing Technical Difficulties WordPress
  • Using Flexbox CSS To Center Elements
  • Divi Header Transparent Menu
  • Divi Builder Not Working With Cloudflare CDN
  • Divi Visual Builder Not Saving Changes

Recent Comments

  • Jackie on How to Fix The Jumping Header Issue Divi Builder
  • Kate on Divi Builder Not Working With Cloudflare CDN
  • Mimi Cartee on Can’t Change The WordPress Admin Email Address

Archives

  • November 2021
  • June 2021
  • May 2021
  • March 2021
  • January 2021
  • November 2020
  • October 2020
  • September 2020
  • August 2020
  • July 2020
  • March 2020
  • October 2019
  • September 2019
  • May 2019

Categories

  • Digital Marketing
  • Digital Marketing During Covid-19
  • Digital Technology
  • Divi Builder Resources
  • Divi Builder Tutorials
  • Gravity Forms
  • Gravity Forms Snippets
  • Local SEO
  • Social Media Marketing
  • Social Media Trends 2021
  • Uncategorized
  • WooCommerce Snippets
  • WordPress Code
  • WordPress Experts
  • WordPress Plugins
  • WordPress Technology
  • WordPress Themes
  • WordPress Troubleshooting

Meta

  • Log in
  • Entries feed
  • Comments feed
  • WordPress.org

Copyright © 2023 · Daily Dish Pro on Genesis Framework · WordPress · Log in

Manage Cookie Consent
We use cookies to optimize our website and our service.
Functional Always active
The technical storage or access is strictly necessary for the legitimate purpose of enabling the use of a specific service explicitly requested by the subscriber or user, or for the sole purpose of carrying out the transmission of a communication over an electronic communications network.
Preferences
The technical storage or access is necessary for the legitimate purpose of storing preferences that are not requested by the subscriber or user.
Statistics
The technical storage or access that is used exclusively for statistical purposes. The technical storage or access that is used exclusively for anonymous statistical purposes. Without a subpoena, voluntary compliance on the part of your Internet Service Provider, or additional records from a third party, information stored or retrieved for this purpose alone cannot usually be used to identify you.
Marketing
The technical storage or access is required to create user profiles to send advertising, or to track the user on a website or across several websites for similar marketing purposes.
Manage options Manage services Manage vendors Read more about these purposes
Preferences
{title} {title} {title}