SiteOrigin Vs Elementor Post

SiteOrigin Vs Elementor: Who is The Winner?

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

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

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.

🛠️ Check the complete list of WordPress Page Builders here ➡️

Elementor vs SiteOrigin Page Builder Overview

👉 SiteOrigin

SiteOrigin Page Builder

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

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

👉 Elementor

Elementor has been on the market since 2016 and can today boast an impressive 5+ million active installs on

Elementor Page Builder

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.

You can create websites without having any coding knowledge with the Elementor page builder. It’s easy to use and has many features that will allow you to get what you are looking for quickly!

Elementor Pro Showcase

See the real websites built with Elementor Pro

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 User Interface

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.

SiteOrigin Backend Interface
SiteOrigin Backend Interface

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.

SiteOrigin Live Editor
SiteOrigin Live Editor

Compared to Elementor, live editing on SiteOrigin feels quite basic.

⚡ Check also: Brizy vs Elementor

Elementor User Interface

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. So, it’s a 100% WYSIWYG WordPress front-end editor.

Elementor also has real-time “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 27 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
Elementor Widgets

On the other hand, Elementor offers about 30 widgets in the free version and 100+ more in the Elementor Pro, so considerably more than SiteOrigin does.

⚡See the full list of all Elementor widgets here ➜

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. However, when we last tested the templates (for the purpose of writing this article, as a part of our testing process) – many of the templates loaded incorrectly or did not work at all!

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

🔥See all Elementor Templates (live demos) here

Elementor Template Library

Elementor offers 100+ full website kits compared to that. Most of these are available only in the Elementor Pro. That leaves around 30+ templates in the Elementor Free.

Just like SiteOrigin, Elementor has two layout 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.

⚡ Check also: Divi vs Elementor

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 (Premium)
  • Regular updates (Premium)
  • Email support (Premium)
  • 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:

  • Leading WordPress page builder that contstantly grows and gets better
  • 100+ pre-built full website kits (over 30 in the free version)
  • Mobile friendly & completely responsive
  • Works with almost every WordPress theme and plugin out there
  • Intuitive UI and design and easy to learn
  • Plenty of customization options
  • Additional tools like Elementor Popup Builder and Elementor Form Builder
  • Active community, plenty of documentation and a helpful support team to help out page building newbies

Elementor Cons:

  • Learning curve
  • Interface not as user friendly as expected from an editor of this level

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. Learn more about Elementor’s refund policy here.

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 many 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?

🎨 Check the ultimate Elementor review here ➡️

🔔 Check also:

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.
0 0 votes
Article Rating
Notify of
Newest Most Voted
Inline Feedbacks
View all comments
Minhal Siddiqui
Minhal Siddiqui
1 year ago

Can pages created with SiteOrigin Page Builder be edited using Elementor, and if so, how?

Nick Huss
Reply to  Minhal Siddiqui
1 year ago

Yes, pages created with SiteOrigin Page Builder can be edited using Elementor. To do this, follow these steps:

– Install and activate the Elementor plugin if you haven’t already.
– Open the page you want to edit in your WordPress dashboard.
– Click on the “Edit with Elementor” button, which should appear near the top of the page editor.
– Elementor will attempt to convert the existing SiteOrigin content into its own format. This process may not be perfect, so you may need to make some adjustments to ensure the layout and design are preserved.
– Edit the page using Elementor’s visual editor, and save your changes when you’re finished.

Please note that switching between page builders can sometimes cause issues with formatting and layout, so it is recommended to create a backup of your page before editing with a different builder.

Would love your thoughts, please comment.x
Skip to content