How to Create a One Page Website Using Flatsome WooCommerce Theme

A one-page website is a trendy thing to do with your website and it’s an easy process to create a one page website if you follow this tutorial. It’s a web app that loads only a single web page and updates the content of that page so that you don’t need to go to another page of the website. Nowadays, these types of websites are popular among users. If you’re a Flatsome user, we’ve good news for you! You can create a one page website using the one-page theme for WordPress in Flatsome very easily. 

One-page websites are advanced, made with the latest technologies, and give users a dynamic experience. If you’re working with a Flatsome theme, creating a one-page website will be just a piece of cake for you! You don’t need to put in any extra effort, Flatsome already did the heavy lifting for you. All you need is to follow those 10–steps to start with your first one-page website. 

How to Create a One Page Website Using Flatsome WooCommerce Theme

Step 1: Go to the Dashboard, hover the pointer on the Pages, and click on Add New.

adding a new page in wordpress

Step 2: A new blank page will appear. Type a title, for demonstration we’re typing One Page Website. On the right side, you’ll find the section Template, from there, select Page- Full Width. Then click on the button Publish.

setting up a new page in WordPress

Step 3: Then click on Edit with UX Builder.

edit page with ux builder

Step 4: After that, the UX builder will be opened. Click on the Add elements on the top left side to add a new element. 

add element in ux builder

Step 5: Click on the Flatsome Studio to import the template from it.  

using Flatsome studio

Step 6: You’ll find a page full of templates. Click on the Full Page option to select a single-page template. 

searching templates from Flatsome studio

Step 7: Hover the pointer on a template you want to use, then click on Import

importing Flatsome one page theme template

Step 8: Now, the page is imported. You can customize your website using the options on the top left side. Click on the Update button to update the site.

customizing the template from Flatsome studio and updating it

Step 9: After updating, go to the Dashboard, hover the pointer on Settings, and click on Reading.

WordPress setting reading

Step 10: A new page will appear. Select A static page option, then in Homepage, select One Page Website. After that, click on Save Changes to save the setting. 

WordPress homepage displays a static page

Final Preview: Now, your site will look like this. 

one page website made with Flatsome


Congratulations on building your first one-page website! This is the fastest and easiest way to create a one page website using Flatsome. In case, you’re struggling, follow the steps properly to get the expected result. 

Flatsome updates its theme regularly, so any default option can be changed over time. If you face something different while following our tutorial, let us know. We’ll update the tutorial as soon as possible. 

Though using the template makes things easy, many users don’t prefer to use them. If you’re one of them, you can fully customize the website on your own using your coding skill. Besides, you don’t need to use this specific template, there are many available templates in Flatsome Studio from where you can use this. You can also try other Flatsome tutorials to being an expert in Flatsome. 

Hi, I’m Mohamed. I share delicious recipes that I have cooked and loved. I’ve been food blogging for over 10 years and have a Diploma in Nutrition. You will find many healthy recipes as well as my favourite comfort food on the blog because I believe in a balanced diet.

Related Posts

12 Best User Management Plugin in WordPress 2023

The user management plugin in WordPress makes it easier for site owners to control everyone who interacts with their blog or website. With an effective user management…

16+ Best Google Adsense-Optimized WordPress Themes

An AdSense-optimized WordPress theme is a theme made to run advertisements straightforwardly. A simple listing can contain pre-defined ad places. The clean design can also help improve…

How to Add Call to Action- CTA Button WordPress

Call to Action or CTA Button WordPress is one of the oldest marketing strategies for selling any product. You can use this method to provoke your customers…

Best 10 WordPress Translation Plugin 2023

WordPress comes in multiple languages at its core but doesn’t provide a translation process or multilingual options to run a website in multiple languages at once. That…

11+ Best Car Rental WordPress Themes 2023

A website adds many positive effects to the business, especially if you have a car rental or related business. Choosing a car rental WordPress theme to make…

How To Make Money From Google AdSense for WordPress

Do you have a WordPress-powered website and looking for an opportunity to earn money using it? If yes, you’ve come to the right place. In this article,…