How to Make a Free Website on WordPress

In this tutorial, we are going to show you how you can easily make a free website on WordPress.

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’.

Profreehost register

Now you will be taken to this page so 

2. Fill up these details and click the button with a tick.

Enter the details to register with profreehost

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.

Notification to activate profreehost account

Check your email for a message from Free Host with an activation link.

3. Click on the Activate Account button to activate your account.

Activate account

After you have clicked on Activate Account, you will be redirected to your account on Profreehost as shown below.

Profreehost account created

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’.

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.

Enter website name

You can also change the last part of your domain to unaux.com as shown below.

Domain last part

Now to get this domain, just

3. Click the button with the tick on it to continue.

Create website

Now you should get a confirmation message as shown below. So as you can see, we have got our free domain.

Free domain name

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’.

Click manage

Once you click manage, it will take you to this page shown below 

2. Now click ‘Control Panel’.

Control panel

From the control panel, under the software tab 

3. Click on the ‘Softaculous Apps Installer’.

Softaculous apps installer

It will take you to this page. now go to wordpress and 

4. Click ‘Install’.

Install wodpress

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

Installing wordpress

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:

Wordpress login url

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.

Wordpress Dashboard

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.

Add new 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.

Install Astra

After the installation is complete 

5. Click on Activate to start using the theme.

Activate Astra

The theme is installed. To choose a design for your website, 

6. Click Get Started.

Get started with Astra

On the next page 

7. Click on Elementor. 

Elementor is an easy to use drag and drop website building tool.

Elementor astra

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.

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.’

Import complete site

10. Click Import to start the import.

Import theme

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.

view site

The complete website’s design that we chose will be imported to our website. This design has some sample content in it.

complete website design

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.

Editting section

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.

Hi welcome to my website

Next, if you want to change the text on the More Info button,

4. just select it and edit it.

Edit the button

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.

Edit image

7. On the next screen simply drag and drop a suitable image from your computer. 

drag and drop image

As you can see the image has been changed.

Image uploaded

Now once you’re done with all the changes,

8. Just click Update.

update the image

Now if we go to our site and click refresh, you can see, all the changes are here.

welcome to my website

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,

Change site header

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.

Edit logo

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.

Go to new 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.

edit with elimentor

You will be taken to a blank page in Elementor.

editing page

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.

drag and drop 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.

drag and drop image

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.

edit image

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.

add new template

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.

select 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.

insert template

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.

page template

Now as you can see we have our new service page here.

our service page

So this is how you can add a new page to your website.

So now we have successfully created a 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.

search domain

If the domain name is available,

2. Click on Continue to Cart.

Continue cart

3. Now again Click Continue.

Continue to cart

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.

create godaddy 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.

Name My products

You will see that the domain is now listed under your account. 

got our domain

Now if you go to techyleaf.com on Google, you can see that it is empty.

empty page

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.

profreehost cpanel

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.

Copy dns servers

And then go to GoDaddy,

5. Click on DNS.

Godaddy DNS

Then scroll down and go to nameservers and

6. Click Change.

7. Click Enter my own nameservers (advanced).

Enter my nameservers

8. Paste the nameserver details you copied into these two blocks and 

9. Click Save.

Copy and paste the nameservers

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.

add parked domain

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.

Copy your domain name

And go to your WordPress dashboard. 

2. Select Settings and click on General.

General-wordpress-settings

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.

Change old domain

3. Simply paste your new domain which you have copied earlier, into both the WordPress Address and Site Address boxes.

Add new domain name

4. Scroll down and click Save Changes.

Save it

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.

website with new domain name

That’s it, guys! As you can see, we’ve created a fully functional free website on WordPress in a few pretty easy steps. 

I hope this article was easy-to-follow and 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 make 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.

Menaka J
Menaka J
Junior Learning Experience Designer
Add a Comment
Leave a Comment

Leave a Reply

Your email address will not be published. Required fields are marked *

*

 

Beginner's Guide to SEO (Coming Soon)

SEO isn't as difficult as you might think. Learn how to start growing organic traffic to your website with our easy to follow videos.

Learn more

WordPress Website Course (Coming Soon)

Do you want to learn WordPress to build any kind of website you want? Then this is the only course you need to take.

Learn more

Ready to get started?

Get in touch or create an account!