How to make a website without knowing how to code

Nowadays, you can make websites without knowing how to code at all. You can even make really good websites with little effort.

There are a lot of tools out there to help you build websites without coding. When you know the recipe you can apply it to other similar tools. Today I'll show you how it's done with Google Site then I'll give you other good options to choose from.

Before we start, let me tell you what kind of websites you can make with these tools. Website to provide your company information, websites to sell your products, blogs, websites for your organization,... basically all kinds of websites to display images, texts, audio, information.

What kinds of websites you can not build using these tools? Websites that highly customized for specific needs like websites to convert video extensions, websites to make QR codes,... kinds of websites providing tools.

This is a demo site I made within 10 minutes: https://sites.google.com/view/ght-coin/home .

1. Create a Google account.

First of all, you need a Google account, you can sign up by click here, just fill in the required information it's really easy, if you already have one then you can go to the next step.

2. Create a site

Now login to your Google account and go to Google site. 

Click Blank to start a new site

Name your site:

3. Start building your site

Take a look at the tools provided on the right side.

Tab Insert provides elements for you to insert to a page like images, texts, buttons,...

Tab  Page is where you can manage your pages, create, delete, update pages.

Tab Theme provides pre-built themes for you to choose, themes are a set of fonts, colors,... for your sites. You can ignore it by now.

3. Create pages.

As you already know, a website contains many pages.

Click on tab Pages you should see a Home page, from here you can create more pages by clicking the Add button at the bottom.

I am going to create a new page call Products.

As you can see after you hit done, the page is created and appear at the top of your site, this area is called the navigation bar. When you create more pages they will automatically appear on this bar.

If you want to create pages under a page, click on the options button (the triple dots) and click Add subpage.

Follow the same procedure, I created a page called Cake, and you can see it appear under the Products menu

 
You can drag and drop pages up and down to reorder the navigation bar.

4. Add content to your pages.

Now you know how to create pages, let's add content to your pages.

Click on the page you want to customize, make sure it's highlighted not grey out.

I am going to add products to my Products page.

After selecting your page, click on tab Insert to start customizing it.

I am going to add 3 products so I click on the corresponding picture on the Layouts sections. You can add texts, pictures, buttons, calendars, maps,... it's up to you.

After clicking here and there, upload some pictures, write some texts, here is my Products page. It's really easy to understand these components, just play around and you will know how it works.

I created 3 subpages under the Products page to provide detail about my cakes.

Now I will link these pages to their corresponding cakes on the Products page.

Click one or two times on the item you want to insert a link until you see a bar appear on top of it, click on the Insert link button and choose your link. You can choose a page on your site or add a link from another site, remember to click Apply after you are done.

Now click on the preview button on the top bar to see what you have built so far.

Click Exit preview on the bottom right to return to your site editor.

Click on your Home page, at the bottom click add Footer. Normally in the footer, you can add your site name, contact information, address,...

5. Publish your site.

People can not see your page until you publish it. At the top bar click on Publish. Fill in your web address and click Publish. Don't tick on Request public search engines to not display my site, otherwise, people can not google your site.

It's ok if you can not find a good address because  I will show you how to add a customized address later.

In the future, if you make any changes to your website, you need to publish it again to update your site. It might take a few seconds for the update to take effect so keep refreshing (press F5 or CTRL + F5) your site until you see the update.

If you don't remember the address of your website you can click on the dropdown button next to the Publish button and click View published site, it will take you to your site.

6. Custom web address.

If you want a more beautiful, professional address for your site, you can use the Custom domains function which I will be posting on a separate post because this post is already too long.

Please click here to see it.

Conclusion

That's it, you have created a beautiful website without coding at all.

Google site is free, if you don't like it, you can use other similar products like WordPress, Wix, Squarespace, ...

Hope you have a good time building websites, if you have any questions, please comment on this post.

See you in the next post.