WordPress Page Builder plugin can turn your WordPress site pages and posts into amazing looking website.
They are here to help you build and customize your WordPress site easier. These WordPress page builders allow you to create, edit, and customize your site layout without writing any code.
Many WordPress beginners find it difficult to change or customize page layouts on their site. While today many premium WordPress themes come with different page layouts, those are often hard to customize.
There are several great drag and drop page builder plugins available for WordPress. They allow you to customize mostly every component on your posts and pages.
These components can be anything like adding multiple columns, parallex backgrounds, full width images, content slider, etc.
Users can use these components as blocks to build their own layouts within their WordPress themes.
The page builder market is very competitive today. Bu one page builder plugin pops out almost on every corner. It is Visual Composer Page Builder for WordPress.
It is in fact very popular plugin with more than 94 000 sold copies and average rating of 4.7. More than 500 000 websites around the world have this plugin installed.
There are many page builder plugins for WordPress available. Both free and paid. But this one is recommended by most WordPress users.
Visual Composer allows you to design unique pages using building blocks of content. Some page builder plugins call these blocks modules while some refer to them as widgets.
Visual Composer calls them “Content Elements.” They all refer to blocks of content that can be dragged and dropped into any part of a page.
Over 40 content elements are packaged with Visual Composer. This includes text blocks, social media buttons, video players, image carousels, post grids, charts…
Visual Composer allows you to style your pages on both the front-end (your live website) and the backend (the WordPress admin area).
You install and activate it like any other WordPress plugin. You may need to enable Visual Composer for posts in its settings as for me it was unticked by default.
Except that, there is not much work in settings of plugin.
At the top of the page you can choose which post types Visual Composer can be used with. Posts, pages or any other active post types.
They all can be enabled or disabled. You can also select Google fonts and disable responsive content elements.
You can choose whether a specific user group can use both Visual Composer and the default WordPress editor or restrict usage.
For example, you could only allow use of Visual Composer to administrators and editors.
Specific content elements can also be disabled for each user group.
Go to create pages or posts and there you will see new options. You may have more or less elements to add depending which plugins you have installed and which theme you use.
Drag and drop page builders usually let you style pages in the backend (i.e. the post editor) or the front-end (i.e. the live website).
Visual Composer allows you to do both. You choose or combine depending how is easier for you.
Dont worry if you had content before. You will not lose anything. In fact you can make your previous content even better and more appealing.
Visual Composer Page Builder will work with any WordPress theme so there shouldnt be any conflicts.
It supports multiple languages and is compatible with the WordPress translation plugin qTranslate.
It has responsive design which means content will look great on mobile devices. You can check out how website will look on mobile devices during page building process.
Visual Composer – How it Works?
Once you’ve activated Visual Composer on your website, you will see two buttons added to your post editor. One allows you to style pages using the backend editor.
The other will take you to the front-end editor.
Clicking on the backend editor button will switch the default WordPress editor to Visual Composer’s backend editor.
There are four buttons at the top of the interface. The plus symbol lets you add a new content element. The grey box with a white T inside loads the template box.
The cog symbol will load up a custom CSS box that lets you define CSS classes for that specific page. The last button will take you to the front-end editor.
When you first load the backend editor, a welcome page will be displayed that offers shortcuts to common choices.
You can add a new element, add a text block (a type of content element), or choose from one of six pre-defined layouts (i.e. load a template).
These templates are a great starting point from creating pages such as landing pages. Loading a default template will add the layout below your existing customizations.
You can then replace the dummy text with your own content.
Visual Composer Content Elements
Visual Composer lets you customize each content element.
The settings that are available to you will depend on the type of content element you are modifying.
Simple content elements only allow you to define the size of the button, while more advanced content elements may offer many different options and settings.
New rows can be added by clicking on the plus symbol in the row header. Next to that is an option to place content into multiple columns.
There are 11 column layouts are available. For example 2/3 + 1/3, 1/4 + 1/2 + 1/4, and 5/6 + 1/6. Or you can create your own custom layout.
Once you have added columns, you can freely move content elements from other rows and columns into the new columns you created.
Visual Composer allows you to customize the look and feel of columns and rows. The general tab allows you to change the default font color and define additional CSS classes.
The size of borders, padding, margins can be defined in the design options tab. You can also change the color of borders and backgrounds.
The backend editor is very simple to use. Like most WordPress plugins it may take you some time to get accustomed on how everything works.
Once you get a hang of it you will be in a position to create stylish pages that are truly unique.
Visual Composer Backend Editor
Dont worry, you can always switch to frontend and vice versa. Or even back to WordPress classic mode. But classic mode will show Visual Composer elements like in the picture below.
Still it is editable if you know what you are doing.
Visual Composer shortcodes
Visual Composer Page Builder Front-end Editor
The front-end editor allows you to style pages on your live website. You can switch to the front-end editor from the backend and vice versa at any time.
Be sure to save changes you have made to your page before switching the editing mode or you could lose your changes.
Backend editor is better for structuring a page initially and the front-end editor is better for tweaking pages afterwards.
Clicking on a content block will bring you up the same options you would see using the backend editor.
This includes options to add new rows and columns and the option to add, edit or delete content elements.
At the top of the page you will see options to add new elements, launch the templating system, adjust page settings, save draft, publish the article…
There is an option to preview how your page will look in five different sizes of devices. This includes desktops, tablets and smartphones. Very useful option.
Visual Composer WordPress Page Builder Features
- Light and easy to use interface
- Frontend and Backend editor
- Multilingual ready
- You can save templates for later use
- Great look on desktop and mobile devices
- Included content elements
- Object oriented code
What Buyers are saying about Visual Composer:
- Just downloaded this today and am loving it – would you believe I knocked out 5 pages on a site in less than 10 minutes?!? AWESOME!
- WordPress can be limiting to the average users when it comes to how you want your page layout to look. Even though you can do anything with HTML and CSS, most users do not know these coding languages. That’s where Visual Composer for WordPress can help.
- Visual Composer is a fantastic plugin developed by WP Bakery that adds a drag & drop page builder to your WordPress theme.
Visual Composer content elements can be modified directly from the theme functions.php file and you can also add your own shortcodes.
There are also a huge number of addons to enhance Visual Composer and many more WordPress plugins that work in conjunction with it.
WordPress Page Builder – Visual Composer Final Words
Visual Composer is great page building plugin for our beloved WordPress. You really can create beautiful pages.
But I don’t agree that it can be done in few minutes. If you are new, it will take some time to get acquainted with Visual Composer.
I found the transition to the front-end editor to be a little problematic at times. Sometimes it refused to load, sometimes it would load perfectly.
It was frustrating to have a problem with such an important feature.
Content can really be enriched. I discovered that writing new posts was less time-consuming when I didn’t have Visual Composer.
Now there is so more options calling me to add them and I spend more time including them than writing text.
One thing bugs me most. Lets say you buy Visual Composer. You are throwing around with posts created using Visual Composer page builder.
Time passes by and one day you decide you don’t want to use it anymore. Maybe you switched theme, add new plugin, discovered that your favorite WordPress theme or plugin is in conflict with Visual Composer.
Maybe author stopped supporting it (doubt that is going to happen), new better page builder showed up…..Or some other scenario.
What then? Deactivating plugin will show a lot of “vcrow”.
There is no way of fixing that except manually editing all posts. If you have a lot of them, it will be a long day or maybe even week.
I want to say, when you start using Visual Composer, there is no coming back. Cant say that is something good. Correct me if I am wrong.
If you don’t care much about style, effects, settings, layout and other options, then you can live happily without it. Price is $34 on Codecanyon.
It has few bugs and sometimes it will not let you use frontend depending which theme you use.
You may have problems switching from the backend editor to the front-end editor or frequently it will not load correctly and just display the loading icon indefinitely.
I did some research on this issue and found that other users have had the same problem, but were able to resolve the issue.
It appears that the front-end editor sometimes fails to load due to various issues relating to the preloader.
Visual Composer offers fantastic value for money. It is an advanced WordPress plugin with tons of functionality.
There are free drag and drop WordPress page builder plugins available, but these plugins cannot match Visual Composer for design or features.
It also includes a wide range of content elements. This includes social media buttons, multimedia elements for videos and images, content related elements such as post grids, post carousels and post sliders.
Separators and empty space can also be integrated into pages to help structure a page. You will also find support for buttons and call to actions.
Every part of Visual Composer looks great. All content elements are responsive. The plugin also allows you to customize each content element to your liking.
You can easily change borders, margins or padding.
Font colors and background colors can be changed through the settings box, too. Custom CSS can also be added to style elements even further.
Visual Composer doesn’t restrict you in this way.
Don’t expect to create perfect pages right from the start. Although Visual Composer is easy to use, it will take you a few hours before you will feel comfortable creating the pages you want.
The pre-packaged templates that are included with the plugin help speed up this process.
By loading a default template and then spending time moving things around and tweaking content elements will definitely help.
Visual Composer has been available for years, yet the plugin is still regularly updated with new features.
As the best-selling plugin on CodeCanyon, you can be sure it will be actively supported for many years to come.
There are no yearly fees with Visual Composer. Therefore, once you purchase the plugin, you will receive lifetime support and updates.
This ensures that pages load fast and bandwidth is reduced.
Many fast loading websites use Visual Composer, therefore you don’t need to be concerned about the plugin slowing down your website.
If you want even more from Visual Composer then check out extensions and addons:
NOTE: More and more WordPress themes come with included or modified versions of Visual Composer. So if you plan to buy WordPress theme, look for one with it included.
I mentioned some themes in post comparing Layer Slider and Slider Revolution.
UPDATE: I have discovered that sometimes Visual Composer have conflicts with Ultimate Video SEO plugin.
UPDATE 2: It seems new update for Visual Composer fixed conflict with Ultimate Video Plugin. But I also discovered conflict with Quick Adsense.
It seems when you have shortcodes , which Visual Composer ads for every row or element, Visual Composer doesn’t let Quick Adsense to insert ads anywhere except to top and bottom.
In order to insert you need to delete above mentioned shortcodes as well as their ending.
WordPress Page Builder
In a wide market of drag and drop WordPress page builders, Visual Composer is the most popular and the best option available to WordPress users.
The interface is easy to use, the content elements look fantastic and it allows you to style pages on both the front-end and the backend of your website.
You can also get this plugin as a part of Ultimatum WordPress page builder theme which comes with many popular WordPress plugins like Layer Slider, Slider Revolution, Visual Composer, Go Pricing….
Now over to you. What do you think. WordPress page builders, yes or no? Let me know in comments below!
4.8 out of 5
Options and Settings
4.2 out of 5
WPBakery Visual Composer is most popular WordPress page builder. It eliminates use of shortcodes and simplifies whole process. Editing website was never easier. Definitely recommended.