What is Visual Compose Page Builder

Visual Composer Instructions - Designing WordPress with the VC

Visual Composer Instructions. A guide to Visual Composer the popular WordPress Drag & Drop Page Builder.

The great thing about WordPress is its flexibility. Everyone, even without any programming knowledge, can use WordPress to create websites of any kind according to their needs. The numerous extensions (plugins) play a not insignificant role here. In this article, we're going to take a closer look at one of those extensions - WP Bakery's Visual Composer.

What is the visual composer

The Visual Composer is a drag & drop page builder, sounds a bit bumpy, the common term is drag & drop page builder. With a drag and drop page builder for WordPress, various content elements can be moved and repositioned as required by dragging and releasing. These content elements are created by mouse clicks and via the selection in dropdown menus on color, font, size, etc. Visually prepared and individually designed.

There are several such drag and drop page builders for WordPress on the market. However, the Visual Composer is the most popular and widely used of its kind. Since its release in May 2011, it has been purchased more than 182,000 times. But it is used by far more people. The Visual Composer is often part of premium themes.

Because buy and install Visual Composer

The Visual Composer is a paid extension for WordPress. It can be purchased for $ 49 from codecanyon.net.

Once the codecanyon.net file has been loaded onto the computer, it can be installed. The installation of the Visual Composer works the same as the installation of any other WordPress plugin. There are several ways to install a plugin.

Video instructions for installing a WordPress plugin. Three different options!

If you don't know how to do this - you can watch the following video. Otherwise, continue with the next point with the Visual Composer instructions.

Visual Composer as part of the theme

Above we saw one of the two possible ways of using the Visual Composer. Another is to buy a theme that already includes the Visual Composer. Depending on whether you want to use the composer on your existing theme or buy a new theme anyway, you can choose between one or the other variant.

First step - Settings in the Visual Composer

After successfully installing the plug-in, you can theoretically get started right away. If you now create a new post or edit an existing one, a blue button with the text "Backend Editor" appears next to it, usually one with the following text "Frontend Editor".

This means that there are two ways to edit an article with the VC. Namely directly in the backend of the WordPress installation or in the frontend.

The Role Manager in the VC - because activate Visual Composer for pages, posts and custom post types.

On the left side of your WordPress dashboard you can now see a new menu item with the title Visual Composer. With a click on this you get to the settings.

Make sure that under "Role Manager" - "Post types" the checkmark is set for all post types under which you wish to use the VC. Normally it is only activated for pages. In order to also use the VC in articles, you have to switch from "Pages only" in the drop-down menu under article types to "Individual". Put a tick for "Post" below.

If your theme has other post types, these should also appear in the same place and could also be selected.

Create a page or post with the VC

Now you can create a page or a post with the VC or edit an existing one. If you select "Pages" - "Create" in the menu, you will now see the two buttons of the VC between the title and the editor.

If you click on "Backend Editor" you can now create or edit the page with the VC.

After the VC has been activated, you can start designing the page. First you will find a blank page. There are three ways to start building the page:

  1. Adding elements (Add Element)
  2. Adding a text block (Add Text Block)
  3. Select a template (Add Template)

Choose from 52 Page Builder elements!

The Visual Composer has (at the time of writing) 52 standard Page Builder elements. If you select "Add Element" as shown in the previous section, you get a view of all 52 elements that are available. From there you can select your first element and add it to the page.