How to create a WordPress website in 2024

In this post, I will walk you through the step-by-step process of creating your website in 2024 using WordPress with Free themes and plugins.

So if you want to start your online business or you already have an offline business that you wish to take online then this is the exact guide you need to follow to create your business website in 2024

So, here are the steps that we need to take to create a website.

Step-1 Book Hosting for your website

Hostinger is a popular website hosting company that provides great services at very affordable prices, which makes it very popular for hosting any kind of website.

Get Extra OFF: use coupon ANKITSHARMATV

Here are the steps we need to take to book a hosting with Hostinger:

1- Goto Hostinger website, If you are in India you can visit Hostinger India website. Then go to Web Hosting from the very top.

Hostinger hosting for small websites

Note: You don’t have to choose WordPress Hosting, A normal shared web hosting will just work fine.

2- Choose your Best plan:

Now we need to choose a hosting plan. I would highly recommend you choose as per your needs and budget. The price plans might change when you visit the site

But make sure you choose a plan which offers at least Free domain with Free SSL certificate.

Once you finalize your hosting plan, Just click on “Add to cart

Web hosting plans from Hostinger

3- Choose your hosting plan term:

Now its time to choose the plan term. This is the best part about Hostinger Hosting service. You can choose multiple hosting payment terms. From 1 month to 48 months, you can buy hosting as per your budget or requirement.

Although I would recommend you to choose at least 12 months plan to get the best value and a free domain for first year.

Note: Just in case you cancel your hosting within 30 days, you get full refund. But it will not refund your domain purchasing cost. Once you buy a domain, it’ s now locked for at-least one year.

Hostinger Hosting plans price

4- Create an account and checkout

Once you select your hosting plan period our next step is to create an account. So make sure you enter a valid Email ID to create your account with Hostinger.

After that, select your payment mode. These modes may be different for your depending upon the location where you are paying from. So, Fill in all the details and proceed with the payment.

Note: Use ANKITSHARMATV coupon code to get an extra discount.
Hostinger-coupon-code

Once the payment is done, You will get an email for account confirmation and after that you can login in your Hostinger hosting panel.

Step-2 Get Free Domain for your website

In this step, we will claim our free domain for our website as per our Hostinger plan.

Once you make the payment you will be redirected to a page like this as below. Now Once you click on the “Start” button it will start the onboarding process.

But let me show you everything from scratch, So we will not start this wizard but will click on the Hostinger Logo on the top.

Book free domain on Hostinger

This will take you to the Dashboard of your Hostinger hosting account and from here. We will first claim our Free domain and then set up our hosting account.

So let’s first click on the button “Claim domain

Book free domain on Hostinger

You will see a pop-up where you can enter the domain name that you wish to book for your business website. Make sure you choose .com as the domain extension. If .com is not available then try with some extensions.

And one you finalize the domain then just click on “Claim domain“.

Book free domain on Hostinger

And on the end you just need to fill up some basic contact information as the domain owner and you are done.

It might ask you to choose a hosting plan but you can skip that part because we will do that from scratch in the next step.

Step-3 Setup Hosting panel

We need to link our newly claimed domain for our business website to our hosting account and that’s what we do in this step.

Once you are back on your Hostinger dashboard you will now see your claimed domain and along with that, you will also see a pending task ie Setting up our hosting panel.

So we need to click on the Setup button right next to it, to start the process.

How-to-setup-hostinger-hosting

On the next screen, it will ask you some questions as a part of the setup wizard. You can skip all that to proceed.

how to setup hostinger hosting 1

On the next screen, you need to choose if you wish to create a new website or you wish to migrate a website. But we are not going to choose any of these options. Instead, we will again click on skip.

how-to-setup-hostinger-hosting

Now next we need to select the domain which we wish to connect this hosting account with. In our case, we will choose the one that we have just claimed/ booked for our website and then click on “Select“.

how to setup Hostinger Hosting

In the next stage, it will ask you to choose the data center location. If you are not sure about it then leave it as it is and proceed.

And then it’s done. Now we will click on Manage site” to access the control panel for our hosted website on Hostinger.

How to setup Hostinger hosting

And this is what our website’s hosting dashboard looks like.

How to setup Hostinger hosting

Step-4 Install WordPress

We are going to use Hostinger’s in-built Auto Installer to install WordPress on our newly added domain for our website

In order to install a fresh copy of WordPress on our new Hostinger hosting account. Here are the steps we need to follow:

1- Goto “Websites” from the top menu and then click on “Manage” button on your recently added domain.

How to setup wordpress in Hostinger

2- Then from the left-hand side menu, choose “Websites” and then choose “Auto Installer

How to set up WordPress on Hostigner

3- On the next page, Select WordPress for the options available.

How to setup WordPress on Hostinger

4- On the next screen, Fill in all the details about your new WordPress setup and then click on “Next“.

how to setup WordPress on Hostinger

5- Once the Installation is done, We land on the dashboard of the Hostinger website manager, which provides a lot of options for various things like live website link, daily backup, and website backend link, etc.

How to setup WordPress on Hostinger

Ensure you note the username and password in a safe place for future reference.

Step-5 Install theme for our Website

We highly recommend using the ASTRA theme for any website. Using this theme you can do any customization you wish along with some amazing performance.

To install a theme on our WordPress website, first, we need to login into the admin area of our website. For that, we need to visit <yourwebsite.com>/wp-admin/ and then enter the username and password as created in the previous step.

After that, these are the steps we need to follow in our WordPress admin area:

1- Go to “Appearance” and then click on “Themes“.

Install WordPress on Hostinger

2- Click “Add New Theme” from the top and then search for “ASTRA“. Chances are you don’t have to search for it, ASTRA theme will appear in the top 4 themes in the WordPress theme library.

3- To install the theme, Just click on “Install” and then click on “Activate“.

Install WordPress on Hostinger

Step-6 Install Required plugins

We are going to install Free plugins only to create this entire website. Using these plugins we can create any kind of blog or website.

1- First goto “Plugins” and then click on “Add New

install-new-plugin-wordpress

2- Then search for “Spectra“. This plugin will help us create some amazing-looking web page layouts by using the Block editor.

To install this plugin, click on Install Now and then click on “Activate

Install-Spectra-plugin-Astra

3- After this, the next plugin we need to install is “Starter Templates“. So for that, we need to follow the same process. Search the plugin and then Install and then Activate the plugin.

Install-Starter-Templates-Astra

And that’s it, These are the two basic plugins that we need to create our website.

After that, these are the steps we need to follow in our WordPress admin area:

Step-7 Create Layout using AI

We are going to use AI to generate our website template and then customize that using Astra theme and Spectra plugin.

To create our website layout. We are going to use the AI feature of the Starter Template plugin. Let’s see how it works.

1- As soon as we Activate our Starter Template plugin, We can choose how we wish to generate our website—either using Readymade templates or AI.

Of course, we will choose AI and click on “Try the New AI Builder

create-wordpress-website-using-AI

2- For first-time users, it will ask to connect our website to ZipWP account. This will be the free account with around 1000 AI credits, Which is good enough to create our website and even write content for the website (which we will cover later).

So we need to click on continue.

connect-astra-zip

3- Now we just need to follow a few steps, and give basic information about the business for which we wish to create the website. This is the same process we followed while creating a WordPress website using AI with ZipWP.

using-AI-for-WordPress

4- At the final stage, you should get your website’s first draft with a quick customization panel. But to access the full customization options, we need to access the WordPress backend of the website using the URL <domainname>/wp-admin

Starter-template-customization

Step-8 Create Inner Pages

Just like our home page. We are going to use AI to generate our inner pages as well.

Now let’s say you wish to create ABOUT US page for your website. Now let’s see how we can do that using AI.

1- From “Pages“, click on “Add New Page

Add-new-page-astra

2- Lets name the page as “About Us” and now in order to create or design this page. We are going to use “Template Kit” option from the top left corner.

using-starter-template-astra

3- From this “Template Kit” We can choose the type of pattern/content we wish to import into our page. We can choose the variety of block editor patterns available in different categories.

The best part is all of these patterns are already using our theme’s global color pallet and typography.

design-library-Astra

4-To add/insert any pattern on the page, just click on “insert” and the pattern will be added on the page.

Step-9 Create content using AI

We are going to use the power of AI to generate content for our website. For that, we are going to use a powerful and Free tool.

In the previous step, while importing the pattern, the content we imported was generic. Instead of that, we can import the same pattern with content generated using AI, specific to our website.

1- From the same “Template Kit” popup, this time click on the gear icon and select “Personalized Library“.

Astra-starter-template-ai

2- This will start the process of connecting our website to the ZipWP AI platform. It may ask you to create a free account on the Zipwp platform during this process.

starter-template-Astra-with-AI

This is the same process that we need to follow while creating a website using Zipwp AI. Now it’s using the same steps to understand our website so that it can fill the content in various pattern templates tailored for our website.

3- Once the process is complete, this is how we get the new updated patterns with custom-tailored content for our website.

Starter-template-astra-ai

Now, We can use this AI-generated content and pattern to create our website’s inner pages and various other sections.

Faq’s About how to build a WordPress website

Scroll to Top