[Resolved] DIVI-builder won’t load when the FORM plugin is activated
This thread is resolved. Here is a description of the problem and solution.
Problem:
Updating plugins on an existing site using Divi where Toolset Forms are included in a page builder module (directly, or via a View) was breaking, causing JS errors in the browser.
Solution:
Older sites which use square brackets to insert Toolset shortcodes need to update to use the [ shortcode ] format that is currently used because of a breaking update in Divi.
This support ticket is created 6 years, 2 months ago. There's a good chance that you are reading advice that it now obsolete.
This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.
Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.
The DIVI-builder suddenly stopped working on some pages and it took me a while to find out why.
I deactivated plugin one at a time and found out it was the Toolset Forms plugin causing it. As soon as it's deactivated it works.
Removed/reinstalled DIVI theme and the Toolset plugins without any difference.
Noticed the page it self doesn't contain a form but do contain Views that contain forms.
Seems like a bug that came with the latest Toolset updates. Are there any workarounds (besides deactivating the Forms plugin)?
It seems to be a compatibility problem, The DIVI-builder suddenly stopped working on some pages
How does it stopped working? Are you see a blank page or some JS errors?
If it is a blank page, then there might be some PHP errors in your website, please check these:
1) Deactivate other plugins except Toolset plugins and DIVI plugins/theme
2) Enable PHP debug mode, copy/paste the debug logs here https://toolset.com/documentation/programmer-reference/debugging-sites-built-with-toolset/#php-debugging
also check if there is any JS errors in your website
3) If the problem still persists, please provide a copy of your website, and point out the problem page URL, I need to duplicate and debug it in my localhost, thanks
I tested this on a local site and found that there are JS errors in the console when trying to use Divi page builder to edit a page that contains a Toolset Form.
I've escalated this and will let you know when I get some feedback from my colleagues.
Some time ago to solve certain compatibility issues with page builders, a custom format for shortcodes was introduced, namely replacing [shortcode] square brackets with braces like so: {!{shortcode}!}
On my test site I had old content where a form was inserted via shortcode in a Divi module using square brackets. Editing these and replacing them with the curly brace format as shown above fixed the issue.
A problem is that with Divi and Toolset Forms active you can't edit the page because of this very issue.
So disable Forms, then edit the pages in question and ensure that Toolset shortcodes are added in the format shown above. (If you insert new shortcodes they should automatically use this format).
It wasn't expected that this would break in such scenarios, but Divi is a moving target and evolving all the time.
