How to Install Flatsome WooCommerce Theme Like The Official Demo

If you are looking for an elegant WooCommerce theme with lots of design options, Flatsome is definitely an ideal theme for you. You don’t need to hire a developer to install a Flatsome theme for your website. You can do it on your own

Moreover, you can use a multipurpose eCommerce theme to create your online store. You’ll surely enjoy all the flexibility and features of this WordPress theme.

A complete step-by-step video guide to installing the Flatsome WooCommerce theme –


Install Flatsome Theme Like The Official Demo

Flatsome can be used as a multipurpose theme, but it was primarily designed to integrate with the WooCommerce plugin to run eCommerce sites.

The theme displays a shopping cart icon in the header by default. Also, the theme has many options that make it easy to show off all your WooCommerce store products.

Let’s get started with the tutorial:

I hope you have already downloaded the Flatsome theme on your computer. If you haven’t purchased it yet, buy it now and follow the given steps.

Head to Themes under the Appearance section. Click on the Add New button to upload a Flatsome theme.

add flatsome theme

You’ll get the Upload Theme option by clicking on the Choose File option and clicking on Install Button after uploading your Flatsome theme. Make sure you have uploaded the latest version from Themeforest.

upload flatsome theme

Sometimes the theme installation could fail because of the lower upload file size limit. To avoid such circumstances, I recommend you to follow the PHP configuration limit.

If you are using managed hosting, you can ask your hosting service provider. They’ll set it for you.

active flatsome hteme

After installing the theme, no click on the Active button.

Setup Wizard

Once you have installed and activated the Flatsome theme, you’ll be redirected to a Setup Wizard automatically. That will walk you through the process of getting started.

For now, if you want to skip the wizard, you can restart it any time from the Setup Wizard Option under the Flatsome menu of your dashboard.

wizard flatsome

In the next step, add the code in the purchase code field. The code you got after buying the Flatsome theme.

Now you can give your desired name for your Child’s Theme. By default, the name is Flatsome Child. If you are satisfied with this name, just click Create and Use Child Theme button. If you don’t want to install the child theme, you can do it later following this tutorial to set up the child theme.


You can check whether your child’s theme is created or not. Head to Themes from the Appearance menu of your WordPress Dashboard.

The next step of the setup wizard will ask you to install several plugins.

You can add or remove plugins from your WP dashboard later on. Here you’ll get the step-by-step tutorial on how to install WordPress plugins.


Now the setup wizard will ask you to create demo content. If you are installing the theme on a new website, this could be useful to set up your site in the Flatsome theme demo. 

You can edit and customize it from the content. However, if you are using an existing website, you can skip the test. Please note that some of the demo content may not work if you haven’t installed all the required plugins.

But you can skip those steps and choose which one you would like to install later on from the dashboard. Because the theme will function without them. That means you are allowed to use an alternative.


Now you can upload your logo of any size. It will expand to fit the header and choose a preset website design.

upload logo

Click on Agree and Continue button, and the theme will be activated. That means your website will be ready.

agree adn continue

If you head to Customize under the Appearance menu, you’ll notice a lot of options to customize your site looks.

flatsome appearence

Flexible and Custom Options

You have the flexibility to adjust your website’s default layout, colors, typography, etc. There are more than 700 Google fonts and unlimited color options for you to choose from.

The layout, content of the shop’s category, cart, checkout pages, product, etc., can be customizable. The header and footer are also customizable. There are lots of other features you can check in the theme. 

Support and Documentation

Head to Help & Guides under the Flatsome menu to access the documentation and support.


Lastly, there is no doubt that the Flatsome theme is highly customizable. It has a huge number of options available for customization. 

If you need more tutorials on Flatsome theme or WooCommerce, let me know in the comment section. I’ll write the next tutorial for you.