In this tutorial, we are going to show you how you can easily make a website for free.
Creating a new website seems to be a difficult task, especially if you don’t have prior experience.
This is a complete step by step guide and is great for beginners. It involves no coding and the best part is, you will create your website for free and it will be live on the internet.
Let’s get started!
There are two parts to this tutorial. In Part 1, you will get your website set up to launch, and in Part 2, you will design your website.
So let’s see
PART 1: Launch your Website
Once you have completed Part 1, your website will be set-up and live on the internet.
We are going to do this in 3 steps.
Step 1: Create an account in ‘profreehost‘
This is the website which is going to help us create our website for free.
So to create the account go to profreehost.com.
1. And click ‘Register Now’.
Now you will be taken to this page so
2. Fill up these details and click the button with a tick.
You should get the following notification after you fill out your details. It means you need to activate your account and the link to activate your profreehost has been sent to your email.
Check your email for a message from Free Host with an activation link.
3. Click on the Activate Account button to activate your account.
After you have clicked on Activate Account, you will be redirected to your account on Profreehost as shown below.
Step 2: Get Your Free Domain
Domain is the name of your website. This is the name which a visitor enters into the browser to visit your website.
So to get your domain name.
1. Click ‘Create New Account’.
Now you will need to choose a name for your website. We have chosen “techyleaf.”
This will be the domain name of your website that your visitors will need to enter in order to visit your website.
2. Now enter the name for your website.
You can see that the full domain for your free website as shown in the image below.
You can also change the last part of your domain to unaux.com as shown below.
Now to get this domain, just
3. Click the button with the tick on it to continue.
Now you should get a confirmation message as shown below. So as you can see, we have got our free domain.
Step 3: Install WordPress on your domain
WordPress is the platform that you are going to use to create your website. It lets you build your website quickly without any coding or programming.
Once you install WordPress, your website will be live on the Internet. So, to install WordPress, just
1. Click the ‘Manage button’.
Once you click manage, it will take you to this page shown below
2. Now click ‘Control Panel’.
From the control panel, under the software tab
3. Click on the ‘Softaculous Apps Installer’.
It will take you to this page. now go to wordpress and
4. Click ‘Install’.
Now you will get to this page, and go to Admin Account
5. Here you will need to enter a username and password for your WordPress installation.
This will be used to log in to your website later on.
Once you have entered these details
6. Click Install
As you can see the WordPress is successfully installed.
Now you can click on the link to your website as shown in the image below and your website should be live on the internet.
Success! Your brand-new website is live.
Now that you have successfully launched your website, it is time to start building it.
So let’s go to the last part of this tutorial.
PART 2: Build your website
Building your website includes customizing the design of the website, adding relevant pages and adding our content to the website.
So we are going to do this in 4 Steps.
Step 1: Log in to your website
To log into your site,
1. you have to type ‘/wp-admin’ after your site’s address and press enter.
It will take you to the login page of your website. For example techyleaf.unaux.com/wp-admin
An example is shown below:
It will take you to the login page of your website.
2. Now enter the login details which you created for your WordPress. And
3. Click Login.
You will be taken to your WordPress Dashboard, which is where you can control your website.
Once you have logged in, we can now go to the next step.
Step 2: Choose a design for your website.
Instead of building your site from scratch, you are going to choose a design and then edit it to make your website. To select your website design, you need to install a theme called Astra in WordPress.
So to install the theme,
1. go to ‘appearance’ And click ‘themes’.
2. Click Add New to add a theme.
You will be taken to a library of themes.
3. Search for a theme called Astra.
Now go to Astra Theme Click on the Astra theme and then.
4. Click Install.
Once you have installed this theme, you will be able to choose from a wide range of website designs.
After the installation is complete
5. Click on Activate to start using the theme.
The theme is installed. To choose a design for your website,
6. Click Get Started.
On the next page
7. Click on Elementor.
Elementor is an easy to use drag and drop website building tool.
And here you will find different website designs which you can apply to your site. You can choose any design that you like.
so in this article
8. we are choosing ‘Digital Agency’ design.
When you click on your chosen design, you will be able to see a preview of how your site will look. To apply this design to your site.
9. Click on ‘Import Complete Site.’
10. Click Import to start the import.
Go and make a cup of coffee while it loads all the resources and installs the design. Do not close the window until it is complete.
Once the import is complete,
11. Click on View Site to see your website’s design.
The complete website’s design that we chose will be imported to our website. This design has some sample content in it.
Now how do you change the content of these pages?
It’s very simple. Let’s see that in the next step.
Step 3: Edit the content of your website
So, To edit any page of your site. You just have to go into that page, so here we are going to edit the home page.
1. Just click ‘Edit with Elementor’.
You will be taken to the editing section as shown below.
You can edit any element on the page. For example, if you wanted to edit the main heading.
2. Select the heading text, as shown below.
After selecting the text, you can simply.
3. Rewrite the text as you wish.
An example is shown below.
Next, if you want to change the text on the More Info button,
4. just select it and edit it.
You can edit any text you want in the same way by selecting the text and then start typing. This method works throughout the site.
Let’s try and change an image. Again, all you have to do is
5. Click on the picture.
6. And then click on the image on the left side over here.
7. On the next screen simply drag and drop a suitable image from your computer.
As you can see the image has been changed.
Now once you’re done with all the changes,
8. Just click Update.
Now if we go to our site and click refresh, you can see, all the changes are here.
So now you know how you can edit any page on your website.
Step 4: Changing the Site Header
Next, we are going to see how you can change the header area of your website. To change this area,
1. You need to select Customize.
Once the customizer is open, you will see various blue icons similar to the one shown below.
If you want to change anything here, just click the blue icon next to it.
For example, if you want to change the logo.
2. Click the little blue icon next to it.
This will open the logo customizer and
3. you can change your logo from here.
Once you are done with the changes, click Publish.
And if you go back to your site and click refresh, your changes will be made on your website.
Now that you know how to edit a page and change the header of your website,
What if you want to add a new page to your website?
It is very easy
Next, let’s see
How to add a new page to your site
To add a new page to your website,
1. Just go to New and
2. Click Page.
Let’s say you want to create a service page for your website.
3. First, Enter a title. And then,
4. Click Edit with Elementor to add design and content to your new page.
You will be taken to a blank page in Elementor.
You have two options to create your page.
Option 1: Create your own page
Option 2: Using Ready-made Template
Option 1: Creating your own page
To create a page from scratch, You can choose from the elements on the left of the screen and then drag and drop them into the blank area.
So, let’s say, if you want to add a heading,
1. you can drag and drop this element into the page.
2. And then, you can enter your own text.
If you want to add an image to the page,
3. drag and drop the image element from the left to the page’s working area as shown below.
Once an image element has been added you can then choose the image that you would like to add by
4. Clicking on the Choose Image button.
Option 2: Using Ready-made Templates
In the above step, we saw how you could create a new page and add content to it.
There is an alternate way of creating pages, which is by using templates. Templates are ready-made pages that you can import into your website.
To create a page using a template
1. Click on the add template button.
You will find several templates, as shown in the image below. If you like a design that you would like to import
2. Simply click on the template.
Once you click on the template, you will get to see the preview of the page. now to import the page to your website
3. Click on Insert.
The template will then be imported into your website as shown below.
You can easily customize anything on the page by simply selecting it and changing either the text or images. Once you are done with the changes,
4. Click on Publish.
5. You can then view the page by clicking on Have a Look.
Now as you can see we have our new service page here.
So this is how you can add a new page to your website.
So now we have successfully created our website for free
And now anyone can access your site, By going to this address
Bonus part: How you can use a custom domain name with the website that we created.
One of the major disadvantages of using a free domain name is that it is not easy to remember. For example in this tutorial our domain name is www.techyleaf.unaux.com
If you would prefer to have a unique website address let say www.techyleaf.com, you will need to purchase a.com domain.
Let’s see how you can buy a.com domain name. All you have to do is click this link which will take you to GoDaddy.
1. Search for your domain name and click on search.
If the domain name is available,
2. Click on Continue to Cart.
3. Now again Click Continue.
Now in order to get this domain name, GoDaddy will ask you to create an account here.
4. So just enter your details here
5. And click Create Account.
Now as you can see, we’re getting this domain for 1 year.
Which means once you make the payment, you will be able to use this domain for 1 year
Now to get the domain
6. Let’s enter our card details here
7. And click Complete Purchase.
Once the domain name has been purchased, on the next screen
8. Click on your name.
9. Then click on My Products.
You will see that the domain is now listed under your account.
Now if you go to techyleaf.com on Google, you can see that it is empty.
How you can move your site to your .com domain.
It’s effortless and can be done in 2 simple steps.
Step 1: Add the domain to profreehost.com.
To add your domain to profreehost.com.
1. Open your Profreehost cPanel and under domains.
2. Click on Aliases.
3. Enter the domain name that was registered with Godaddy
Now to move your website to your new domain you need to add these DNS address as shown in the image in GoDaddy so,
4. Copy the DNS servers.
And then go to GoDaddy,
5. Click on DNS.
Then scroll down and go to nameservers and
6. Click Change.
7. Click Enter my own nameservers (advanced).
8. Paste the nameserver details you copied into these two blocks and
9. Click Save.
You have now successfully added the nameserver details. Once you’ve added, these details go back to your control panel and
10. Click Add Parked Domain.
As soon as you click this button, your new domain will be added to ProFreeHost.
Step 2: Add your domain name to WordPress
To move your website to your new domain, you need to add your domain to WordPress.
To do this,
1. Simply copy your domain name.
And go to your WordPress dashboard.
2. Select Settings and click on General.
Here you can see the free domain which you selected in the beginning. This needs to be replaced with the new domain name from GoDaddy.
3. Simply paste your new domain which you have copied earlier, into both the WordPress Address and Site Address boxes.
4. Scroll down and click Save Changes.
As soon as you click save changes, your website will be moved to your new domain, and your website will be ready to receive visitors.
Let’s take a look.
Go to the tab where your new domain was showing a blank site and click Refresh.
That’s it, guys! As you can see, we’ve created a fully functional website in a few pretty easy steps.
I hope this article was useful to you.
Please leave a comment to let us know if it worked for you.
Thanks for reading till the end.
Frequently Asked Questions:-
How can I create a free website?
1. Create an account in ‘profreehost’
2. Get Your Free Domain
3. Install WordPress on your free domain
4. Log in to your website
5. Choose a design for your website.
6. Edit the content of your website
7. Add a new page to your site
8. Add your own domain
Having problem importing complete site using Elementor?
Instead of importing complete website design try to import the pages of the website’s design that you chose one by one to get the entire site imported without any issues.