How to Build a Simple One-Page Website (Mini-Handbook)

how to build a one-page website
Follow Us

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 2020 (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.

1st step, how to nevigate Mobirise webpage builder platform

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.

When you want to build a professional looking one-page website start using Mobirise, it's a simple & powerful software

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.

You can watch live preview of your one-page website with a single click.

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.

Download your website & host in your local drive to test it. You can upload it to your online hosting platform through cPanel as well.
simple one click download of your website. You can backup this files to your local drive as well.

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.

Simply upload your website files to your online hosting platform through cPanel. Open file manager & upload these file. That's 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.

add various feature in your website by simply drag & drop. Without knowing any type of programming language.

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.

choose some of the website building blocks to make it more professional.

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.

add various images & videos in your website like a professional without needing to know any programming codes

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.

though you can create article & news content with some content blocks still Mobirise is not a blogging platform

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.

creating additional pages is easy. You can create as many pages as you want.

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.

You can easily add testimonials from your clients and add to your one-page website. You can show your team expertise & skills as well.

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.

adding contact information & Google map in your website is easy as 1-2-3

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.

add social media sharing buttons in your website

Advance Step 7: Add a Professional Looking Footer to Complete 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.

add professional looking footer at the end of your one-page website to make it complete

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.

Conclusion

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.