WordPress Cyber Monday Deals 2021!

Integration Between Toolset and Visual Composer Helps Build Sites with Custom Fields

Two popular plugins, Visual Composer and Toolset, just got integrated, opening new possibilities for WordPress development.

Two popular plugins, Visual Composer and Toolset, just got integrated, opening new possibilities for WordPress development.

Designers love Visual Composer because it makes it easy to edit content. Visual Composer allows you to build fancy pages, without spending time on complex HTML or CSS. But for many sites, simple “pages” are not enough. In fact, over 30% of all WordPress sites rely on custom types and fields. Toolset plugins help close this gap and allow to design templates with Visual Composer and display fields that come from the WordPress admin (WP Mayor readers can get an exclusive 20% discount when they purchase Toolset).

The ideal workflow – editing content with custom fields, displaying with templates

When you’re developing a site, you’re probably already thinking about the person who will run it. Your client. The client may have basic WordPress background, but you don’t want him touching HTML and editing your design. You want your client to “just edit content”. For this, using custom types and fields is the ideal solution.

Let’s say that you’re developing a real estate site. You set up a CPT for houses and this CPT has many fields. When the client needs to add a house, he goes to Houses, clicks on Add new and fills in fields. That client doesn’t need to worry about how the house appears on the front-end, only about entering the right value in the right field.

Editing a CPT with many fields

When editing houses like this, the user cannot break anything.

Once a house is saved, it displays correctly on the front-end. This is the purpose of the template.

The custom fields on the front-end

But this is probably not new to you. Everyone who builds WordPress sites knows that they need to design templates to display custom fields.

Developing templates without writing PHP, using Visual Composer and Toolset

What this new integration between Visual Composer and Toolset gives you is the ability to design custom templates, in minutes, with your favorite editor.

Until now, you could design individual pages with Visual Composer. But there was no way to include fields in VC designs and save these designs as templates.

With Toolset, start by creating a new template, right from within the WordPress admin.

Toolset dashboard

Then, you open VC and create the design. You work normally, except the fact that you’re not designing a specific page, but a template. So, instead of inserting texts and images, you insert fields to the design.

This video shows the entire process of designing a template with Visual Composer and Toolset:

The template may look odd in the backend, because all you see are placeholders for fields. When you look at the front-end, you will see each of the houses, displaying with your design.

So now, your client can use the WordPress admin and edit content with fields and everything displays with your VC design.

Templates are just the tip of the iceberg

Toolset is a complete suite for developing custom functionality without writing in PHP. You can learn more about Toolset and try it for 30 days.

Try Toolset

We’ve teamed up with the team behind Toolset, the page builder which lets you build WordPress sites without coding, to offer you an exclusive 20% discount.

20% Discount
Amir Helzer
Amir Helzer
Amir is the founder of OnTheGoSystems, makers of WPML and Toolset plugins.

Consider sharing this post so others can find it:

Share on facebook
Share on twitter
Share on linkedin
Share on reddit
Share on telegram
Share on whatsapp
Share on pocket
Share on email

Join thousands of people receiving real-world, genuine evaluations of WordPress products and services just like this one every week.

Our Sponsors
Solid Affiliate

2 Responses

  1. WP Mayor | Integration Between Toolset and Visual Composer Helps Build Sites with Custom Fields

  2. Hello, my name is Diego, is it possible to display the title and content of a post type in the template tags of visual composer?

Leave a Reply

Your email address will not be published. Required fields are marked *

The Beginner’s Handbook
From an introduction on how WordPress works to our recommendations on products and services.
👋 Hey there! We're Gaby and Mark
Every week we share tutorials and genuine reviews of WordPress products and services in our newsletter.
Thousands of people read it!
We’d love for you to join.
We’d love for you to join. Here’s what you’ll be getting:

A single weekly email directly to your inbox.