In this overview, you will find everything you need to know about Uncode’s Visual Composer page builder; starting with how the most commonly used interface elements work. Visual Composer has everything you need to manage content elements with a single click: add, edit, duplicate, remove or create element presets, etc. This Short Video explains a basic layout creation workflow. You may find it helpful for understanding how Visual Composer works. Although our skin is slightly different, the main features are the same. Another source of videos about Visual Composer is located in the Video Academy.
1) Add elements
Uncode’s Visual Composer gives you instant access to 28+ built-in content elements. Each element has been carefully crafted, and offers multiple options; enough to build any layout you want. Simply insert elements into your page, click on the Plus Icons, and you’ll see an overlay window containing all the available modules. Select the one you want, and it will be inserted onto the page.
2) Drag and drop elements
With the intuitive drag and drop interface you can quickly change your layout or reorder elements. Simply drag elements or modules using the Drag Arrows Icon.
3) Open Settings
You can modify rows, columns, and module presets in seconds, and build complex layouts without using a single line of code. Simply open the setting from the Pen Icons. This will open a different overlay window for every module category with your options organized in convenient tabs.
4) Copy, paste and clone elements
One way to make page building proceed more efficiently is to go to use the copy, paste and close functionalities.
5) Custom code
If you need to insert custom CSS code for use in a single page only, you can easily do so. The custom code will be stamped only for the page in question, and will not appear in any other page. Switch to the Page Builder mode. At the top right corner, you will see a Gear icon. Click on it to open a code editor window and insert your custom code.