The WPBakery and Toolset teams worked hand-in-hand to create a solution that makes it really easy to build sites based on custom posttypes. To enjoy the integration with Toolset, make sure that you are using the 5.4 version of the WPBakery Page Builder.

What’s new and what do we mean by integration?

This integration provides you with the following top features:

  • Build templates for custom post types and WooCommerce Product using the WPBakery Page Builder
  • Build templates for WordPress Archives and WooCommerce Shop Page using the WPBakery Page Builder.
  • Use Toolset shortcodes and custom fields in any Elements of the Page Builder (including button and URLs)

 

Build templates for custom post types using the WPBakery Page Builder

 

Integrated with Toolset, you can use the WPBakery Page Builder to design one template for all of your custom post types. Simply insert any custom fields and Toolset shortcodes in any building blocks elements:

 

 Toolset and WPBakery Page Builder
Tour Type and Tour description inserted in a Call to Action Element from WPBakery Page Builder

 

In our example, this is how the template for a custom post types “Tour” looks like:

 Toolset and WPBakery Page Builder

 

We have built one template for all “Tour” posts. Each tour will have the same design but will output its own information from the custom fields:

 

My Tour in Amsterdam My Tour in Venice
  Toolset and WPBakery Page Builder  Toolset and WPBakery Page Builder

Use WPBakery Page Builder to design WordPress Archive Pages and WooCommerce Shop Page

Toolset allows you to customize WordPress archive pages, and WPBakery Page Builder (formerly Visual Composer) allows you to design the way individual posts are listed on them. Simply launch the WPBakery Page Builder when you edit the content template, as shown below:

 

 Toolset and WPBakery Page Builder

On the front-end, you’ll see that your Archive page is displayed according to the template you just designed:

 

 Toolset and WPBakery Page Builder

This process also works for the WooCommerce Shop Page, where you can decide on the number of columns and how you want to display your products. Clients may ask you to to completely redesign the Shop Page using custom fields, building blocks, accordion, tabs and any other specific information related to the online business. Thanks to Toolset and WPBakery Page Builder, this is pretty straightforward. No PHP code is needed and again, you can use the building elements with any custom fields:

 

 Toolset and WPBakery Page Builder
Example of a shop page re-designed with WPBakery Page Builder and Toolset

 

Use WPBakery Page Builder to list and display custom content (Views)

 

Thanks to the integration, you can now build list of custom post types and design each post entry with the WPBakery Page Builder:

 Toolset and WPBakery Page Builder

Try the new integration and tell us what you think

We have created an in-depth documentation to follow if you want to learn how to build advanced sites with Toolset and WPBakery Page Builder.

If you need assistance with using Toolset in combination with WPBakery Page Builder, please visit our professional support forum dedicated to this topic.

Are you using a theme bundled with the WPBakery Page Builder?

If the theme you are using is bundled with WPBakery Page Builder we are happy to work with the theme author to develop a tighter integration. This includes controlling the theme options for custom types or archive templates that you design. Since themes always come with their own building blocks, we can also make sure that the shortcodes will work with these custom elements.

Let us know which theme you are using in the comments. We’ll be happy to ask the authors to join our  “Beyond Pages” compatibility program.