SiteOrigin Vs Elementor Post

SiteOrigin Vs Elementor: What Is Better? [2021]

Siteefy content is free. When you purchase through our links, we may earn an affiliate commission.

SiteOrigin Vs Elementor: What Is Better? [2021]

Picking the right or wrong web page builder is a big decision as it can make or break your WordPress website.

With plenty of WordPress page builders out there the choice is not always clear. That’s why we’re here to help you find the best WordPress drag and drop builder for your website.

SiteOrigin and Elementor are two well-known page builders, but which one will be better for your website and landing pages?

On Siteefy, we like to dive deep into the performance comparison of popular page builders to find the best ones. This time, we’ll compare Elementor and SiteOrigin to see which drag-and-drop page builder plugin wins.

Let’s get started.

Elementor vs SiteOrigin Page Builder Overview

SiteOrigin Page Builder

SiteOrigin is a WordPress theme and plugin creation studio from South Africa.

With 1+ million active installs on WordPress.org, Site Origin Page Builder is one of the most popular WordPress page builders out there.

Elementor Page Builder

Elementor has been on the market since 2016 and can today boast an impressive 5+ million active installs on WordPress.org. This puts it on the same page with the most popular WordPress plugins like Yoast, WooCommerce, and Akismet for instance.

So, Elementor is insanely popular today.

Related: Elementor Review 2021

The Elementor page builder allows you to build websites as a non-developer and has an intuitive interface and lots of features to use.

User Interface: Elementor vs SiteOrigin Page Builder

The user interface is one of the most important things in a WordPress page builder since you’re going to spend a lot of time in the content editor interface alone. Let’s see what SiteOrigin and Elementor have to offer here.

SiteOrigin has both back-end and front-end editing functionalities.

The back-end editor allows you to design pages by moving boxes and placing them on your page using the drag and drop functionality the page builder offers.

On the front-end editor, the Site Origin Page Builder screen has two parts. On the left side, you can drag and drop elements while the right side serves as the live preview. You can’t drag and drop elements on this side.

Elementor is a front-end drag and drop editor that also divides your screen in two. Unlike SiteOrigin though, you can take elements from the left side and place them where you want on the right side.

Since Elementor is a real-time visual page builder editor, you can see a live preview of your design as you’re editing.

Elementor also has “inline editing”, which allows you to click on the text in the live preview and edit it. SiteOrigin doesn’t have this feature.

Widget Comparison of Elementor and Site Origin Page Builders

Every plugin needs a good widget or two. Let’s take a look at what widgets Elementor and SiteOrigin page builder plugins include.

SiteOrigin Page Builder Widgets

SiteOrigin Widget Bundle

SiteOrigin has its own Widget Bundle which includes 22 different widgets, including a video widget, a widget for social media buttons, or a price table widget, just to pick a few.

In addition, SiteOrigin Page Builder supports WordPress core widgets.

Elementor Widgets

Elementor Widgets

On the other hand, Elementor offers 40+ widgets in the free version and 50+ more in the Elementor Pro, so quite a few more than SiteOrigin does.

Related: Elementor Free vs Pro

Layouts and Design Options: SiteOrigin vs Elementor

Creating visually stunning sites and web pages is hard without some page templates and layouts, so here’s what SiteOrigin and Elementor have to offer when it comes to design options:

SiteOrigin Templates, Layouts and Design Options

SiteOrigin Template Layouts

SiteOrigin Page Builder offers 26 pre-built templates that you can import and edit.

In the SiteOrigin Page Builder, you have Rows and Columns. Each row can include one or more columns. In addition, you can use the drag and drop interface to adjust how wide you want your content elements to be.

Unfortunately, there’s no option to save your customized pages as templates, but you can clone a page built with the WordPress page builder instead.

Elementor Page Builder Templates, Layouts and Design Options

Elementor Template Library

Elementor offers 200+ page templates compared to that. Most of these are available only in the Elementor Pro (check this post to find out if it is worth it). That leaves around 30+ templates in the Elementor Free.

Just like SiteOrigin, Elementor has two elements that you can use – Sections and Columns and you can adjust the width of the columns using the drag and drop functionality of Elementor.

Code Quality

Some page builders don’t follow the best practices when it comes to source code, so you’ll see a lot of web developers avoiding them.

However, a lot of WordPress page builders today are making big steps in improving their code quality and that includes SiteOrigin and Elementor.

So let’s take a look at what they’ll leave behind if you deactivate them.

Unfortunately, some specialized widgets will leave a code behind on SiteOrigin. For example, this includes the SiteOrigin Editor widget.

For most widgets, SiteOrigin will leave no shortcode behind.

On the other hand, Elementor leaves no code behind when you deactivate it and instead reverts to the regular WordPress editor.

SiteOrigin vs Elementor: Pros and Cons

Both SiteOrigin and Elementor page builders have a few things going for and against them.

Here are a few good and bad things users can expect from SiteOrigin and Elementor WordPress page builders:

Site Origin Page Builder Pros:

  • Plenty of add-ons
  • Regular updates
  • Works with the WordPress block editor
  • Email support
  • Compatible with a lot of WP themes and plugins

Site Origin Page Builder Cons:

  • It has very few front-end editing options and you’ll have to rely on the back end editor
  • The UI can be a bit complicated for beginners
  • Compared to some other page builders, the SiteOrigin page builder editor looks a bit dated

Elementor Pros:

  • 200+ pre-built templates (over 30 in the free version)
  • Mobile friendly
  • Works with almost every WordPress theme and plugin out there
  • Intuitive UI and design and easy to learn
  • Plenty of customization options
  • Active community, plenty of documentation and a helpful support team to help out page building newbies

Elementor Cons:

  • It could do with more styling options
  • It can be complicated to create custom widgets

SiteOrigin vs Elementor: Price Comparison

Are SiteOrigin and Elementor the best page builders for your wallet? Both offer a free version with a few basic features, but for more, here are the prices for premium versions of both WordPress page builders.

SiteOrigin Premium Pricing

SiteOrigin Pricing

SiteOrigin Page Builder offers three premium version plans to choose from. They have a yearly subscription or a single year license:

  • Single – $29
  • Business -$49
  • Developer -$99

SiteOrigin Premium has a 60-day full money-back guarantee.

Elementor Pro Pricing

Elementor Pricing

Elementor has a few more premium version plans (Elementor Pro) to offer compared to SiteOrigin:

  • Essential – $49
  • Advanced – $99
  • Expert – $199
  • Studio – $499
  • Agency – $999

Elementor also has a free version (Elementor Free) and a 30-day money-back guarantee on all Elementor Pro plans.

Final Verdict: Which WordPress Page Builder is Better for a Non Developer? SiteOrigin vs Elementor?

Which one is the best WordPress page builder?

SiteOrigin or Elementor Page Builder?

Or maybe another drag and drop page builder like Visual Composer, Divi Builder, or Beaver Builder?

It depends on what kind of website or landing pages you want to create.

SiteOrigin Page Builder offers:

  • Front end and back end editor
  • The custom post type builder
  • Ability to use custom CSS

Here’s what Elementor offers:

  • More templates, layouts and design options
  • Better front-end editor, with an inline text editor
  • And more widgets (especially with the Elementor Pro)

Our vote goes to Elementor as the more established name among WordPress page builders. Also, we think that Elementor has more useful features to offer, both in the free and the premium version.

However, you won’t make a mistake with either of the two.

Now let’s hear your thoughts on these two page builders. Have you used either SiteOrigin or Elementor? Which page builder do you prefer? Why?

Photo of author

Article by:

Saksham Kumar

WordPress developer, SEO, and content manager at Siteefy. Saksham is responsible for conducting deep research and analysis, reviewing WordPress-related products, and writing his own posts.

Leave a Comment

Design Your Website For FREE with Elementor!
Create your website with the #1 visual website builder for WordPress now!
30+ Templates Included FREE