• Skip to content
  • Skip to footer
A Bright Clear Web

A Bright Clear Web

A Bright Clear Web - Simple, effective, accessible websites

  • Home
  • About
  • Websites
  • Writing
  • Learn
  • Blog
  • Contact
You are here: Home / WordPress / WordPress Page Builders Compared

WordPress Page Builders Compared

Posted: February 20, 2015 Updated: January 4, 2018 by Claire Brotherton
14 Comments

Elegant Builder in WordPress admin

This is Day 18 in the 30 Day Blogging Challenge. You can read Day 17’s post here.

There are now many page builder plugins for WordPress, which allow you to construct elaborate page layouts in a drag and drop manner. So why use one, and which one is right for you?

Why use a WordPress Page Builder?

  • DIY option for novices
  • Save time building a complex page
  • Visual interface, more user-friendly
  • Lines your content neatly up in rows and columns
  • Good for designing mobile-friendly (responsive) layouts
  • Library of components to choose from (e.g. buttons, sliders, carousels)
  • No need to learn code – it’s all done for you.

Why might you not use a WordPress Page Builder?

  • You have difficulty using a drag and drop interface
  • Want to learn code
  • Some builders may not have all the components you want
  • May find it hard to style the layout to your exact needs
  • SEO plugins such as WordPress SEO by Yoast may report that your page has no content, making it harder to optimize (here’s a suggested SEO fix)
  • If the plugin breaks or is deactivated or deleted, you lose your nicely crafted layout.

3 Page Builders Compared

SiteOrigin Page Builder

The SiteOrigin Page Builder is a free responsive (mobile-friendly) page builder.

It works by creating widget areas in your posts and pages to hold content. This means you can use all the standard WordPress widgets, plus any others created by plugins on your site. SiteOrigin recommend installing their Widgets Bundle plugin for more widgets.

The back end view:

SiteOrigin Page Builder back end

The options for creating a button:

SiteOrigin Page Builder button options

The front end view, in the Customizr theme:

Page Builder page list, button and Google Map

Pros:

  • free
  • use on unlimited sites
  • responsive
  • can add CSS styles/classes to widgets
  • you can add Font Awesome icons
  • Widget Bundle supports Google Maps and a post carousel

Cons:

  • no prebuilt layouts, though you can reuse ones you build
  • builder not so intuitive – have to hover over widgets to see edit, duplicate and delete options
  • limited selection of widgets

Visual Composer

Visual Composer bills itself at the “#1 Best Selling Page Builder Plugin for WordPress”.

It’s available to buy for . This gives you a license to use it on a single site only.

Here are the elements that can be added to the builder. This includes video, social media buttons, Flickr widget, progress bar and pie chart:

Visual Composer list of elements

This shows the back end editor:

Visual Composer back end editor

These are some of the button editing options:

Visual Composer button editing options

This is a page on the front end:

Front end view showing text block, images, buttons and FAQ
Front end view showing text block, images, buttons and FAQ

Visual Composer also supports the masonry grid layout of posts or images – example below:

Masonry image grid

Pros:

  • nicer looking than SiteOrigin builder
  • can test out before buying
  • not too expensive
  • responsive
  • comes with a range of pre-built templates – build portfolios, FAQ pages, news pages and more
  • can edit pages in the front or back end
  • animated effects
  • supports addition of posts or media in a masonry grid
  • add CSS classes
  • choose button sizes

Cons:

  • have to buy a separate license for each site you want to use it on
  • a little hard to see some of the editing options

Elegant Builder

This builder is by Elegant Themes, and requires a subscription. For $89/year you get access to all their themes and plugins.

When you have subscribed, go to the members area to download the Elegant Builder plugin. It may be installed and used with any theme.

The layout is created in rows and columns with modules inserted in. The modules can be switched around easily by dragging them.

This is the sample layout that comes with the plugin, as shown in the WordPress admin:

Layout Builder in WordPress admin

This is the configuration for the Button module:

Button settings

Here is part of the end result, shown in the Wilma theme:

Elegant Builder front end view

Pros:

  • good looking user interface
  • responsive
  • 17 modules to choose from, including testimonials and pricing tables
  • can change button sizes (small, medium, large)
  • uses in-built WordPress visual editor
  • add CSS classes to modules
  • use on unlimited sites

Cons:

  • can’t buy separately
  • need to renew subscription yearly for ongoing support, though you can buy lifetime access to all Elegant Themes’ products for $249
  • no gallery module or carousel

Verdict

The Visual Composer plugin seems the most versatile, and is reasonably priced. I like the fact that you can edit in both the front and back end, i.e. on the page or in the wp-admin. The chance to try before you buy is also a plus. The main downside is its single-site license.

What do you think? Have you used any WordPress page builders and what did you find good or bad about them?

Related

Category: WordPress Tags: 30 day blogging challenge, page builder, responsive

About Claire Brotherton

Freelance web designer and front end developer based in Edinburgh, Scotland. I love WordPress, code, learning and blogging.

Reader Interactions

Comments

  1. Dave LeBlanc says

    August 17, 2015 at 7:51 pm

    Hello Claire

    Enjoyed this comparison between three page builders. The only one I have any experience with is the one from Site Origin. You are correct that the number of widgets out there can be limiting, but with a bit of CSS here and there, I can give a site the style I have in mind.

    It certainly is a fast way of creating a page.

    I do have the occasional conflict between Page Builder and some other plugin or theme, but there is always someway a work around.

    Reply
    • Claire Brotherton says

      August 18, 2015 at 3:41 pm

      Thanks Dave – I think the time saving aspect works as long as there isn’t too much of a learning curve in using and configuring the builder. No one wants to spend hours figuring out complicated CSS.

      Have you tried out any themes with a page builder built in? e.g. X Theme or Divi. They are nice, but the drawback is that you get locked in to using that theme.

      Reply
  2. Peter Hall says

    September 2, 2016 at 7:18 pm

    Very inforative post, thakyou.
    I use Siteorigin and have read that it is not compatible with some plugins. Is there a list of popular plugins that conflict with pagebuilder, e.g. All in One Calendar.

    Reply
    • Claire Brotherton says

      September 5, 2016 at 11:51 am

      Hi Peter, thanks for stopping by.

      I can’t find a definitive list of incompatible plugins for SiteOrigin.

      Their comment is:

      We’ve tried to ensure that Page Builder is compatible with most plugin widgets. It’s best to just download Page Builder and test for yourself.

      You might find reports of incompatibility on the WordPress forums for SiteOrigin, or on SiteOrigin’s own forums.

      Reply
  3. Anthony Pham says

    November 20, 2016 at 3:35 am

    Awesome comparison.
    There are many page builder come this years.
    I think you can wrote new article about page builder on 2016
    I invite you to review our new page builder Kingcomposer for wordpress.
    It is lightweight and easy to use page builder

    Reply
    • Claire Brotherton says

      November 21, 2016 at 3:21 pm

      Thanks Anthony – I’d like to look at King Composer when I have time.

      Reply
  4. Emanuel Blagonic says

    December 10, 2016 at 8:25 am

    Hey Claire, great write up.

    Page builders are like premium themes – they have a lot of functionality, something a lot of people don’t actually need. They have to be versatile so they could be use in a variety of situations. I personally don’t use them as I build websites from scratch for my clients, but they are a good solution for those lacking budget for “tailored” solutions.

    In any other case, I’d say that using ACF to create a page builder that is tailored to client’s specific needs is a better solution. By doing so we help the client focus on what needs to be done (on a specific page/landing) rather then having them learn how to do a thing in a generic page builder.

    But, this topic definitely is not that straightforward as we must take a lot into consideration.

    Reply
    • Claire Brotherton says

      December 14, 2016 at 2:31 pm

      Hi Emanuel – thanks for your thoughtful comment, and apologies for the slow reply.

      I haven’t really dug into Advanced Custom Fields properly. I’ve used Pods a bit, which is similar.

      I like your idea about tailoring the page building to the client’s needs.

      Do you happen to have a blog post on the subject, or know of one that’s out there?

      Reply
      • Emanuel Blagonic says

        December 15, 2016 at 5:34 pm

        Don’t have it yet, and didn’t researched it so far. I’ve been using this approach for some of my clients’ projects and they are happy with it as it’s much easier to use them. I’m planning to write a blog post though about my experiences on the field, best practices etc., but didn’t find a time yet 😐

        Reply
  5. Chris says

    September 14, 2017 at 11:55 am

    Nice comparison. Would have been lovely if you added Elementor in your article. Not that I am working for Elementor, I am just a user and I think it is one of the best page builders out there.

    I used Elementor with a lean theme that I read about here (https://www.wpblog.com/drag-drop-elementor-page-builder-for-wordpress/). I never heard of Base theme before but it worked very nicely with Elementor on my site.

    Reply
    • Claire Brotherton says

      September 18, 2017 at 9:39 pm

      Thanks Chris – I haven’t tried Elementor but it looks like it might be worth a look.

      Claire

      Reply
  6. Waqas says

    December 12, 2017 at 9:29 am

    Hi Claire,

    Nice comparison between the page builders. I recently did a comparison on Free page builders and found out that Elementor is one of the best free builder.

    Please have a look and give me your feedback: https://www.themelocation.com/drag-and-drop-page-builders/

    thanks

    Reply
  7. Mike says

    July 14, 2018 at 8:10 pm

    I have been using Page Builder from SiteOrigin for several years now. Clients like it because they can easily change or create new pages, making them look as if a professional developer did the work.

    It’s amazing how quickly they pick up on it. Set-up the grid to give the page the structure they want, add the necessary widgets to display the content and publish. More or less, that’s about it.

    Reply
    • Claire Brotherton says

      July 19, 2018 at 8:30 pm

      Thanks for commenting!

      Yes, they are pretty simple to use. Have you tried any other page builders, Mike?

      Reply

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Subscribe to Blog via Email

Enter your email address to subscribe to this blog and receive notifications of new posts by email. Read my privacy policy.

potted cactus and laptop with code

Footer

Categories

  • Accessibility
  • Blogging & Content Marketing
  • Business
  • Personal
  • Software & Tech
  • Websites
  • WordPress

Top Posts

  • How To Create WordPress Excerpts And Include Links In Them
  • How To Solve WordPress Image Alignment And Text-Wrap Problems
  • Improve Your Divi Website's Reach With Divi Accessibility
  • How To Set Up And Customize Twenty Nineteen Theme
  • Registering a Domain Name with GoDaddy - Step by Step

Let’s Be Social

  • E-mail
  • Facebook
  • LinkedIn
  • Twitter
Copyright © 2014 -2025 A Bright Clear Web
  • Privacy and cookies policy
  • Site map