What Is Visual Composer

Last Updated on

Visual Composer is a drag and drop visual page builder that you can build your layout painlessly without wasting your time writing shortcodes. We have done some modifications to this plugin and made it compatible for our shortcodes. For more detailed information about this plugin please click here.

Installation of this plugin is mandatory both for Jupiter and The Ken. To learn how to install Visual Composer, read Installing Plugins and Add-ons article.

It is important to understand that both Jupiter and The Ken use Artbees Modified Visual Composer Version which comes bundled with the theme.

In this article


Main Buttons

The button to switch between classic and visual mode. You can still modify generated shortcodes manually, if you know what you are doing.

Visual composer mode button

Add Elements, using this button you can drop all shortcodes available in Jupiter. You can drag this button and drop to a page section, row or a column.

Visual composer add element button

Templates button, you can save a page using this section and use it in other page. Its handy when you built blocks and columns that you might need them later in other pages.

Visual composer template button


Shortcodes

List of all shortcodes which can be added and configured on your page. Can be accessed by clicking Add Element button.

Visual composer elements list

x
Note: Our documentation covers every single Artbees shortcode into details. For more information, check the articles in the “Shortcodes” category.

Page Section

Page Sections are shortcodes that play a full-width container role. It has huge optionality so you can add your own shortcodes. You can enable parallax backgrounds, videos, and much more using this huge shortcode.

Page Section can be used to divide your page into logic blocks with columns, columns which later will hold your content blocks. Page Sections can be divided into the layouts (eg. 1/2 + 1/2, 1/3 + 1/3 + 1/3, and so on). Your page can have an unlimited number of Page Sections. To change a Page Section’s position, click and drag its drag handler (on the top left corner) and drag it around (vertical axis). Now you can add shortcodes such as slideshows, Portfolios or divide a page with Page Divider…

x
Note: For more information about the Page Section shortcode, read this article.

Page Section Settings

  1. Delete button to delete the Page Section and all elements inside it.
  2. Clone Button to duplicate the Page Section and all its columns and elements.
  3. Edit button to configure different options of Page Section.
  4. Dragger button to move vertical wise.
  5. Layout section to divide the Page Section into different column width combinations.
  6. Column Edit button inside this row.
  7. Plus button will bring up all elements pop up in order for you to choose which element to drop into this column.

Page Section


Columns

Columns are part of the Page Section and Row and they hold your content elements inside them. Columns can be reordered. Click and drag the column around (horizontal axis). That way you can group elements in logical groups and then drag them around with your mouse (to reposition).

Content Elements (Shortcodes)

Content Elements or shortcodes can be added inside a Page Section or inside columns. Think of them as bricks with which you are building your layout. Most of the content elements have options, to set them click on the pencil icon. To save changes, click the Save button.

  1. Delete Button to delete the shortcode.
  2. Clone button.
  3. Edit button to view all options of this shortcode.
  4. Shortcode Name.

Content Elements

x
Note: To learn more about the column settings, read this article.

Visual Composer settings

You can control Visual Composer global settings such as disable/enable in a post type and user roles that can use a shortcode.
To access these settings, from WordPress left menu go to Visual Composer.

Role manager

This option allows you to choose which post type should have the Visual Composer feature. Please note that only post types will have this feature which have a WP editor feature. So for example, some clients will not have Visual Composer, even if you check mark its post type.

Disable responsive content elements

Check this checkbox to prevent content elements from “stacking” one on top of each other (on small media screens, eg. mobile devices).

Visual composer settings


Frequently asked questions

Q: How do I update Visual Composer?

A: Please read this article.

 

Q: Do I have to purchase Visual Composer?

A: No. Both Jupiter and The Ken come bundled with the modified version of Visual Composer and there is no need for additional purchases.

 

Q: Do I need to register Visual Composer?

A: There is no need for registration as our themes use Artbees version of Visual Composer.

 

Q: What is the difference between original and Artbees modified version of Visual Composer?

A: Artbees modified Visual Composer comes with much more shortcodes and elements for you to use on your website.

 

Q: How do I enable front-end editor?

A: Artbees modified Visual Composer comes only with back-end editor mode.

 

Q: What happens if I purchase a separate license and register?

You can use VC license for other features such as template library of Visual Composer and also have their support. But don’t update Visual Composer to the original version. If you do, then your site layout will be broken. If you’ve already used Artbees Modified shortcodes and then decided to switch to original Visual Composer version, they won’t work, and you may see blank content.

 

Q: Can’t use Visual Composer Template library

A: Kindly consider that the Template library feature is a premium feature provided by the WPBakery team which needs a license activation.

Since Visual Composer modified version is a bundled plugin, it doesn’t need or include a license. But if you still want to use WPBakery templates then you need to buy a license in order to use those pre made templates.
Just make sure that you don’t update it with the original version. Updates should only be installed from Artbees.
Was this helpful?
Previous Article:
Next Article:

Can't find what you're looking for?

Open New Ticket