TheGem vs Flatsome Theme comparison  💥
Flatsome vs TheGem, we compare these popular Wordpress themes on loading speed, the number of demo website and pages, the quality of the demos, the type of page builder they use and how well they are customizable. TheGem and Flatsome are both bestsellers of recent years.
THE-GEM THEME (Flatsome vs TheGem)
The Gem Wordpress Theme it is definitely worth taking a closer look at the theme and writing a review about it. The first thing you notice are the beautiful demos that the theme offers, these are separate and well styled. In total, the theme currently has a sloppy 70-in-1-click demo versions available (they call them creative concepts themselves). There are themes like Be Theme with 600+ demos but they are fairly easy to assemble, The Gem offers a much higher quality. The Be Theme has more sales and is even number 3 on the Themeforest market place. Apparently there are many people who choose the many demos while they can only install one. Anyway, let's talk about The Gem and have a look at some of their demos below.
With a good multifunctional theme, you literally have to be able to create any type of website in order to achieve maximum scores in our reviews. And after playing with TheGem, I can absolutely say it delivers what it promises. TheGem is the latest creation from CodexThemes, well-known in the theme world. I have to say this theme is really versatile. CodexThemes put together some demos for niches ranging from creative agencies to gyms, to restaurants and more. It is definitely a beautiful and functional theme.
TheGem main functions
- More than 70 homemade design concepts for different niches
- Templates for more than 400 pages
- Focus on performance
- Useful custom message types
- Beautiful designs
- Includes Bakery Pagebuilder and Revolution Slider
- Correct code formatting for page speed
- Multi-page and one-page ready
- 2,600+ font icons
If you fancy any of the more than 70 homepage designs, you can easily import all or a certain selection through TheGem's control-board. All you need to do is go to TheGem Import in your admin panel and the wizard will walk you through everything. As for the import process, it couldn't be easier.
Install of TheGem WordPress Theme
After installing TheGem, you must first install all required and recommended plugins. Once you've done that, your admin panel will look much fuller. In addition to all the new plugins, TheGem also gives you many custom post types.
As I mentioned above in this review, you can always import one or more of the 70+ pre-designed design concepts by going to TheGem Import. But if you don't want to use any of those design concepts, you have to go to the theme's customization menu.
Customize TheGem WordPress Theme
TheGem uses its own theme customization manager, not the WordPress Customizer. I understand why themes do this, but I always find it a bit frustrating that I have to keep previewing changes instead of seeing them in real time. I wish there was an easy way to move all relevant options directly to the WordPress Customizer. The admin panel is divided into ten categories.
In general, you set up basic information such as the layout and identity of your blog. There is not much to change outside of your logo and some information about the functionality:
TheGem review headers
Under "Header" you can set every detail of your site's header. This includes layout, alignment and design:
You have a large number of header options thanks to the dropouts with multiple styles. In "Fonts" you can set which fonts your site uses and how big it is. You can go through any class to customize every aspect of your fonts. TheGem has many Google Fonts, so you have plenty of stylish options. And if you want more selection, you can always import new fonts via the included Fonts Manager:
In the "Colors" section, you can set colors for literally every single element on your site. It would take a while to go through and adjust everything, but all options are there if you want them:
TheGem review backgrounds
Just as the name says, "Backgrounds" lets you customize the backgrounds for different parts of your site. You can choose solid colors or upload images.
Under "Footer" you can turn your footer on and off and set custom text. Again, not much about this section. I feel like there may be other valuable options here - like activating / deactivating social icons or links:
TheGem review contact & social
With "Contacts & Socials" you can add address and contact information, as well as links to social icons. These social icons can be displayed in both the header and footer. I have a feeling that this section could be placed in the Header and Footer categories, but a sneak peek of that.
TheGem review back-ups
In this TheGem review it should be mentioned that "Backup" is a wonderful tool to have in it. This allows you to export a backup of all your theme settings. That way, if you ever lose any theme settings, you can easily restore them with the backup feature. Essentially, experimenting with theme settings makes a low-risk action, since you can always fall back on the backup if you need to:
TheGem Custom Post Types
TheGem includes seven custom post types by default. These are:
Custom fields for posts and pages
TheGem contains a huge amount of custom fields for creating posts or pages. When you add a new post or page, you'll see plenty of options at the bottom of the screen:
You can set everything from video footage to custom clips to custom layouts. For example, if you want to move the sidebar for one post, you can do that with custom fields. If you want to add custom widgets to one post, you can do that too. These custom fields have a lot of versatility. You have plenty of new ways to customize your individual posts and pages with TheGem.
Included is the Bakery Pagebuilder
As I mentioned in the list of features, you also get access to the Bakery Pagebuilder for creating pages. Bakery Pagebuilder is not my absolute favorite page builder, but it is definitely a solid option and includes both front-end and back-end editing. Whenever you create a new page or post, you have the option to enter your chosen Bakery Pagebuilder editor view to create drag and drop designs:
TheGem review Elementor
The Thegem Theme now comes in 2 different versions for a price. That means that you can choose between the Pagebuilder who is used, WP Bakery PageBuilder or Elementor.
TheGem loading time - Good Google PageSpeed
I did my tests on TheGem's demo-site using Google PageSpeed Insights. The score was 84 on desktop without any caching or optimized images. I guess after have fixed those issues the theme would score about 90 on PageSpeed Insights, a very good score.
FLATSOME THEME (Flatsome vs TheGem)
There are many Wordpress themes that consider themselves as the best or perfect shopping theme. One of them is Flatsome. We will be reviewing the Flatsome theme. Let's start by looking at what other people thought of Flatsome based on the reviews they submitted. They received a rating from 5576 customers, an average of 4.80 out 5. This is a very high number and explains why the theme has been sold 206.754+.
Flatsome came on the market at the end of 2013 and we are not talking about a theme in its infancy, but about themes that have been improved for 7 years and that practically have no bugs for that reason. Also, such a theme will not be taken off the market quickly, so you can enjoy it for years.
Flatsome review: Woocommerce
So Flatsome is specialized in e-commerce and mainly in collaboration with Woocommerce, the most popular Wordpress plug-in for shops. My finding is that the theme indeed has a lot to offer in this area. It is even possible to style all product pages differently as shown below and checkout pages can also be adjusted via the CMS (no coding).
Other cool shop features that Flatsome offers are wishlist, sticky header, live product-search, unlimited forms. The goal of the builders of this theme was as much functionality as possible, which is as easy to operate as possible.
Flatsome review: Headers
Another feature that impressed me while writing this Flatsome Wordpress theme review is the ease with which one changes the header. Even more impressive is the header builder with which you build your own header within a few minutes, exactly how you want it. See the 2 photos below.
Flatsome review: UX Builder
Just like Avada has its own page builder called Fusion Builder and Kallyas its Zion Builder, Flatsome has its UX Builder. These are all very good page builders that are used exclusively in their own theme. Often with such page builders you can work almost as well as with the top page builders in the market, although there are clearly fewer options.
Watch a small video below to see how the UX Builder works. The video takes only 9 minutes.
Flatsome review: SEO
We're going to talk about SEO in this Flatsome review. Below is an image where Flatsome claims to be the fastest theme on Themeforest. I wonder if that is really the case because there are many candidates for that, but at least the theme has a good loading time. If you are looking for the fastest themes out there read my article about this topic.
Flatsome review: Elements
Like all premium themes, Flatsome is full of elements that you can use on your pages through their page builder. I am not going to list them all, by looking at the image below, you will immediately know everything.
Of course, Flatsome can do a lot more than I have listed here in my Flatsome theme review. Take a look at their own site if your interest has been piqued. Flatsome is one of the top themes today, especially for building shops. So it is well worth the money, incidentally it also has fantastic documentation and support.
Flatsome vs TheGem conclusion
First of all, thank you for reading this Flatsome vs TheGem comparison to the end. TheGem is 100% compatible with Elementor page builder which is great, Flatsome does its best to offer a good page builder itself which works nicely. TheGem is a multipurpose theme, where Flatsome for me is more specialized in the construction of webshops. Flatsome and TheGem load about the same speed. In case you want to build a webshop, choose Flatsome. In case you want to create a blog, corporate website or portfolio, take TheGem. Both themes are definitely worth their money, provided it is only for 1 single website.
In case you want to provide 2 or more websites with a theme, I do not recommend both of these themes because then it will be much too expensive, since a separate expensive license will be required for each website. In that case, you can much better use Astra or Divi as it will save you money for multiple sites. In addition, these latter themes are ranked higher in my top 10 themes for  than TheGem and Flatsome.