To create a website is not that a difficult job but if you have done properly your research on how to create a website, and also it is very important that to have the exact idea of what your website is going to be about. Starting a website from scratch is not something that you should afraid of it. With the right tools you will be able to make a great website; you have got Wordpress and Wix.com which are one of the great hosting platforms in the market and they have got the tools to help you and make your dreams come true.
After the initial start up of your site, continue to expand and try to keep it up to date as your business get growing everyday.
As of being in the domain for couple of years I have seen a lots of people making website with an small amount of knowledge about website making, anyone can learn how to make a website with qualified effortlessness. It’s as simple as purchasing a web hosting plan and a domain name, then you start designing your website the way you want it with the best website builder, like Bluehost (Wordpress) and wix.com. Also during the creation of your website you can try by yourself some coding method if you are familiar with like HTML or CSS.
We are writting this free guide, where you’ll find step-by-step instructions to help you go through the whole website set up process. It’ll cover everything from the type of software you should use to the web page design to the final touches before the successful launch of your website.
To create your own website you can continue by clicking on --->> Start Now
And then click on the Get Started to start the first step of creating a website.
Web hosting is a service that allows organizations or individuals to post a website or web page, which is full of the information on to the Internet. Your computer will be connected to a server and your Web Page will be delivered to those who want to see your website through the internet browsers. Most of the hosting companies require that you own your domain in order to host with them your website or web page. Web hosts are companies that rent out their services and technologies, to take your website on the internet. Once the hosting company hosts your website, users can access it by typing in your web address I mean your (domain name) in their web browser. When they do this, their computer connects to the server your website is hosted on, means where all your website information is stored.
Now in 2020, anyone or any business can build and design a website without knowing anything about web development like designing or coding. You can easily do that by using the right tools and resources, which are present in the platform where you are going to hosting your website and where your website information is stored.
This Guide Step-by-Step will help you to create a website from scratch without spending money on creating a website. No need to pay money to someone or company to create your website you can do it by yourself without any problem, by following the guide step by step.
Three importnat things you need to know in order to build a website
Domain name (your custom web address, www.YourSite.com)
Website hosting (service that hosts your website, and store your website information)
Wordpress, Wix.com (free of charge, universally used website platform)
To design a fully functional website, you’ll need to lock a domain name for your website called (web address) and a web hosting account with password. And to make sure that your website is fully accessible to your audience. And your web hosting platform is the place where your audience will get the information from regarding your website.
After the selection of your domain name and hosting, you can create now your website with Bluehost, Wordpress or wix.com. Wordpress with bluehost is the most popular website building platform that is being used by 35% share of all the websites on the Internet in the year 2020.
To setup a Wordpress site is usually a simple, one-click process through your web hosting services like bluehost.
As you go through this guide step by step by the end of it, you will have a fully working website online, with the domain name you had chosen and fully accessible by everyone who wants to visit your website.
So get ready we are starting it…
Table of Contents to go for Website Launch
Selection of the domain name
Registration of the domain and sign up to a web host service
Setting up your website using wordpress (web host)
Modify your website design and construction
Add important pages, options and content
Setting up a navigation menu
Add an online store (For Test Purpose)
To start with your website foundation and design, the first thing that you need is your domain name. The domain name is your website contact number so that your audience can get contact with to your website from any where through their internet Browser, by only typing your domain name. But only the way of getting contact to your website will be different, your audience will not call your website by a number they will call it by a name. And so during the website designing or website creation we called this name Domain Name.
A domain name can cost you around 10$ to 50$ a year. But sometimes it can be more and it depends which platform your choosing there are some hosting platform in the market which they can charge you more than that a year for a domain name.
If you have not come yet to a decision to register or choose a domain name for your website, here are some very useful tips, maybe they can help you with it.
If you’re making a website for a companies or organizations, your domain name should match the company name. For example: YourCompanyName.com
If you’re planning to set up a website for individuals, then you have more options for the selection of the domain name.
Use a “generic” domain name extension such as .com, .net or .org if you want to have more international visitors on your website. Use a “local” domain name such as .af, .fr, or .ca if your goal is your country targeted visitors.
And don't be worry by chance 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, which you can use to go forward but never stop because of only a domain name try to figure out another name try until you find the one you want.
Once you’ve developed a website, you need to do the registration work and sign up for a plan. Website builders usually offer several plans types. Different sites have different needs, and plans ensure you aren’t paying for some thing you don’t need. Start with the options you need and are important.
Things to know: The hosting websites plans vary in price, but generally a plan for website will cost between $10 and $35 per month, which is not bad with a lots of tools include in the plan to build your website. If you have a small budget then continue with the free plan, even though they have their disadvantages, which we will soon discuses or cheap out cheapest planes that we have for you!
Through your website plans you can build great websites without any doubts. Otherwise a web developer can cost you between $325 and $1000 for designing and template customization only, and a fully personalized website built from scratch will often cost couples of thousands.
Making your own website using a website builder like wordpress or wix.com, for the moment allow you to get a fully functioning website up and running it for less than the price of a week coffee.
What kind of plan you should choose it depends on your needs. Are you making a website for individuals or companies to show your expertise and your work? Wix.com offer combo plan for 10$ a month which is really a great plan. Want to create a website for your business that will get thousands of visitors and have multiple staff accounts? Then the VIP Plan, costing $29 a month, may be a better fit your business.
WordPress is the most famous website hosting platform; considering that the number of total active websites is estimated at over 1.3 billion according to a survey published by Netcraft. That means that around 455,000,000 websites are using WordPress right now, which means that around 20% of all self-hosted websites use WordPress, which is still huge number.
We can install WordPress with a single click and most of the times it comes pre-installed with many hosts. Doesn't matter which hosting company you are using, setting up a WordPress free website is very easy. BlueHost is a web hosting services that recommend WordPress all his customers.
The following section will explain to you, how to register with BlueHost and later how to install WordPress using the one click install button.
1. Visit the Bluehost Website
Go to Bluehost.com and click on the “Get Started Now” button.
2. Select an hosting plan to start your website
If you have just started to learning, choose the basic plan as it will cover all the fundamental needs of your website’s functioning.
Once your website started growing and get receiving more traffic, then you can upgrade it to a higher version and better hosting plan, which offers advanced features better tools to handle the massive incoming traffic.
3. Selection of your domain name
The domain name for your website has a major part to play in its achievements. So, before you became a master of how to create a website, make sure you spend enough time and effort to come up with an exclusive and attractive domain name. Once you’ve decided upon your domain name, type it into the "new domain” box, after looking on the server BlueHost will let you know whether your required domain name is available on the server or not. In case, if it is not available, it will provide you with a list of alternatives name the server that you can choose from.
4. Registration for Bluehost
Bluehost will then take you to the registration form, where you’ll fill in the billing details along with your personal information or if you have a company then also enter your company information
5. Selecting your hosting options
The 12-month package offers the basic hosting options, in a very low monthly cost. But you can also think about the other options, because as you know hosting is a long-term investment in your website development. You can always remove pointless features from your package in the early stages of your site launch and you can add them back, whenever you feel the need of it in your project.
6. Set your account password
You choose a password for your account once you’ve entered your payment information, in the final step of registering your website with BlueHost. This password will be used for your account verification purposes. To make sure that this account only belongs to you.
7. To get login into your account
As you finalize the registration you will receive a congratulations note from bluehost administration to let you know that your account is ready for your use! You are now the proud owner of a new website, Login to your Bluehost account to proceed with the setup.
8. Selection of your WordPress theme
After getting login in the account now you’ll be given some option to choose a WordPress theme and you pick one that suits your brand and represents your website in the best way. If none of the displayed options works for you then, visit WordPress.org repository to see for the themes that you want
9. WordPress welcome
You’ll be greeted by a “Welcome” message once you’ve logged, then BlueHost will guide you in creating your website. In this case you don’t need anyone to help you, jute need to follow the steps by step guide and the creating measures for the website.
Manual WordPress installation
Step 1: Download WordPress
Download the WordPress package to your local computer from http://wordpress.org/download/.
Unzip the downloaded file to a folder.
Step 2: Upload WordPress to Hosting Account
There are three available options for uploading WordPress to a hosting account.
Upload via FTP - Please see FTP Getting Started for more information.
Upload via File Manager - Please see How to Upload Using the File Manager for instructions.
Upload via SSH - Please see How to Get and Use SSH Access for instructions.
Step 3: Create MySQL Database and User
WordPress stores its information in a database. Therefore, a database will need to be created.
Log into cPanel.
In the Databases section, click the MySQL Database Wizard icon.
For Step 1: Create a Database, enter the database name and click Next Step.
For Step 2: Create Database Users, enter the database user name and password and click Create User.
For Step 3: Add User to the Database, click the All Privileges checkbox and click Next Step.
For Step 4: Complete the task, make note of the database name, username and password, as you will need them for Step 4⤵ below.
Step 4: Configure wp-config.php
The wp-config-sample.php file contains the database information and tells the WordPress application which database to pull information from. This step must be completed to ensure the correct database information is associated with the WordPress installation.
The wp-config-sample.php file can be found in File Manager in the folder where WordPress is installed. To modify the file:
Log into cPanel.
In the Files section, click the File Manager icon.
In the pop-up box, select Web Root and check the box for Show Hidden Files (dotfiles), then click Go.
If you don't see the pop-up box, you may have selected the "Skip this question, and always open this directory in the future when opening File Manager" option.To make the pop-up reappear, simply click reset all interface settings at the very bottom of your cPanel.
From the left navigation menu in File Manager, click public_html to expand the folder.
Click the folder containing the WordPress installation.
On the right side of the File Manager screen, locate the wp-config-sample.php file.
Right click on the file, select Rename and change the name of the file to wp-config.php. Click the Rename File button.
Right-click on the wp-config.php file and select Code Edit. When the file opens, look for the following information:
define('DB_NAME', 'database_name_here');
/** MySQL database username */
define('DB_USER', 'username_here');
/** MySQL database password */
define('DB_PASSWORD', 'password_here');
Replace database_name_here with the name of the database you created (above in Step 3: Create MySQL Database and User ⤴).
Replace username_here with the username of the database you created.
Replace password_here with the password of the database that you created.
When done editing, click the Save Changes button, then close the file.
Step 5: Run the Installation
Open a new browser window and go to the installation page to start the installation script. Depending on where you installed the script, you will find it at either of the following URLs:
http://example.com/wp-admin/install.php
http://example.com/blog/wp-admin/install.php
Be sure to replace example.com in the example above with your actual domain name.You should now see a welcome page that says "Welcome to the famous five minute WordPress installation process!"
Step 6: Finalise the Installation
On this page, fill in the fields for:
Site Name
Username
Password (needs to be entered twice)
Email address (login information will be sent to this email address)
Select whether or not to have the search engines index the site
Click Install Now, and you should be taken to the final screen, showing the following message: Success! WordPress has been installed.
Having an empty website in front of you it always pushes you to go a head and make it more useful, and now it is the time to experience it more like your own by adding favourite and nice designs, customizing it to your needs. Where it will make grow your business and generate you the income.
1) Choose a theme for your website
WordPress themes are exchangeable; you can switch them from one theme to another theme very easily. The themes have been designed in that way, so that make easily for you the processes of the theme selection of your website.
And also there are thousands of without charge and paid WordPress themes available on the web during the selection of your theme for your website. If you want to get a without charge theme, which is where most people like to start with for their first website. The best place to go visit official themes directory at WordPress.org. The section is called popular themes.
All the themes that you are going to see there have already proven to be of great quality and capabilities and they have got a great back end user control.
And you will be free to browse through the lists and pick the theme that you would like to use for your upcoming website. But to make your selection process easy we speed up things for you in the guide. We recommend Neve for you; it’s a multipurpose collection of themes that comes with a help to start your site as soon as possible, different design packages for diverse niches and types of websites.
We’re going to use Neve, to go forward in this guide.
2) Install the theme you like
Go to your site WordPress admin interface. You will be able to find it at YOURSITE.com/wp-admin. Use the username and the password that you have got it during WordPress installation.
From the sidebar, go to appearance and then “Themes → Add New.”
In the search box, type in “Neve” and click on the “Install” button next to the theme’s name:
After the installation is done, click on the “Activate” button that will appear in place of the “Install” button.
You’ll see a success message, which lets you know that the installation went as expected.
3) Import a design (only for Neve theme users)
Even though as the theme is active at this point, there are a couple more things we should go through to make the theme useful for the site.
You will see a welcome message: Congratulations! Neve is now installed and ready to use. We've assembled some links to get you started.
The thing about the Neve is that you not just get one design with it, but the whole range of different designs that you can pick from. Click on the blue button to see them.
There are more than some 25 designs available for free, and they can cover most of the popular website niches, like fitness, music, food, wedding, photography, business, ecommerce, portfolio, and more. Mostly, no matter what the topic of your site is going to be, you’ll find a design package that fits it perfectly through Neve.
For the practice purpose of this guide, we’ll pick up the first one on the list which is called “Original.” The installation process in these themes will take care of all the elements you’ll need on your site, it will get design by itself, all the plugins required to make work your website perfectly. And also it is demo content which you can modify later on.
Click on the “Import” button to get everything going. After a minute or so, you’ll see the success message.
Next, go to “Appearance → Neve Options” to explore the theme options.
We’re going to explore some of these options as we go forward.
4) Add a logo
The first thing that most of the users usually want to do is that to upload their logo and have it displayed on their website. So let's do it practically.
You can create a log by yourself by using the logo maker free online. And continue as guest.
Once you have a logo ready, you can add it to your site. Go to “Appearance → Neve Options” and click on the link labelled “Upload Logo.”
This interface is called the Wordpress Customizer, and it allows you to edit various parts of your website’s look. For starters, you can upload your logo. To do that, click on the “Select Logo” button and then upload your logo from your local computer
You will see your logo in the corner of the page right away.
In addition, you can choose if you want to display the site name and a tagline alongside the logo, and set the max-width of the logo. Try-out all those settings and pick the right one which works best for you.
Click on the “Publish” button when you done to apply the changes or otherwise click on the X to close the window.
And also as you see that
Links to Customizer Settings
is giving you the other options too which are related to your website Setting Colors, Customize Fonts, Layout Options, Header Options, Blog Layouts, Footer Options and Content / Sidebar, which you can use them one by one and testing them according to your website needs. But as you getting going in the process more forward you will understand better those settings instate of discussing about it right now. For the moment it is important that you only understand the options without changing through out the site.
It is not possible to have a website without any pages on it, because pages are the significant part of a website with pages a website is nothing. If we see from the technical point of view, a web page is just like a word document on the web. It’s not very changed from your usual Word document apart from having your website’s branding elements such as the header and footer.
To create a web page in a Wordpress; it is very easy not as complicated as you think of it, But before we go a head in the details. Let’s discuss what pages you should create in the beginning of your website.
In the most of the WebPages you will find the following important pages:
Homepage – This page is the main page of your webpage when your visitors see when they go to your website
About page – A small description of website, that what your website is about
Contact page – A page to let your visitors contact you
Blog page – The list of your most recent blog posts; if you’re not planning on blogging, you can use it for your company news and announcements
Services page – if the website you’re building is for a business, use this page to showcase your services
Shop page – This page is for the eCommerce purpose to sell your product.
The pages above will be very similar in structure to each other, the only difference being the content on the present page. Basically, once you learn how to create a page, you’ll know how to create rest of them without any problem.1) Creating a homepage
If you’re using Neve, your homepage looks something like this:
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.
What you’ll see then is the interface of the Elementor page builder.
Take a look at the left side of your page you will see a bar, there’s a whole customization panel where you can adjust the structure and the styling of your webpage like content, colors and else. For example, here’s what you can see when you work on a headline.
Through elementor to add new elements, click on the small square icon in the top right corner, and you’ll see a list of all the content blocks which are available you can grape them and drag into your page’s canvas. The best way to work on your webpage is to go step by step through the content blocks in to every page. And you can add extra things which you need and delete those staff which you don't need to make your work easy and clean.
2) To Create New pages
Creating standard web pages is very easier to do in Wordpress than working on your homepage. Go into “Pages section → Add New.” pages and you’ll see the following interface
As you know that every page has is own title which you should use of it by adding your page title where the page suggest you to add your title. Then every page has different layout which you can choose from the layout. To create a standard page for your page you can always go with the first one in the layout option. And also in a window you will find the pre-made page sections which you can also use them in your webpage.
Click on the “Insert” as you like the page next to the block section, and it will be added to your page. From their further you can modify it, change the texts, or replace images.
When you’re done, click on the “Publish” button in the top right corner of the screen to apply the changes on your website. You can follow the same process on the other pages too as you start working on them.
If you want to add new page elements instate of going through the templates you add, click on the “+” icon that’s in the top left corner of the editor interface and add what every you want to add.
Any block you select they will be added at the bottom of your page. What a new paragraph block looks like: As you can see, you can edit it freely, change the properties of the text, plus there are color settings
3) Create a blog page
The blog page is where to add a new page just above, the good thing is that the blog page has already been created for you. Blog pages are also created when you installed wordpress and it is ready to use you can check through your pages.
Click on the view to see your block page.
Adding new blog posts:
To add a new blog posts, simply go to -Posts → Add New.
And this is the same editing environment that we used to create standard pages, very easy and friendly.
The next step in the line is that how to create a website navigation setup (a website menu). The menu is the place where your visitors will use to go from one page to another on your site.Click on “Appearance → Menus,” then, click on -->create a new menu.
Creating a menu step by step
Add a Menu title. The menu title doesn’t really matter, but if you have to many menus then is useful to have a name for it.
Select the page you want to add to your menu. You can also add other thing to the menu, like posts or custom links.
Click “Add to Menu” button to add the selected pages to your menu.
Drag-and-drop menu items to arrange the priority.
Select the menu display location. And always set your menu to the “Primary” location to display the menu in the header. Otherwise where you want it.
Final Step, Save your Menu. And now your menu is ready to use.
In this section we are going to add an online product page where the customers will buy our products. This is apparently not something that all websites need, so feel free to skip this section, if you are not planning to have an online store.
Why Wordpress Ecommerce?
Ecommerce is difficult subject. Anything with the money always is. But understanding how Wordpress ecommerce works is important for building overwhelming ecommerce sites. As complex as it is, it doesn’t have to give you a headache. WordPress is one of the most popular platforms out there, and it gives you the power to control your own store with a plugin such as iThemes’ Exchange.
How WordPress Ecommerce Works?
So how does this complicated process work? There are two ways you can set up an ecommerce site:
Standard
Third Party Processor
Each method has its own pros and cons, and we’ll cover both.
1.The Standard Ecommerce Process
The standard process is, well, standard. This is the primary way that ecommerce works. It’s an involved process and has four main steps:
Shopping Cart, Software that manages the purchase process.
Payment Gateway, Approves transactions and keeps a list.
Merchant Account, Completes transactions and collects cash.
Bank Account, Where your money ends up.
2. Third Party Processor
While the standard process combo of payment gateway and merchant account is the most common in ecommerce, there are also third party processors. The third party processor combines the role of a payment gateway and merchant account into one.
Instead of this:
Shopping Cart > Payment Gateway > Merchant Account > Bank Account
The process is simplified to this:
Shopping Cart > Third Party Processor > Bank Account
WooCommerce is the most popular, most functional, and honestly the best eCommerce solution for Wordpress. So with WooCommerce installed on your site and by adding products added in your catalogue, you’ll notice that in the process, new pages have been created by WooCommerce automatically. Those particular pages are as follows:
“Cart”, Your store shopping counter
“Checkout”, the checkout page is the cashier spot where you do the payment.
“My account”, You customer’s profile; where you will find the order details, and other personal information the customer can always edit their personal information if they want.
“Shop” / “Products”, Your store shelf's, where your products are placed for sell.
All this pages are very important for the proper function of your online store. And most of the online store themes have all those functionalities to make work proper you online store. If any time you visit any of these new pages, you’ll see that the arrangement is clear and everything is easy to take hold of. Here’s an example:
This page is also like others of your pages in your website and you can edit them any time you want and any changes that you want to bring to the color settings or to product orders or price any thing you have the full control on it.
At the end of this section I want to congrtulated you and thank you for following the whole step by step guide on how to make a website. And I hope that it helped you alot for the completion of your projects a head. And please don't be shy to send us your feedback's and questions, we would love to hear form you and respond to your questions.
