Visual Composer is a visual shortcode generator that you can build your layout painlessly without wasting your time with writing shortcodes. We have done some modifications on this plugin and made it compatible for our shortcodes. For more detailed information about this plugin please CLICK HERE.

There's one concept/design pattern you should know. In the Visual Composer editor mode you'll have "Add element" (with + sign) button, which you should click or drag to the working canvas, to add content block or row to your page. Clicking the "Add element" button will show the content element selection menu. Content blocks are divided into categories so you can filter. Alternatively you can type the shortcode name to filter down the items instead of search them visually.

With the introduction of Jupiter version 4 you need to install Visual Composer separately by going to Appearance -> Install Plugins. Also from now on you can use third party Add-ons for it if you want to.


Main buttons 

  1. The button to switch between classic and visual mode. So you can modify generated shortcodes manually if you know what you are doing. 
  2. Adds 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. 
  3. Page section is a shortcode which acts as feature rich container, it has huge amount of options such as backgrounds, parallax effects, background videos and many more. You can click edit to explore its options. 
  4. Templates: 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. 


Elements Blocks 

Here is a screenshot of some shortcodes that you can use to add into the canvas and configure.


Page Section 

Page sections are standalone shortcode that plays a full-width container role. It has huge optionality so you can put your shortcodes into it. You can have parallax backgrounds, videos, an many more using this huge shortcode.

Page Section can be used to divide your page into the logic blocks with columns, columns 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 unlimited number of Page Section. To change Page Section's position, click and drag it's drag handler (top left row's corner) and drag it around (vertical axis). Now you can add shortcodes such as slideshows, Portfolios or divide a page with Page divider...

*Please be aware that Visual Composer does not support 1/5 columns on new versions due to some conflicts that this setting causes to their code.


Page Section Edit Options

  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. 


Columns

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


Content Elements (Shortcodes) 

Content Elements or shortcodes can be added inside Page Section or inside columns. Think of them as bricks. With those bricks you are building your layout. Most of the content elements have options, to set them click pencil icon. To save changes click 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. 


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. You can find these settings from Settings -> Visual Composer.

Here is a brief explanation of options presented in this page:


Content Types

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 that they have WP editor feature. So for example clients will not have Visual Composer even if you check mark its post type.


User groups access rules:  This option will give you the ability to select which shortcode should be appeared in the specific user role. This is useful when you give subscribers the ability to post, so you can disable some shortcodes for them. 


Disable responsive content elements

Check this checkbox to prevent content elements from "stacking" one on top other (on small media screens, eg. mobile).