As of Beaver Builder 2.7, blocks created with ACF will work in both Beaver Builder and Gutenberg (with a few exceptions).
ACF blocks allow you to create configurable content (e.g. blocks or modules) that work in both Beaver Builder and Gutenberg. If you use Beaver Builder for site building and page layout and Gutenberg for post content, ACF blocks are for you.
Blocks created with ACF can be found in Beaver Builder's content panel under Standard Modules or a custom group if you’ve defined one. Any block categories or icons used to organize and display your blocks in Gutenberg will show there as well.
Most of what you need to know about creating an ACF block for Beaver Builder can be found in ACF’s documentation and WordPress’ handbook. However, there are a couple of gotchas you should be aware of…
- JSX Support – Blocks that declare JSX support aren’t currently supported in Beaver Builder and won’t be available. When using block.json, you need to explicitly set this to false as shown in the examples.
- Block Features – Beaver Builder doesn’t currently support additional block features that can be configured in block.json including things like alignment, colors, and variations. We only support the basics shown in the examples.
Add the following to your block.json file if you'd like your block to show in a group other than Standard Modules in the content panel.
"beaverBuilder": {
"group": "ACF Blocks"
}
Other than that, ACF blocks should work just fine in Beaver Builder 2.7 and above. Don't hesitate to open an issue if anything comes up!