Skip Navigation

Using Toolset with WPBakery Page Builder (formerly Visual Composer) in WordPress

Toolset allows you to expand your site by creating and displaying custom content beyond that offered by WordPress and WPBakery Page Builder by default.

Toolset saves you loads of time when building advanced websites. There is no need for extra PHP code.

To avoid compatibility issues you shouldn’t mix WPBakery and Toolset elements on the same page. This will ensure that all the features keep working in the future.

Some examples of what you can do with WPBakery and Toolset

Build custom searches without coding

Display content as markers on Google Maps

Toolset and WPBakery - custom search
Toolset and WPBakery Page Builder - Google Maps

Create custom sign-up forms

Create forms for front-end content editing

Toolset and WPBakery Page Builder - Registration form
Toolset and WPBakery Page Builder - front end editing

Currently, Toolset supports using WPBakery Page Builder to create Content Templates applied to Post Loops. You should not use WPBakery Page Builder to create Content Templates for User Loops or Taxonomy Loops.

Installing Toolset

To start with Toolset and WPBakery Page Builder, make sure you have the following plugins installed and activated on your website:

  • WPBakery Page Builder – as a standalone plugin or bundled with a theme.
  • Types – allows you to create custom post typescustom fields, and custom taxonomies.
  • Blocks – helps you display lists of your content and archives on the front-end, including custom searches for your visitors.
  • Forms – enables users to submit content via front-end forms, registration forms, and login/logout forms.
  • Access – allows you to add custom user roles and to control the access to content on the front-end for each user role.
  • Maps – allows you to display your content on Google Maps.
  • WooCommerce Blocks – helps you design product templates and much more.
  • Other Toolset components, according to your project.

Adding custom types, field taxonomies, and fields with Toolset

Before building any advanced features, you need to create and organize the content of your site. This includes creating custom post types (like “Tours” or “Events”), adding custom fields to them (like “Price of the Tour” or “Event Date”), and finally, creating custom taxonomies (like “Type of Tours”) to categorize the content.

The steps to create all the custom elements mentioned above are the same for all themes or page builders. To learn how to do this, please take a look at our chapter about setting up custom post types, fields, and taxonomy needed for directory sites.

To summarize, you can build your site by populating it with custom post types, taxonomies, and fields as shown in the following table.

A custom post type Tours is created.

We created a custom post type called “Tours”.

WPBakery and Toolset

We added a few tours in several cities.

WPBakery and Toolset

Custom fields are added to those Tours.

Price of the Tour, City, Address, Highlight of the Tour, Gallery, URL, etc.

WPBakery and Toolset

Custom taxonomies are added to those Tours.

Tour types such as “Family Friendly”, “Food Experience”, “Museum and Culture”.

WPBakery and Toolset
November 16, 2020