- Ask A Freelance Blogger: How to Develop Your Blog’s Traffic? - June 19, 2022
- How to Gain More Website Traffic and Promote Your Blog for Free? - June 10, 2022
- How to Build and Promote a Blog on Social Media? (Practical Guide) - June 1, 2022
Last Updated on February 6, 2021 by Arif Chowdhury
If you want to start your own business online, then knowing how to build a website is an essential skill. In this modern era, we all search for information through online websites & blogs. Thus, having a professionally designed website for your business is an absolute necessity.
Now the question is, why do you need a One-page website? It’s simple, a One-page website is tremendously useful as a landing page. Perhaps, you do not want to show lots of information at the beginning, in that case, the one-page website is a perfect fit.
In this article, I will show you how to build a simple yet powerful & professionally designed one-page website without knowing any type of programming language including HTML, CSS, Java, etc. So, let’s get started.
Which Platform is Best for One-page Website Building?
Well, this is a matter of debate. As “best” is a subjective term, which completely depends on a person’s mentality, choice & needs. Still, I have selected some top website building platforms for you here.
For a full review, I suggest you read my review article. Here, you will be able to get an idea before you decide to choose which one is best for you.
Recommended Reading: Best Website Builder Platform for 2021 (Review)
Though I reviewed several top website builder platforms in this article, yet one platform I forgot to mention there. It is, Mobirise. This is completely free to use for both personal & commercial purpose & excellent for static one-page or multiple page website building. To download this, visit their website & if you cannot download it from official website then visit my Google drive to download it.
Basic Steps: How to Build a Simple Site & Host Online
First, I will show you how to build a very simple one-page site & download it. You may host this site to your local drive or host it online. If you are new to website building, then there are some basic steps.
Basic Step 1: Building Block – Headers
After download, install it. Login with your social media or Google account. You will see a ready-made sample website at the beginning. The good thing is if you are a newbie & don’t want to waste much time in building a website then edit this readymade sample to build your own.
Otherwise, you can add new blocks to your website. To do this, look at the right side + button. Here, you may see different types of building blocks for you to choose from. First of all, let’s talk about “Headers”. There are many free header blocks available for you to choose from. For example, I have chosen one & added it to the website. I have deleted other blocks as well.
Basic Step 2: Watch Preview & Download the Website
And finally, this is how it looks. Just click on the “Eye” preview icon to watch a live preview in your browser.
It took me just 60 secs to build this website. I didn’t edit anything though. Anyway, to host this website you have several options. You can download it in your local drive & host it there or, you can download it & host it in an online hosting provider through cPanel. To download the website, click on the “Publish” button on the top, then save it in your local drive.
As you can see, it is very simple & easy to do, even for a newbie who has no idea about programming language or never built a website before.
Basic Step 3: How to Publish Your Website Online
It is very simple, just visit your cPanel. Click on the “File Manager”. Then upload all the files. That’s it. Now you can visit your site to test it.
Advance Steps: How to Add Multiple Blocks & Make it Professional
If you are not a newbie & don’t want to build a simple site as I did above. Then, it is time for me to show you how to build an advanced one-page website without knowing any form of programming.
Advance Step 1: Add Some Advance Feature Blocks to Your Website
When it comes to advanced websites, we have to add professional looking blocks that we usually see on many websites. For example, let’s say you want to sell products online. In that case, choose some product blocks to showcase those on your website. To do that, click on the “Features” and choose blocks to add.
Though there are many options for you here. I just pick some blocks to give you an example. If you do not plan to sell products, then there are other blocks for you to choose from. If you have a project & want to build a site for it, then you have blocks for that purpose.
My suggestion is, try to add some blocks first, then test out how it looks. Play around with it for some time, soon you will be able to get a clear idea of how this works.
Advance Step 2: Add some Images & Videos to Make It Professional
Without beautiful, stunning images & videos no website will look professional. It is the core element of your website. To add some images & videos, click on the “Images & Videos” on the right side & choose blocks that suit your needs.
There are sliders & gallery blocks available for you to choose from. If you want to showcase your images, then it is very useful.
Advance Step 3: Add Latest News & Blog to Your Site
Though you do not need a blog section for a one-page website, however, you certainly need the latest news section on your site. You can create some extra pages to showcase the latest news & link back to your homepage.
To build the latest news section head to the “Content” menu. Here are some other blocks for you to write news & articles. But, first, you need to create some extra pages, to begin with. How to do it? Simple, just hover your mouse pointer on the left side & you will see the “Page” section. Here, you can create any amount of new pages for your website.
However, if you do not want to build a multiple page website then skip this part.
Advance Step 4: Add Team Information & Testimonials
This could be another essential part of a one-page website. Without “Team” information & testimonials from your valuable existing clients, you cannot build a professional webpage. So, to do that, click on the “Testimonials” on the left. From here, you can pick some awesome professional-looking blocks according to your needs.
This is readymade blocks, so no need to do anything except editing the text & adding some images. The same goes for testimonial blocks. Add some inspiring comments from your existing clients.
Advance Step 5: Add Contact Address & Google Map
Adding contact information is a vital part of your website. You have several professional-looking contact blocks in your hand. Just choose one whichever is best suited to your needs. Then edit those texts. You can add a Google map as well to showcase your company office address on the website.
Advance Step 6: Add a Social Media Sharing Block
For mass awareness, social media marketing is an essential method. It is a wise decision to use a social media sharing block at the end of your one-page website. Connect your Facebook, Twitter & other social media accounts to it.
Without a footer, no website will complete. To complete your website, I suggest you add a professional-looking footer. You are lucky that you won’t have to do anything except drag & drop to add it. In most of the cases, especially in the WordPress website, you had to buy an expensive premium theme to get all of these, while by using Mobirise you are getting it all for free.
Anyway, just select the Footer section and add it. However, for this one-page website try to select a small footer as you do not have other pages to link with.
That’s it. A full professional looking one-page website has been created. Just download it & open using a browser. Take a look at it, to build this one-page site, I needed only 20 minutes. Of course, I didn’t add or edit any information. But even after doing all this, it wouldn’t take much time. You should be able to build & run your one-page site within a matter of 2-3 hours.
Mobirise is one of the best free site builders available online. You can use other site builders as well if you want. But, for newbies Mobirise is best. There is one drawback that exists though, that is – you cannot build a blog with it. Every time you have to create a new page for your new blog post. Even after that, there is no login option available. This means you have to create & upload the entire website every single time you want to publish a new blog post.
Therefore, as you can see, this webpage builder is not idle for a blogging site. You have to create a static multiple-page or single page site with it.
The one-page website is idle for a landing page to draw the audience’s attention. If you have a consultancy business, then you can create a one-page website to showcase your team & expertise. Finally, the main advantage you are getting by using Mobirise is that you do not have to learn the programming language, no need to know anything about web development as well. Just follow my detailed guide & build it.