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

Conclusion

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

How to Reset Your Apple ID Password: 5 Simple Ways

Forgetting your Apple ID means getting locked out of your Apple devices and services like Apple Music, iCloud, App Store, and more. But don't panic if you…

The Ultimate Guide to Cleaning Your Smartphone

We use our smartphones every day, so it's no surprise that dirt and debris can quickly build up on our screens, cameras, or connection ports. If your…

7 Ways You Can Help Your Fitbit Last Longer

Unlike many pieces of technology, fitness trackers such as the ones from Fitbit are often built to be durable. However, you still have to make a conscious…

The Best AIO Coolers to Keep Your PC Cool in 2024

All-in-one (AIO) coolers let you add new features to your home or work PCs while still preventing them from overheating or fan damage. AIOs are highly efficient…

How to Use FaceTime on Android

Although FaceTime is exclusive to Apple devices, you can still participate in FaceTime calls as an Android user if an Apple user invites you. Below, we'll teach…

The Best Wi-Fi Cards for Your PC in 2024

A Wi-Fi card is a cost-effective way to add or upgrade wireless connectivity on your desktop PC. These PCIe adapters offer varying performance and features based on…