Want a more flexible, powerful visual editor for your pages, without the need for coding? With Visual Composer, you can create more complex layouts using a drag-and-drop editor, from the front or back end of your site. Find out how it all works in our Visual Composer review.
Do You Need Visual Composer?
Have you ever wanted to create more complex page layouts than possible with WordPress’s built-in editor?
While the TinyMCE editor is handy for writing blog posts with a few pictures, it won’t help you:
- organize your content in rows and columns
- create animated buttons and calls to action
- add eye-catching charts and maps in the middle of your page
If you want to build responsive and complex page layouts in WordPress, without hiring a web designer or learning to code, then Visual Composer can help.
Visual Composer is a drag and drop page building tool that allows you to create fully responsive, complex pages in just a few minutes.
How to Build a Page With Visual Composer
After installing and activating the plug, you can get started by creating a new page.
At the top of the editor, you’ll see a couple of new buttons:
You can choose to start editing your back from the backend, where you are now, or you can save the page and click the Frontend Editor button to edit the live version of the page.
We’ll click on the Backend Editor button to start with.
You’ll see a few options appear in the visual editor.
You can choose to add an element or a text box, or choose a template for your page.
There are dozens of default templates available, or you can create and save your own templates.
If you want to design your page yourself, there are a variety of elements available to place on your page, including:
- Google maps
- video players
- charts and graphs
- buttons and CTAs
- WordPress widgets
- …and many more.
The list looks a bit overwhelming, but you can sort them by category or search for a particular element using the search box in the top right corner.
Get started by choosing your first element. It will automatically be inserted into a row.
You can add another row of elements to your page by clicking the plus sign at the bottom.
If you hover your cursor over the icon with lines above any row, you can choose to add columns to your row. With columns, different elements can sit side by side on the page.
All of the elements have a lot of options for customization, including CSS animations. You can even add extra class names so you can customize the CSS styles more easily.
You can also edit any page from the front end.
Just click the Edit with Visual Composer link in the toolbar while viewing any page.
In the top right corner menu, you can change your page settings, preview the page in different screen sizes, switch to the backend editor, and click Update to save any changes. Go back to viewing the page by clicking the X.
By default, Visual Composer is only available for editing pages. But if you navigate to Visual Composer » Role Manager, you can choose to enable the editor on posts as well.
Build More With Visual Composer Add-ons
WPBakery, the developers behind Visual Composer, also has many add-on plugins available.
Here are just a few examples:
- Templatera Template Manager: Create, manage and set control access to your templates based on user roles or page post types.
- Easy Tables: Create and manage tables with drag and drop interface.
- Parallax Image and Video Background: Add parallax background images and videos to any page.
- CSS Animator Addon: Add over 40 animations to available CSS effects for each element.
- Woo Products: Add elements to show off your WooCommerce products.
- Team Showcase: Display and manage your team and clients as a responsive grid or as a dynamic slider.
- Easy Form for Visual Composer: Create and manage easy responsive forms.
There are 200+ add-ons available, so you’re likely to find the exact function you need.
Many premium themes on CodeCanyon also come with Visual Composer integration, or even have Visual Composer packaged in with the theme.
Documentation and Support
The official Visual Composer site has extensive documentation available on every feature of the plugin, plus articles for developers who want to customize their sites even further.
Your purchase of Visual Composer includes 6 months of support, with options to extend support for another 6 months. Support is provided via a ticket system, where you’ll be required to verify your license.
Visual Composer is one of the most popular and highly rated plugins on CodeCanyon, and the most well-known drag and drop page building plugin on the market.
If you want to create complex page layouts without having to code, Visual Composer is the best choice.
While there is a bit of a learning curve to get used to how it works, Visual Composer is relatively easy to use, and will save you a lot of time. And there are a huge number of add-on plugins available if it doesn’t include the options you need.
We give Visual Composer 5 out of 5 stars. Here is the breakdown of our review scores:
If you liked this article, then please consider following us on Twitter and Facebook. If you have any questions, please let us know by leaving a comment below.