How TO CREATE A WEBSITE

1) Creating a Homepage In 2020, anyone can build and design a website without knowing anything about web development, design, or coding.

Whether you want to create a website for yourself or for your business, you can easily do that by using the right tools and resources.

This step-by-step guide will help you create a website from scratch without having to spend money for freelancers, agencies, or website builders.

All you need is 1-2 hours of your free time to complete the guide and set up a website.

         Things You Need In Order to Build a Website

• Domain (your custom web address, www.YourSite.com)
• Website hosting (service that hosts your website)

WordPress (free, commonly used website platform)

To build a fully functional website, you’ll need to secure a domain name (web address) and a web hosting account. These two make sure that your website is fully accessible to others. Without one or another, you will be unable to set up a website.

Once you have a domain and hosting, you can create a WordPress website. WordPress is the most popular website building platform that is being used by 35% of all the websites on the Internet.

Setting up a WordPress site is usually a simple, one-click process through your web hosting service.

Once you’ve finished the guide, you’ll have a fully working website online, on a custom domain name, and fully accessible by others.

    Step #1: Choose a Domain Name

In order to build a website, the very first thing you’ll need is a domain name.

The domain name is your website name and address. That address is used by visitors when they try to find your site through their web browsers.

Domain names can cost anywhere from $10 to $50 a year. The usual price tag is around $15.

If you haven’t registered or chosen a domain name for your website, here are some tips to help you out:

1.  If you’re making a website for a business, your domain name should match your company name. For example: YourCompanyName.com

2.  If you’re planning to set up a personal website for yourself then YourName.com can be a great option.

3. Use a “generic” domain name extension such as .com, .net or .org if your goal is international visitors. Use a “local” domain name extension such as .de, .fr, or .ru if your goal is country-targeted visitors.

Don’t worry if your preferred domain name is already taken. There are more than 300 million different domain names registered, but there are a billion other possibilities that are still available.

If you don’t have a domain name yet, there’s no need to register one.

We’ll show you how to get a domain name for free for the first year (step 2):

Step #2: Get Web Hosting and Register Domain

In addition to having a domain name, you’ll also need website hosting (web hosting).

Web hosting is a service that hosts and stores your website files (content) on a secure server that is always up and running. Without a web host, your site will not be accessible for others to read and brows

Affordable and reliable web hosting for new websites costs usually between $3 to $10 a month. Less than a cup of coffee, but an important investment for your website success.

Whichever web hosting company you sign up with, make sure it has the following features:

  1.  FREE domain name with SSL (for security)

2. One-click-install for WordPress (free)

3. Custom email accounts

4. Unlimited or unmetered bandwidth (no traffic limitations)

5. Customer support, preferably 24/7 live chat.

1) To get a web hosting account, simply visit Bluehost and click on “Get Started Now”.

2) Next, choose your web hosting plan (choice plus is fully unlimited, while basic is best for new sites):

3) Next, choose and register a domain name (free for the first year):

4) Once you’ve completed your registration process it will take a few minutes to get instant access, so you can start building your website right away.

  Step #3: Set Up WordPress Website (Through Web Host)

Once you have your domain name and web hosting ready to go, you’ll need to choose and install a website building platform (also known as CMS).

We recommend choosing WordPress since it’s easy to use and comes with thousands of free designs and add-ons that make your website look professional and unique.

Setting up your WordPress website is easy, and your web host mostly does it for you, so you don’t really have to get your hands too dirty.

If you don’t use Bluehost as a web hosting, don’t worry. Many web hosting providers have “WordPress install” located somewhere in the hosting cPanel. If you are dealing with a web host that doesn’t provide “one-click installs“, try setting up WordPress manually.

1) Installing WordPress Website on Bluehost.

1. Log in to your Bluehost account

2. Click on “My Sites” and then on “Create Site”Bluehost My Sites screen when learning how to create a website

3. Provide some basic information about your site, and the WordPress installation will start. It will all happen on autopilot.

4. When the setup is done, Bluehost will show you the installation and login details. Be sure to save this information somewhere safe.

2) Test Your Website By Typing in Your Domain Address

With WordPress installed, what you should do next is test if everything works.

The easiest way to do that is to type in your domain name into the web browser.

With WordPress correctly installed, the thing you’ll see is a very basic website like this:

How to create a website: Fresh WordPress Install

If this doesn’t look too attractive, don’t worry, you’ll soon learn how to change the design to something more appealing.

3) Verify SSL/HTTPS Settings

In short, an SSL certificate makes sure that your website is delivered to your visitors securely.

Bluehost automatically adds an SSL when you create a new website or install WordPress. To check your site’s SSL status, do these steps:

Log in to your Bluehost portal

Click on “My Sites”

Find your site and click on “Manage Site”

Go to the “Security” tab

Under “Security Certificate,” you will find your “Free SSL Certificate” status

If everything went well, you should see a lock icon next to your domain name in the web browser.

It may take a few hours before the SSL is set up completely, but that shouldn’t stop you from continuing to build your website.

     Step #4: Customize Your Website Design and Structure

With your bare website alive and kicking, it’s now time to make it feel more like your own by picking a nice design, customizing it, and adding branding elements.

Starting with:

    1) Choose a Theme for Your Website

 WordPress themes are out-the-box design packages that change the way your entire website looks like. WordPress themes are interchangeable – you can switch from theme to theme easily.

Most importantly, there are thousands of free and paid WordPress themes available on the web.

popular wordpress themes

If you want to get a free theme – which is where most people like to start – the best place to go is the official theme directory at WordPress.org. Particularly, the section for the most popular themes.

All themes you see there have proven to be of great quality and have large user bases behind them.

You are free to browse through that list and pick any theme you fancy but to speed things up for you in this guide, we recommend Neve. It’s a versatile theme that comes with a handful of starter sites (design packages for different niches and types of websites).

We’re going to use that theme in this guide going forward.

Step #5: Add Content/Pages to Your Website

Pages are the essence of your website. It’s hard to imagine a website without any pages on it, right?

From a technical point of view, a web page is just a document on the web. It’s not very different from your traditional Word document apart from it having your website’s branding elements such as the header and footer.

Web pages are easy to create in WordPress. But before we get into the how-to, let’s discuss what pages you should create in the first place.

Most websites will find the following pages essential:

       1.  Homepage – it’s the first page that your visitors see when they go to your website

2. About page – a page explaining what your website is about

3. Contact page – a page letting visitors contact you

4. Blog page – a listing of your most recent blog posts; if you’re not planning on blogging, you can use the blog page as a place for your company news and announcements

5. Services page – if the website you’re building is for a business, use this page to showcase your services

6. Shop page – for companies that want to launch an eCommerce store

7. Many of the pages above will be very similar in structure – the only difference being the content on the actual page. Basically, once you learn how to create one page, you’ll know how to create them all. With that, there is some nuance here, so let’s now cover how to create a couple of basic types of pages:

             1) Creating a Homepage

     

If you’re using Neve, your homepage looks something like this:

Homepage

You can edit the structure of this page as well as the elements on it (all texts and images).

To do that, just click on the “Edit with Elementor” button in the top bar. 

edit with Elementor

What you’ll see is the interface of the Elementor page builder.

How to create a website: Elementor

Elementor is what we call a visual page builder. This means that you can click any element that you see on the page and edit it directly. For example, if you want to change the main headline, just click on it and start typing. 

headline type

If you take a look at the left sidebar, there’s a whole customization panel there. You can adjust the structure and the styling of any content block. For example, here’s what you can see when working on the headline: 

headline style

Another cool thing is that you can grab onto any element on the page, and drag-and-drop it somewhere else.

Elementor blocks

To add new elements, click on the small square icon in the top left corner.

You’ll see a list of all the content blocks available.

Grab any of the blocks and drag it onto the page’s canvas.

The best way to work on your homepage is to go block by block and edit the demo content that’s on the page.

Type in new text content, realign some of the blocks, delete the ones you don’t need, and add new ones accordingly.

This whole interface is quite intuitive to use, so just spend an hour or so using it and experimenting with different things.

        2) Create Pages Such as “About”, “Services”, “Contact”

 Creating classic web pages is even easier to do in WordPress than working on your homepage. Go into “Pages → Add New.” You’ll see this interface:

How to create a website: add page

Every page needs a title, so start by adding one where it says “Add a title.” For example, “About Us” or “Contact.”

Next, pick a page layout. If you’re creating a standard page, you can go with the first one on the list – “Single Row.” But to speed things up, you can choose from the template library. For that, click on the blue button.

You’ll see a window letting you pick from a range of pre-made page sections. If you’re working on your about page, for example, you can quickly find and use the following blocks:

about page blocks

Just click on the “Insert” button next to the block you like, and it will be added to the page. From there, you can further customize it, change the texts, or replace images.

about page edit

When you’re done, click on the “Publish” button in the top right corner of the screen.

You can follow the same process when working on your contact page or services page as well.

Just pick different page blocks from the template library. For example, these should work great on a services page:

services blocks

If you want to add new page elements by hand – instead of using the templates – click on the “+” icon that’s in the top left corner of the editor interface. 

add block

Any block you select there will be added at the bottom of your page. Here’s what a new paragraph block looks like:

orders

As you can see, you can edit it freely, change the properties of the text, plus there are color settings in the right sidebar.

As always, remember to click on “Publish” when you’re done.

          3) Create a Blog Page

The blog page is where the listing of your most recent blog posts can be found.

The good news is that the blog page has already been created for you. This happened when you installed WordPress and the Neve theme. You can see that page by going to “Pages”: 

                Adding new blog posts:

     To add new blog posts, simply go to Go to “Posts → Add New.”

add post

Does this interface remind you of anything? Yes, this is the same editing environment that we used when creating standard pages. Easy!

               Step #6: Set Up a Navigation Menu

With a range of good-looking pages created, the next step in our quest to how to create a website is to set up your navigation (a website menu). The menu is what your visitors will use to go from page to page on your site.

Go to “Appearance → Menus,” and from there, click on “create a new menu.”

 

     

Start by adding a title. The menu title doesn’t really matter, but it helps to recognize your menu among other menus (yes, you can have more than one).

Select the pages to be added to your menu. You can also add other items to the menu – like posts or custom links.

Click on the “Add to Menu” button to add the selected pages to your menu.

Drag-and-drop menu items to arrange the links in order of importance.

Select a menu display location. This differs from theme to theme, in this case, set your menu to the “Primary” location will display the menu in the header.

Lastly, save your menu.

     Step #7: Add an Online Store/eCommerce    

       The last thing we’ll do in this guide is to build ourselves an online store.

      This is obviously not something that all websites need, so feel free to skip this step if eCommerce isn’t something you want to get yourself into.

       How WordPress eCommerce Works

       With WordPress being such a versatile website platform, it’s no surprise that it can let you build a fully functional eCommerce online store. By fully functional, we mean that you can list any number of products, make them available for sale, and then also collect orders from customers and even handle all tax- and shipping-related elements of the whole process.

This is all done with a plugin called WooCommerce.

WooCommerce is the most popular, most functional, and frankly the best eCommerce solution for WordPress.

We have a whole separate guide on how to get WooCommerce running on your WordPress website. We invite you to hop over there and read a detailed installation how-to. Follow Steps 3 and 4 and then come back here.

… Okay, so with WooCommerce installed on your site and products added in your catalog, you’ll notice that, in the process, new pages have been created by WooCommerce automatically. Those pages are:

          Each of these pages serves a specific purpose for your store and its functionality. The good news is that most themes these days are optimized to make those pages look right. The Neve theme is no different. If you visit any of these new pages, you’ll see that the presentation is clear and everything is easy to grasp. Here’s an example of the shopping cart page:

cart

Apart from that, all these pages work like any other page on your WordPress website. This means that you can edit them, add your own elements, or change things like colors, layouts, etc. But when you’re doing this, be careful not to erase the WooCommerce shortcodes that are already there.

You’ll also notice a new cart icon on the main menu of your site.

At this stage, your eCommerce store is fully operational. This means that your customers can come in and do their shopping. You’ll see their orders in the WordPress admin area under “WooCommerce → Orders.” 

            Congratulations – You’re Ready to Launch!

      To quickly summarise the steps you’ve learned: