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
- User Interface: Elementor vs SiteOrigin Page Builder
- Widget Comparison of Elementor and Site Origin Page Builders
- Layouts and Design Options: SiteOrigin vs Elementor
- Code Quality
- SiteOrigin vs Elementor: Pros and Cons
- SiteOrigin vs Elementor: Price Comparison
- Final Verdict: Which WordPress Page Builder is Better for a Non Developer? SiteOrigin vs Elementor?
Elementor vs SiteOrigin Page Builder Overview
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 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 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.
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 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 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.
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
- 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
- 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 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 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?
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?