Is wp bakery page builder supported in frontity framework?

🙋Get Help
,
1

Hello Team,

I have to install wp bakery page builder in WordPress site and fetching page into frontity but UI isn’t working there, I did already import bakery JS and CSS file into frontity header but still not working.

so please give me further step for that

Thanks,
Hardik

download (5)
download (5)1191×727 145 KB

2

Hi @HardikDevani

Apologies for the delay in getting back to you on this.

WP Bakery is, TBH, not a great page builder plugin. The problem with it is that it adds lots of shortcodes to the page content, as you can see in your screengrab. These shortcodes will appear in the content.rendered property of the post/page so Frontity will just render these shortcodes as part of the content.

If it’s possible for you to do so for your project I would suggest using Elementor if you need a page builder plugin. Elementor does not add shortcodes to the content, in the way that WP Bakery and other page builders like Divi do.

3

Also worth mentioning that Frontity plays really well with Guttenberg: https://frontity.org/blog/connecting-gutenberg-and-frontity/

1 Like
4

Hello, how are you?
I have wordpress with wp bakery page builder
Could I display this site on frontity?

5

It does work if you create a custom API endpoint in WordPress which returns the content of those pages, but after running it through do_shortcode.

For a website with Oxygen Builder I’ve used:

add_action( 'rest_api_init', function() {
	register_rest_field(['post', 'page'], 'content_oxygen', [
		'get_callback' => function ($post, $attr, $request, $object_type) {
			return do_shortcode(get_post_meta($post['id'], 'ct_builder_shortcodes', true));
		},
		'schema' => null
	]);
});

Which will return the rendered content from Oxygen in the REST response with the post/page results.
And in Frontity all you have to do is check if ‘content_oxygen’ is filled and otherwise use the default ‘content.rendered’ result.

I do not not know how WP Bakery works, but the concept should be the same.

2 Likes