Audio Version [click the globe to change language]
In this post, I’m going to explain what to do when you’re having an issue with the Beaver Builder page builder not working.
Beaver Builder not saving changes or not loading is not uncommon, but I didn’t find it mentioned in the BB troubleshooting guide, so I created this post to help you and others out who may be experiencing the same problem.
Now, to be fair, the issue is usually not the page builder. It almost never is. It’s usually an external factor or something that interacts with the builder at some level, such as other plugins. That would explain why it’s not in the troubleshooting guide.
So let me explain the 2 common issues and how to fix them…
How to troubleshoot Beaver Builder not working…
When this happens to me, I find the builder is not loading or simply hangs during load.
Just to be clear, when this particular issue happens, the page builder loads fine and you can work inside the builder, but it won’t save the changes.
And usually at that point you’ve already spent a chunk of time dropping and tweaking some elements on your page… only to discover you’re about to loose all your work.
So once you’re done screaming, here’s what to do:
First of all, to eliminate any nonsense, go through the usual suspects:
- switch off all other plugins
- clear your cache
- try again
Tip: you can always open up an incognito window if you’re in Chrome, or a private page if you’re in Firefox, as these options usually bypass cookies.
Note: if you use the Autoptimize plugin, test that one first because it can cause issues with some themes depending on what settings you have.
In many cases, just turning off the rest of the plugins may help you quickly identify the cause behind Beaver Builder not working properly on your setup.Turning plugins off is almost always your first port of call when investigating something not working in WordPress.Click To Tweet
If the builder loads properly after you’ve done this, start reactivating each plugin one by one and trying the builder after each activation.
Using this method, you should arrive at the culprit. When you do, you may have to find a replacement plugin that plays nice with Beaver Builder.
But what if that doesn’t work?
If the above doesn’t fix your issue, there’s a good chance you have the same problem I had.
So let’s crack this:
Root Cause: loading additional versions of jQuery on the same page.
I was using a snippet of code from the Rapid Mailer plugin on my website. I had it set up to capture leads externally (so the plugin runs on a site A, and the code on site B pushes the subscriber info to site A).
As this was a subscription form, I added it to the footer widget, which was showing globally (i.e on every page).
What I didn’t realise was that the plugin’s snippet was using jQuery (jeez, I don’t read everything) and so, when a page (any page) loaded, the footer widget script loaded…
…which meant that when I tried to edit a page using the Beaver Builder, the page builder as well as the footer widgets were trying to load separate jQuery scripts and upsetting everything.
So, the moral is this story is to remind you to check whether you’re using a form or any element in your footer or header that you can remove in order to test whilst you’re troubleshooting.
Now let’s look at the second common scenario…
How to troubleshoot Beaver Builder not saving…
In this scenario, this is how things look:
- the page builder loads fine
- the page builder works fine
- the page builder won’t save
Here’s what to do…
Start by checking the usual suspects, as I described in the previous scenario:
- switch off all plugins
- try Beaver Builder again
- switch each plugin one by one and keep trying the page builder to see if you can catch the culprit
If the above doesn’t fix the issue, it’s time to contact your host…
When I ran out of options, I finally contacted my host. And guess what they found…
The firewall was freaking out each time I tried to save an edit. Seriously!
So, if Beaver Builder is not saving your work but loading fine, touch base with your host and ask them to check the firewall logs, especially if you’re in a shared hosting environment.
In case you’re wondering, I changed hosts after that. After some to-and-fro with support and their wacky firewall playing up some more, I didn’t bother to stick around. Instead, I moved to my new host and finished the website with no more hassles.
Call me fickle if you must, but having dealt with hosts for over a decade of running a digital agency, you get a feel for the good and the bad. The old shared host with the psycho firewall was an old downgraded server plan I still carried at the time. I just so happened to be using that space to develop a test site, which is when I hit this issue with Beaver Builder.
So it was time to ditch the host.
And if you’re curious, you can see my short list of recommended hosts here.
I hope this post is useful to you in helping you fix the issue.
While you’re here, let me share with you this nifty plugin that gives you hundreds of Beaver Builder templates.