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. 

Subscribe To Our Newsletter!
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

Fintech’s biggest hits and misses of 2023

As 2023 comes to a close, we’re here to look back at the biggest fintech stories of the year. Silicon Valley Bank’s implosion felt like a fintech…

It’s critical to regulate AI within the multi-trillion-dollar API economy

Alex Akimov Contributor With two decades of tech leadership experience, Alex Akimov, former head of API at Adyen, now revolutionizes embedded finance at Monite by building best-in-class…

EU’s provisional deal on gig worker rights fails to get enough backing from Member States

Not so fast on that Christmas present for precarious gig workers in the EU: A political deal announced mid month, which aims to bolster platform workers rights…

Arduino exploring India manufacturing to limit counterfeit sales

Arduino is considering manufacturing in India. The startup, best known for its open source microcontroller boards, hopes to restrict the rise of counterfeit boards and cater to…

Top robotics names discuss humanoids, generative AI and more

Last month, I took an extended break. In a bid to keep my robotics newsletter Actuator (subscribe here) up and running, however, I reached out to some…

Pornhub owner pays US government $1.8M to resolve sex trafficking probe

Pornhub’s parent company Aylo Holdings will pay $1.8 million to the U.S. government to resolve a charge of profiting off of sex trafficking. The company, formerly known…