I'll show you how to create the website using hostinger complete
with your own website name, an ssl certificate, a professional business email
and some must use fee optimizations to make your site as fast as possible.
If you already have a hostinger plan, skip
the this part in the video to save yourself some time
but everyone else.
Let's start from the very beginning.
I'll be buying the premium shared hosting plan for 12 months
and I'll be grabbing an extra 10% discount by using the code EMITREVIEWS
LAPD get on the ground.
This is the discount police!
You can get the same discount by using the link in the description.
I'll just fill these details out and I'll see you in the dashboard.
Okay. Now let's make ourselves the website.
You can skip the first questionnaire for our content management system.
Let's choose WordPress,
which means you need to create your WordPress log in real quick
and we can skip the theme since we'll be getting something much better later.
Finally, claim your domain name.
Just type in how you want to name your website.
I'll go for emityt.com and see if it's available.
Great.
Looks like nobody has taken it so I can use it for this video.
Now, this is a very important step.
You need to choose the server where your website will be stored.
Choose the server that's going to be closest to your user base, not to you.
Since I'm European
and I expect visitors from Europe, I'll go for the Netherlands server.
Now I'll need to provide information to register my website name.
And finally, let's go to our control dashboard Okay,
so here's how you navigate hostinger. Click on home
and you'll see all of your services in one place.
In this video, I'll go over several steps.
So let's start with the basics.
Our website setup,
click on Manage next to your hosting plan and you should see this dashboard button.
If you installed WordPress during the previous steps,
if you don't see a dashboard button, just scroll down, choose WordPress
and follow the instructions you'll be taken to the dashboard automatically.
First, check your PHP version at the time of making this video.
Version 8.1 is the newest version and the one you should be using.
So let's update it by going into the PHP configuration and changing it to 8.1.
If we would visit your website right now, you would see that it's pretty much empty
and it still has this not secure message on it.
Let's fix that.
Go back to your hostinger home page and set up the free SSL certificate
that the hostinger provided. Okay.
This might take a couple of seconds,
but the page will refresh itself once the certificate is activated.
Now, if you were to visit your page again, you would see that
the connection is secured and there are no error messages.
Okay. Let's work on the design.
First things first, click on WordPress and then dashboard in your hostinger
panel, then click on edit website.
As you can see, the automatic installation comes with a lot of unnecessary plugins.
So go into plugins and deactivate, then delete everything.
That's not the hostinger or lightspeed cache plugins.
The less useless plugins we have, the faster our site will be.
Next, click on appearance, then themes and add new.
If you don't see it already,
search for the ASTRA theme and simply install it by clicking here.
You should immediately see a get started button.
Once you're finished activating, click this button here and then choose a theme
that you like the most.
Look for themes that have no premium tag.
Since those are paid, I'll get something from the personal page section,
but feel free to choose anything you want.
Finally, just continued
through these steps and you will be able to edit your website later.
So for now, just wait for the installation to finish
done.
Good.
If we would visit our website right now, it should look like the template
we just selected.
Now everything is extremely simple to edit here.
All I need to do is click edit with elementor and type of way.
You can also drag and drop these sections to change positions
or delete them altogether.
I won't go into detailed customization for this tutorial
as everyone has different needs, but I'll show you how
to optimize your website for speed after you're done editing it.
Navigate back to your WordPress dashboard.
Hover over LiteSpeed Cache and then choose General.
Here you'll need to click on request domain key.
The approval process will take some time.
For me, it was only 5 seconds this time, but I had instances where it takes
several minutes.
Next, click on link to Quick Cloud and sign up for an account after you're done.
Just confirm your email address
and you'll be taking back to the Litespeed Dashboard.
Next, click on Cache and enable mobile cache.
Click on Save Changes of course moving along, enable object cache
in the object section and enable browser cache in the browser section.
As always.
Don't forget to click save changes after each one.
Moving on to image optimizations.
The first time you do this, it will take some time.
You'll need to click on Gather Image data and then send optimization request.
At first, the plugin will only optimize one image
simply to check if the connection is stable.
The problem is you'll need to wait 5 minutes before
submitting in your request.
So while you wait, let's go into image optimization
settings and select image webp replacement.
This will replace your website images with the webp format instead of JPEG or PNG.
Reducing the amount of space your website takes up by like 40 to 50%.
Following this, just continue with the image optimization process.
It's annoying and slow at the start.
You'll need to do with multiple times, but keep doing it
until both of these circles have a checkmark.
That means you've optimized all of the images on your website.
Once you're done with the images, go into page optimizations
First of all, you'll need to check lazy load images in the media settings
and to activate responsive placeholder next.
For these three settings, it's quite tricky because they can actually
make your website look worse or break completely.
The way I do it is I just activate a couple of settings at the time.
I go back to my website and I purge all cache
to see the newest version. I browwse around to see if everything's looking fine.
If it is, I activate the next batch of settings
If it's not, I deactivate the ones I just activated.
So I recommend you do this as well.
ASTRA themes are pretty good at not breaking while tweaking these settings,
but be careful.
It's definitely something that can mess up your site and if that happens,
just deactivate the setting and forget it ever existed.
Okay, let's give our website a quick test.
And pretty darn good if I say so myself.
The website only takes 0.7 seconds to fully load,
and it's full of images. Hostinger is doing some great work here as well.
Responding within less than 0.1 seconds.
But we're not done yet.
As you can see,
we have this suggestion to use CDN and that's exactly what we're going to do.
A CDN is a content delivery network.
It saves your website files in servers all across the world.
So when people try to reach your site, the information is sent
from the closest server instead of the same location every single time.
Less physical distance traveled means a faster site.
The CDN I always use is Cloudflare and while hostinger
has an option to connect your website to Cloudflare, it's paid.
However, you can do it for free. Let me show you how.
First, go to Cloudflare.com and register for an account.
Then select the free plan and click continue.
Once you're in this screen, all you need to do is go back to your hostinger panel.
Click on domains, then click on your website name
and next to the name servers, click change.
Now, just copy and paste the two name servers from Cloudflare to hostinger.
Yeah, and that's pretty much it.
Cloudflare will now distribute your website files across servers
all across the world, making your website faster worldwide, completely free.
Keep in mind that this change might take from five to 20 minutes to take effect.
You'll know once it's done
when you refresh your Cloudflare page and see this green checkmark.
Okay.
Finally, let's get you a professional email address completely free of charge.
Simply navigate to emails and choose the free option.
Create your desired email address together with the password and login.
Yeah, it's that simple.
You can have as many emails as you want as long as it's not more than a hundred.
So at this point I have a great looking website that loads incredibly fast.
For what?
Like around $30? Yeah. That's pretty good.
Okay, so the only thing that left to do now is making a website secure.
You can do that by following this tutorial right here.
So outsmart the hackers and get ahead of the website game.
I'll see you guys later.
*pew pew noises*