Seriously, it’s a great content platform.
WordPress boasts some brilliant features. But there has always been one piece of functionality that I’ve never liked.
The WordPress Editor.
I managed to write a couple of posts using the native editor before I decided to switch.
Because I wanted to see exactly how my content was going to look before I published it.
I wanted a WYSIWYG (what you see is what you get) editor.
And if you’re like me, then you’ll want one too.
Thanks to some of the great developers out there, we have plenty to choose from.
In this post, we’re going to look in detail at three of the best page builder plugins so you can choose which one you want.
We already focused on building landing pages in an earlier post.
So today we’ll zoom in on how you can use these plugins to create blog post pages.
Thrive Architect is a visual page builder that helps you build conversion focused websites.
When Thrive Themes launched their Content Builder in 2014, it quickly established itself as one of the best visual editors for WordPress.
But Thrive Architect is not just a new version of the old plugin. It’s a complete overhaul.
You’ll find that Thrive Architect is sometimes referred to as the Visual Editor. It’s the cornerstone of all the Thrive products. For instance, you’ll see the visual editor in Thrive Leads, Thrive Headline Optimizer, and their other WordPress plugins.
What we love about Thrive Architect
Easy to use
Once installed, you have the option to use Thrive Architect as soon as you create a new post or page:
When you select the Edit with Thrive Architect button it opens a new tab/window:
Because Thrive Architect is a front-end visual builder, you see everything on your screen as it will appear on your published page, including the surrounding parts of your page like the header menu and sidebar options.
The Thrive Architect menu positions on the left-hand side by default, but you can swap sides if you prefer. You choose what element you want on your page from the sidebar menu and then drag-and-drop it onto your page exactly where you want it.
As soon as you select an element, its editing options are displayed in the sidebar menu:
You build your page using the elements from the sidebar, which are divided into two sections:
- The Foundation Elements contains common elements you’ll use on every page like Paragraph/Text, Heading, Image, Button, Columns, etc.
- The Building Blocks contains more conversion-focused elements like Content Reveal, Countdown Timer, Icon, Styled List, Testimonial, etc.
If you find yourself using a few elements over and over, then you can pin them to the top of the list as a favorite.
Rather than go through each element, I’ve picked five of my favorites:
The Content Box element is multi-functional.
You can use it as a content container where you gather multiple elements in one place. For example, you may want a 500px wide centered section of content (as opposed to your standard width page) that contains some text and an icon with a colored background:
Or you might want to create a standalone text box. Nobody likes a wall of text, and the content boxes are a lovely way to highlight text, lists or summaries.
In this example, of a content upgrade, I’ve used a colored background, a different colored border, and individually rounded corners:
The columns feature is a super quick way to divide your content proportionately across the page; for example, an image and some text. You can choose the column layout:
Thrive Architect also lets you create columns at any time. Simply drag-and-drop existing elements next to each other on the page, and resize them as you wish:
The Styled List element lets you create bullet point lists with custom icons rather than using standard bullets. You can choose the same or different icons for each list item. And of course, you can customize the colors and fonts, etc.
Table of Contents
Long-form blog posts are a recognized factor for increasing SEO and social shares. You can help your readers quickly find their way to specific sections of your blog posts with an automatic table of contents.
Choose which headings (H2, H3, etc.) you want to include:
And it turns out like this with the H2 in bold and the H3 slightly indented:
Click To Tweet
And talking of social shares, there’s a built-in Click To Tweet feature to encourage readers to share your posts. As with all elements you can format it as you wish; e.g. change the background color, enlarge the font, etc:
Adding movement to your page can help catch the eye of your readers. Thrive Architect makes this possible through its Animation and Action options. For any element, you can apply entry animations, hover effects, add tooltips, animate text on the screen and more.
For example, you can add an animation event so that a tooltip appears when you hover over an image:
And this is the effect:
List building is easy with Thrive Architect as it integrates with your email service provider either via an API or HTML Custom Form.
There are two types of lead generation that you can put in place.
The default method is to drag and drop the Lead Generation element from the sidebar onto your page. This enables you to create a 1-Step Opt-in that you connect to your email service provider. You can choose to stack the fields vertically or have them running horizontally. Plus you can customize other features like colors and text.
You can configure a 2-Step Opt-in by taking advantage of the Thrive Lightbox feature. You decide which element you want to be the trigger and use the Animation and Action option to invoke a lightbox.
For example, you could configure a button click to open the lightbox with a zoom effect:
What we don’t love about Thrive Architect
There’s not much to find fault with Thrive Architect. It’s a super product.
However, if you’ve previously created content with Thrive Content Builder and you want to upgrade to Thrive Architect, then there’s some good news and bad news.
- The good news is that there’s no cost involved.
- The bad news is that not all of old elements of Thrive Content Builder are present in Thrive Architect; for example, CTA’s, Pricing Boxes, and Guarantee Boxes.
That means you’ll experience a temporary minor glitch. There is a workaround solution in place. And fingers crossed there will be a permanent solution soon.
Therefore, depending on certain circumstances, it may be more prudent to continue using Thrive Content Builder until the problem is fixed.
Thrive continues to add more features to their Content Builder plugin so prices will rise from time to time. But if you buy now, you get locked in at the current price forever.
Single License: $67 – Install and activate the plugin on one website
5 License Pack: $97 – Install and activate the plugin on up to 5 websites
15 License Pack: $147 – Install and activate the plugin on up to 15 websites
The price includes 12 months support with the option to renew each year, but you always get unlimited updates.
Alternatively, try Thrive Membership for the complete Thrive Toolbox:
Individual Membership: $19/month – For use on all of your own websites
Agency Licence: $49/month – For use on your sites and clients’ websites
Support and development
Thrive Themes has a comprehensive Knowledge Base and responsive Support Team. And they’re always adding more features to their products.
Beaver Builder, like Thrive Content Builder, also launched in 2014. Since then it has established itself as a firm favorite in the WordPress community and is active on over 100,000 sites.
The plugin works with any WordPress theme and allows you to build a wide variety of pages with its intuitive drag and drop editor. I’m going to focus on creating a blog post in this review.
What we love about Beaver Builder
Integration with WordPress
Once installed you have the option to use Beaver Builder as soon as you create a new post:
When you use Beaver Builder to create your blog post, you select the ‘Blank Template’ from its selection of Landing Pages. Once selected the editor opens with a blank screen waiting for you to add your first row:
Note: By default, the Content menu overlays the page on the right-hand side, but you can minimize it.
Easy to manage rows and columns
Beaver Builder is a rows and columns editor. The first thing you’ll have to do to get started with your blog post is to drag and drop a Row Layout or Module onto the page.
Row Layouts comprise a selection of Column Layouts:
Dragging a 2-column row layout onto the page editor would default to a 50-50 split. But you can adjust this by shrinking one of the columns and letting the other one increase. For instance, reducing the left-hand column to 30% and letting the right-hand column expand to 70%:
This makes adding an image and text row easy and controllable. Or, you can click in the column to edit the setting and enter a fixed percentage if you know what column width you want:
Note: Rows are like the Content Container in Thrive Content Builder. The difference here is that rows are compulsory whereas the content container is optional.
The rows and columns are the framework of your page, but you need to populate them with some content, right?
Clicking the Add Content button at the top of the page brings the menu back into view:
Beaver Builder has a selection of Basic (8) and Advanced (22) content modules.
- The Basic modules include: Text Editor, Heading, Photo, HTML, etc.
- The Advanced modules include: Call To Action, Pricing Table, Countdown, etc
You can add any of these content modules into an existing row or column. Or you can create a new row by dragging them into a space on the page.
If you don’t like the initial position, you can drag and drop the module into a new area. For example, you could choose the Photo module, select your image from the media library, and then decide you’d prefer to have it in a left-hand column:
Once you have a row that you like the look of you can duplicate it within your current page:
Or save it as a row for future pages:
This can be a great time saver if you know you are going to create similar style content over and over again.
One of the best features in Beaver Builder is the ability to hide content under different conditions. The advanced settings of a module let you configure when the content is visible.
- Responsive Layout: Lets you decide if a particular element is responsive on all devices or only selected sizes:
- Visibility: Lets you decide if a particular element is visible to everyone, or only selected users, or never visible:
- Animation: Lets you add animation effects to your text or images, etc.
However, unlike Thrive Content Builder you can only specify a ‘delay time’ rather than a ‘coming into viewport’ setting for when the animation takes place.
The knowledge base
I couldn’t leave this section without mentioning the Beaver Builder Knowledge Base. Amongst other things, this excellent online resource steps you through using each module with clear text and videos.
What we don’t love about Beaver Builder
Visibility of what you’re editing
The Beaver Builder editor is different to Thrive Content Builder. For example, when you want to edit some text, a popup text editor box appears, and you have to edit in there.
And the text editor is just the same as the native WP Editor.
So, in fact, you’re not editing the page directly like you do in Thrive, you’re working in another window. As you edit, you can see the page changing underneath your popup window, but often you have to drag it out of the way to see the main page underneath.
Is this really WYSIWYG?
Adding or saving a module caused the page to hang sometimes
There were a few occasions when Beaver Builder did not save my changes. For example, when I added a new module to the page or when I attempted to save editing a row/module.
On these occasions, I had to abandon the session and start again from the WP Admin Dashboard. It was fortunate that only the last edit failed and all the previous changes remained.
Beaver Builder is available to use on Unlimited Sites and comes in three packages:
Standard: $99 – standard Beaver Builder Plugin
Pro: $199 – includes Beaver Builder Theme and MultiSite capability
Agency: $399 – includes White Labelling and you can use it on your client’s sites
Note: There is also a lite version of Beaver Builder available on WordPress.org.
The free version can give you a good taste of what the premium version has to offer and for some, it may be enough to do what you need, but the editing options are quite restricted.
Support and development
Beaver Builder offers a comprehensive Knowledge Base and responsive Support Team. They post updates on their blog to discuss their progress as a company. Plus they share what’s in the development pipeline.
The price includes 12 months support with the option to renew each year.
Visual Composer is three years older than both Thrive Content Builder and Beaver Builder. It launched back in 2011 and currently powers over one million sites.
It’s the flagship product of WPBakery; a company focused on creating visual tools.
The page builder plugin lets you build stunning pages with the intuitive drag and drop editor. And it works with all WordPress themes.
What we love about Visual Composer
Front End and Back End Editor
Visual Composer is the only WordPress plugin with both a Front End and a Back End editor.
The Front End editor is like the previous plugins. You can see your page taking shape as you add various elements to the page. The Back End editor is like the native WP Editor.
I’m not sure when you might want to use the Back End option. The whole purpose of a page builder plugin is to give you a WYSIWYG experience. Even so, there is the option, and some people may prefer it.
When you start a new post, you decide which editor you are going to use. However, you can still switch between the two options as you please throughout the editing process:
Here is the same content displayed in each editor.
- Back End Editor:
- Front End Editor:
Simply add rows and columns to your page
Visual Composer, like Beaver Builder, is a rows and columns type editor. You can easily drag and drop the rows around on the page, or duplicate a row, or add columns to your row. Just hover over the row to see the edit options:
The default layout is a one-column row. But you can add more columns as you wish, either choosing a column layout or defining your own split ratio. You make your changes in the popup window and then page updates.
In this example, I’ve entered some values to split the row into one-third and two-thirds:
Here is the end result. In the one-third column there is an icon and in the two-thirds column is a text block. (The second row below has one column of text.)
Choose from over 40+ predefined content elements
Once you have created a row, you’ll have to decide what type of content element you are going to use. Visual Composer has over 40 predefined elements to choose from.
I like the way they have arranged the selection via tabs so that you can choose from ‘All’ or ‘Social’ etc. Plus they have a search option too.
Once you select a content element, it places some default data on the page (orange outline) and opens the edit window (green outline):
- Optional extra: You can extend Visual Composer with 200+ unique addons from WP Bakery and independent developers.
Quickly adjust your element settings
Each content element can be quickly edited by clicking on the ‘pen’ icon:
This is the what the Call To Action element Settings looks like as it opens in a new window:
The General tab covers the essentials. The Design Options tab gives you more control over other settings; e.g. margins, padding, border, background color, etc.:
It’s easy to add values as required:
And end up with this (slightly exaggerated for this demo) design on your page:
The online Video Tutorials Academy is excellent. WPBakery has covered every aspect of using Visual Composer with a suite of online videos. Highly Commended!
What we don’t love about Visual Composer
The settings window
I don’t like the way in which the edit settings window pops up and takes over your screen. If you want to view both your page and the edit window, then you need to extend the width of your browser window to accommodate both.
No lead generation options
Visual Composer does not offer any integration with email service providers. Both Thrive Content Builder and Beaver Builder do.
Visual Composer has an attractive starting price for its regular license.
Regular: $34 – For use on a single site with 6 months Premium support. You can buy an extra six months support for $10.20
Envato has some interesting licensing options that enable you to use this product in other products. Let me explain.
Extended: $170 – The Extended License allows you to include Visual Composer in a single SaaS application. For example, if you wanted to build a SaaS app that allows customers to create their own custom pages you could include Visual Composer.
Stock: $170 – The Stock License option is suitable for WordPress developers who want to build themes around Visual Composer. For example, you could include Visual Composer with your theme as an extra feature to potential customers.
Support and development
WPBakery has always maintained and enhanced Visual Composer. They have an excellent online Help Center where you can check for all related documentation. Plus you can raise new support issues when required.
All three of these Page Builder plugins make editing content far more pleasurable than the native WordPress editor.
Being able to see your post or page come to life as you add content is a big bonus.
I’ve used Thrive Architect, and Thrive Content Builder previously, to create all my pages and posts in WordPress. I was keen to see if Beaver Builder or Visual Composer could offer something better in this head-to-head comparison.
Our top pick
While both the contenders are excellent, they failed to knock Thrive Architect off the top spot.
Thrive Architect has a great visual editor that lets you see what you’re doing on the page without having to move any pop-up windows around. The other big bonus is the lead generation capabilities. Beaver Builder restricts you to a basic 1-Step Opt-in, and Visual Composer has none.
Although Visual Composer is half the price for a single site license, Thrive Architect is well-priced for multiple sites, and the membership scheme is also competitive.
For all-around versatility and value-for-money, Thrive Architect is our top pick.