To be honest, I put this off for awhile. I have been using Thrive Architect for quite a long time now. I really love the software. In fact, I'm writing this very post with Thrive Architect.
But, I've known about Elementor. It looked pretty nice, too. In fact, it had a lot of similarities (at least visually) with Architect. So much so that when I first saw Elementor, I thought it was a rip-off of Architect. (Note: It definitely isn't, but there are interface similarities).
Since I am such a massive fan of Architect, I thought it was only fair that I permit a challenger. If I'm going to continue to promote Architect to my readers, I cannot do it in a vacuum. Is Architect truly the best?
And so, with that in mind, I decided to install Elementor. And to make it a fair fight, I picked up Elementor Pro to bring on all the commercial add-ons so that it will be a fair comparison to Thrive Architect.
I wanted to see what the differences were.
So, let's dive in...
Table Of Contents
- Installing Elementor Pro & First Impressions
- Heading Into The Elementor Editor
- Building Landing Pages: Architect Vs Elementor
- Pre-Designed Content Blocks: Architect And Elementor
- Theme Building: Architect And Elementor
- Expandability: Architect Vs Elementor
- Who Architect Is Right For... And Who Elementor Is Right For
- Can You Run Thrive Themes And Elementor Side By Side?
- The Final Comparison
Installing Elementor Pro & First Impressions
Right away, there's a difference in terms of pricing...
Thrive Architect is part of the Thrive Suite at $228/year. As I've talked about before, their membership is really the best deal since you get everything. However...
Elementor has the core plugin available for free. Then, if you want the PRO add-on (and you will if you want anything even remotely close to what Architect provides), then a single site license is $49/year.
So, there's a definite difference in pricing here. You will need to pay more to get access to Thrive Architect, but you're actually getting an entire suite (along with their Theme Builder platform) and it is, honestly, a freakin' awesome deal. Elementor Pro is cheaper, but you're only getting Elementor and nothing else.
I picked up the cheapest $49/year plan for Elementor Pro. I'm non-committal at this point so I didn't want to fork out more money than necessary. I then activated Elementor Pro (which is a separate plug-in) and I was good to go.
One thing I noticed is that Elementor seems to have a more native visual integration with WordPress. For that reason, the backend interface does seem faster than Thrive Themes.
When you use Thrive, you control settings via the Thrive Dashboard.
Thrive's interface is nice, but it isn't native to WordPress. For instance, when you click on one of the options screens, you get this little green spinner icon onscreen while it loads up. That is all custom by Thrive Themes. So, the interface is nice and perfectly functional, but not native.
The various settings screens for Elementor look like they are a native part of WordPress, using WordPress's own admin styling.
In the settings for Elementor, you have several global settings that you can change all from one spot. For instance, under "Style", you can control your default font, content width, mobile responsive width breakpoints, etc. Some of the settings available here are much more nerdy than you ever see with Thrive. My inner nerd appreciates it, however I could easily see how some of this will fly right over the head of the average WordPress user.
One thing I did notice is that Elementor has the ability to output custom CSS to external files. This is actually better for performance. Thrive Architect, on the other hand, embeds all the CSS inline in the source code of the page - and that does result in a larger code footprint for the page.
Let's dive into the actual editor.
Heading Into The Elementor Editor
So, I create a page and I open it up in Elementor to have a look around:
One little thing I noticed is that Elementor opens up in the same window. In other words, the main WordPress admin panel goes away to show Elementor. With Architect, it opens up in a new tab, therefore allowing me to simultaneously access the rest of WordPress. I personally prefer the way Architect does it, however I admit it might be because it's what I am used to.
As expected, it is using the default page template as defined by my theme (which, ironically, was a Thrive Theme). I see the box there telling me where I can drag any page element.
Right off the bat, it is clear that there are visual similarities between Thrive Architect and Elementor. The way Elementor lists the different page elements is very similar. One key difference is how Elementor packs everything onto one side of the screen while Architect has both a right and left panel. You use tabs and menus to access different sections in Elementor.
The Elementor editor has way more available page elements that can be dragged in than does Architect. However, it can also be deceiving because some things are duplicated in ways that seem unnecessary. For instance:
- There are 5 different components dedicated just to Facebook elements (like a share button, embedding a post, etc.)
- A separate element for a shortcode. In Architect, just drop it into a text field or custom HTML field and it works.
Overall, no big deal. It is clear that you have a lot of power and flexibility with Elementor. There are some nice page elements that do not exist in Architect, such as:
- Price List. Looks kind of like a restaurant menu. It could definitely be built with Architect, but much more manually.
- Spacer. Just to put vertical spacing between elements. Again, can be done with Architect, but just differently.
- Login. For inserting a login form.
- Flip Box. Basically, a formatted content box that flips over when you hover over it. Interesting.
- Media Carousel
One thing that (for now) separates Elementor out from Architect is the deeper integration with actual theme elements. For instance, there are draggable elements for things like the post title, author box, feature image, etc. There are also draggable elements for WordPress widgets and various WordPress taxonomies.
Another nice touch in Elementor is that right-clicking on any element brings in a contextual menu allowing quicker access to settings for that page element.
The more direct integration with WordPress itself is also handy for allowing fast access to certain settings not usually accessible via Thrive Architect. Here's an example...
Let's say I'm editing a blog post with Architect. I want to change the feature image for the post or the title of the post. Architect is only for editing the content, so I have to go back to WordPress to edit that information. This isn't a problem, however, since Architect opens in a new browser tab while Elementor takes over the interface.
In Elementor, I can click the settings icon down at the bottom and access the direct settings of the page or post I'm working on. And editing it changes it in real-time on screen. It's a little thing, but handy.
Overall, Elementor has everything you'd want in a solid editor. There are some differences from Architect. Some are things I think are better than Architect. Some I think Architect is better.
Things I Think Are Better About Elementor:
- More direct integration with WordPress itself, allowing to pull dynamic data from WordPress (like widgets) into the page
- The color of the overall editor is responsive to your operating system. Since I was running in "dark mode", my interface was in dark mode as well.
Things I Think Are Better About Architect:
- Some editor functions are just faster and more intuitive. For instance, margins and padding in Architect use a visual interface that you can easily and intuitively drag to expand and contract. In Elementor, it is all numerical.
- Architect is faster in that it takes less clicks to get to various settings. The contextual menu to edit settings on any element is just one layer deep, providing quick glance and access to all options. In Elementor, it is divided up into Content, Style and Advance. Settings are split between them and it therefore takes more clicks to find what you want to edit.
- Editing straight text and accessing formatting is faster in Architect. You just edit in the main interface. Simple. With Elementor, text strangely appears over in the toolbar. To format anything in the main editor requires extra clicks to pull up the toolbar.
- The Navigator for quickly skipping around the document is MUCH easier with Architect. It is a simple hierarchal list of links at the top of the editor - and clicking on any one of them quickly selects that element in the editor. In Elementor, you have to open this up in a popup menu. And it gets in the way.
As with anything, then, there are pros and cons. There are things I really like about Elementor. There are things I definitely prefer about Architect.
Building Landing Pages: Architect Vs Elementor
We've covered the main editor interface. But, so far, I was looking at using it as an editor for content within the confines of the main theme.
What about when we go to make a full landing page? Something that looks much fancier?
Well, Elementor gives a lot of great options here. You have access to a LOT of pre-designed templates that you can use in the Elementor Library:
At first glance, it seems as if Elementor has more templates to choose from. However, I realize that is deceiving because it is only listing out single page templates, one by one.
In Architect, you have various template sets. And each set is grouped together with different purpose pages that all fit the same theme. Things like webinar pages, homepages, product pages, etc.
The template sets in Architect are also more marketer focused. They have built templates to act as shortcuts for the various types of pages most common for online marketers, like leadgen pages, webinar registrations, confirmation pages, etc.
Architect also has the Smart Landing Page templates which employ a number of global elements, allowing you to quickly change things across your site at the same time.
While Architect is more tuned to the needs of online marketers, Elementor has templates built for various kinds of companies. Elementor has some really great looking templates built in. To import and use one, you click the Insert button. But, then I was surprised by something...
When I import a full page template in Architect, is overrides the theme. Its just takes over. However, with Elementor, it tries to insert all that stuff into my default page template. That stuck me as incredibly stupid... until I realized that Elementor comes with custom page templates to fix this problem. When I went and chose Elementor Canvas as my page layout, the problem was solved.
This is actually quite nice. Elementor's better integration into the WordPress framework means that it comes with page templates to suite the 3 scenarios you might have for any page:
- You want to use a regular page template, perhaps with a sidebar and everything.
- The Elementor Full Width layout which has the header and footer, but everything else in the middle is controlled by Elementor
- The Elementor Canvas template which allows Elementor to control everything, without any header and footer.
This is a small thing, but kudos to Elementor for thinking of this. I had to create my own solution to this using Architect.
As I proceeded to play around with editing landing pages, more little annoyances with Elementor creeped up for me. For instance:
- Architect has an easy drag icon so you can move any element anywhere you want VERY quickly. In Elementor, there were multiple occasions where I couldn't for the life of me figure out how to MOVE an object. There seemed to be no way to select it in a way to drag it around.
- In Architect, it is VERY intuitive to drag and drop a new page element anywhere you want. Above a set of columns? No problem. Above a section? No problem. Yet in Elementor, it isn't nearly as intuitive to me. If I try to randomly drag a new object right above a set of columns, for instance, it simply will not work. It seems as if I am forced to create a new section for it. This is not very intuitive.
- In Architect, I can select a Background Section merely by clicking on it. With Elementor, I have to hit the little tiny button that appears at the top of the Section in order to access any of the properties. Just takes way more clicks to do anything.
Now, I realize that I'm used to the way of Architect does things. And it is possible that this shaped my expectations. I'm pretty sure that I would get used to Elementor over time and it would become second nature. But...
I've tested a lot of software over the years. To me... the editing experience in Architect is more intuitive and faster than Elementor. It is just faster to edit things. Faster to access things. It takes less clicks. It works more the way I would expect it to.
But, that's landing pages. What about content blocks?
Pre-Designed Content Blocks: Architect And Elementor
Content blocks are pre-designed page components that act as big shortcuts. It could be something as simple as a formatted box with text in it - all the way up to full page layouts.
And, as of this writing, there is no doubt... Elementor blows Architect away in this department.
Elementor has a colossal library of page blocks. Containing all kinds of useful page elements. Some of them are full page layouts, in fact. Some big time savers in here.
In Architect, this feature is young. The Content Blocks is sort of stuffed into the top of the toolbar where it does't feel like it belongs.
And when you go to add a Content Block, the library is not nearly as feature rich. There are a few basic page layouts, some podcast subscription boxes, some quote boxes, some calls to actions. Without directly counting, I would guess that Architect has maybe 10% of the blocks that Elementor does.
Now, I know that Thrive Themes is working on this. I fully expect this library to develop over time. But for now, Elementor definitely has the edge here. By a long ways.
Theme Building: Architect And Elementor
It is important here to note a pretty big difference between these two products.
Elementor has the built-in ability to control your site theme. It is a little limited (as you'll see in a bit), but it works.
Thive Architect alone does not have any theme-editing capability. However, Thrive Theme Builder obviously does. Theme Builder, in fact, absolutely blows Elementor away in every aspect. In order to get Architect, you have to get the full Thrive Suite and that includes Theme Builder. So, the Thrive Suite offers superior control over your full site theme. Way better than Elementor.
So, let's look at how Elementor handles themes...
Essentially, Elementor sets up a custom post type for theme components. And it is broken down by type: Header, Footer, Single and Archive.
The process of creating it looks kinda like this:
- Go to Add New, then select the template type. In addition to page and section templates, you can choose header, footer, single or archive.
- It opens up the Block library to that section. For instance, if you chose to create a header, you'll get the block library where you can insert any of the pre-designed headers. Choose one then insert it.
- The header (in this case) opens up in the Elementor editor for you to change it as you see fit.
- When you're done editing, you "Publish" it. You will then be asked to decide where you want it to appear. You use Conditions to determine where it shows up. You can choose to use it across the whole site, or you can get granular and select certain pages, categories, posts, etc.
- Save and Close.
Now, how does this work?
It appears to work through the use of WordPress hooks. So, for instance, if I built a header and the display conditions for it are correct, it will hook that header in and bypass the header provided by my theme.
Now, switching over to the Thrive Themes way of doing things...
If you have the Thrive Suite, then you also have Theme Builder. With Theme Builder, it actually IS the theme. Unlike Elementor that is attempting to bypass parts of your theme, Theme Builder actually is the full, native theme. And you're editing it with Architect.
The Thrive way of doing things is superior. Period.
Rather than me repeat myself on how Theme Builder works, you can read my full Theme Builder review here.
Expandability: Architect Vs Elementor
These two tools are very different when it comes to the ability to expand the editor past it's built in functionality.
Architect is expandable only within the Thrive Themes universe. The Thrive Suite is made up of several separate plug-ins and they work together seamlessly. It is a very capable suite of software, but it is not open to third-party development.
Elementor, on the other hand, provides the means for 3rd-party developers to expand on the capabilities with additional add-ons. A simple search within WordPress of the plugin library with "Elementor" as the keyword brings up 853 results.
There are just TONS of options out there to expand the capabilities of Elementor beyond what comes baked in. It really is pretty amazing.
Some add-ons bolt on more available page elements. Some actually make changes and add capability to the actual editor. Some provide some really great capability, like integration with other plugins.
Honestly, as a Thrive Architect user, it makes me a little jealous. 🙂
This expandability has led to a rather large ecosystem centered around Elementor. And it makes for an insanely flexible development and design environment.
Thrive Themes is just operating by a different set of rules. It is a bit of a walled garden. Their tools work together beautifully. Their tools play well with others. But, there's no 3rd-party developer ecosystem around Thrive Themes. And if I had to guess, I doubt that will ever change.
It is for this one reason that I personally also keep a license to Elementor - even though I vastly prefer Thrive Architect. There are indeed times when the integrations with 3rd-party plug-ins come in handy... and that's not something Thrive can provide.
Who Architect Is Right For... And Who Elementor Is Right For
If you've been following along on this long comparison, then it is pretty clear that these are both solid editors.
Architect excels in some ways. Elementor excels in others.
If one was expecting me to declare a solid "winner" here, you will be disappointed. So, I think what it comes down to most is: Who are you?
Thrive Themes as a company is primarily focused on online marketers. Their tools are optimized toward that purpose. The page elements available in Architect are intended for online marketers. If your primary goal is to build a site that has the primary goal of generating leads and making sales, then Thrive Themes is tailored to you.
Elementor is clearly no slouch. You can use Elementor to do the same things. But, it seems pretty clear to me that Elementor is a little more geared toward building more general purpose pages. If the goal is to build a high-quality online presence for a small business, or a portfolio site, or some other corporate site, Elementor seems to have more to offer. Especially when you look at all the available options as 3rd party add-ons.
If you were running an agency that builds websites for people who primarily run small businesses that don't focus on online marketing, then I think Elementor is a better fit. Certainly the pricing is better, since their $199/year plan means you can use Pro on up to 1,000 sites.
If I had to sum it up as simply as possible, it is this...
Thrive Themes is meant more for conversion-focused digital marketers. Elementor is meant more for people building more general purpose websites.
Can You Run Thrive Themes And Elementor Side By Side?
Yes. But, let me explain...
I personally see no reason to run Thrive Architect and Elementor at the same time. There is just too much feature overlap there and it seems redundant. It will work if you want to do so, but there's no need.
A more likely option is that you may want to use some of the other Thrive Themes plugins along with Elementor. For instance, Thrive Leads for list building, Thrive Quiz Builder, etc. And...
Yes, it works just fine. It is not nearly as seamless, however. Keep in mind, most of those Thrive plugins can output using a shortcode. So, once you get the shortcode, you can just plop it into your page using Elementor and it will work. Certainly, however, it is going to FEEL a lot nicer doing it all within the Thrive Themes environment.
The Final Comparison
Let's look at each tool and where it is better and worse than the other. A good old-fashioned duke out. 😉
Better Than Elementor
Worse Than Elementor
Even after trying Elementor and being impressed by several things with it, I am going to stick with Thrive Architect. I simply think it is a better page editor. Elementor is more clunky to me. I personally only use Elementor in places where the 3rd-party integrations are essential.
And lastly, let's look at where Elementor shines...
Better Than Architect
Worse Than Architect
Elementor is pretty impressive. I don't think the page editing experience is as nice as Architect, to be clear. But, I remain impressed with the degree of flexibility Elementor offers. If I were building sites for clients, I think it is a no-brainer.
After finally getting my hands dirty with Elementor and seeing how it all works, my conclusion is...
I am sticking with Thrive Architect. And I remain convinced that Thrive Themes tools are the better fit for my audience.
Thrive Themes is best suited for the digital marketer and anybody running a conversion-focused business primarily online. These are the kind of people who might look at things like ClickFunnels or LeadPages, but don't want to get tied into a higher monthly fee. Thrive Themes fits the needs of digital marketing... right on top of WordPress.
Since this is my audience, in a nutshell, Thrive Suite is the better tool. Architect is the better editor.
But, there's no doubt Elementor is quite powerful. If the site you're looking to build is for a small business, a photographer, a designer, as restaurant... or something where you need a well-designed online presence but leads and conversion on-site is not the primary focus, then Elementor is likely the better fit for you. If you run an agency where you build lots of client sites with WordPress, then Elementor is the better fit.
If you have any questions, don't hesitate to ask below.