Please Note : Visual Composer is paid plugin , so before using you need to buy it and then install and activate.
Using VC on Pages and Posts
The two tabs that appear on top of the text editor are Backend Editor and Frontend Editor. These are the options that make this plugin such a joy to use. From here, you can create any page structure you want. Let’s start with the backend editor. Try and use the backend editor more often for better understanding VC.
Backend Editor
Step 1
When you click on the Backend editor tab, your text editor area will change into a drag and drop box where you can add elements by simply selecting them from the list. But first, you need to add a row. From here, the only thing limiting your design will be your imagination. Atleast divide the columns into 2 equal parts to understand the effect of VC.
Step 2
You can add different elements in the row and also choose different column layouts for each row by hovering your mouse pointer on the button above the content editor. You can add different elements to design your page from the Add element tab. The Add elements box contains everything you need to design a website.
The elements are divided into categories of Content, Social, Site Structure, New Elements and WordPress Widgets, but you can view all of them together as well. Whichever option you need, just click on it and drag it in your content box. Your page is basically divided into different rows. You can keep adding new rows and new elements within those rows.
Step 3
For example if you put text area in one column and put an image into the other side.
.
Step 4
Click on the edit button in the text block and change the css animation effect…
Likewise do it for the single image too…..
Step 5
To edit, delete or duplicate any particular row, just use the icons on top of each row box.
You can also follow the Visual Composer tutorial video.