Welcome to this section.
If you are here watching with me, that means you want to create a website using WordPress, which is
fantastic.
It's a great choice and I'm sure that you will love this process.
This is a fun process.
All you need to do is watch over my shoulder while I create a real website here on the screen on the
video for you and follow the same steps that I'm doing.
While we are doing that, I'll be explaining to you every single detail so you know exactly what are
you doing.
And by the end of this model here, this is exciting.
You will have your website ready to go to share with your friends, with your clients and anywhere and
available anywhere in the world, basically.
Okay.
In this video, we will sign for the hosting service for your website and we are doing that using hostinger.
I recommend Hostinger to all my students because it's one of the best hosting services we have right
now and it's one of the most affordable one with an amazing quality, amazing service that they provide.
So your website will be secure and it will be up and running 24 over seven with Hostinger.
So to sign for this, we can come here to Diego davila.com/tools.
This is the resources area of the course and here you see website hosting and we have here hostinger.
And the good thing and what I love about them is that we have an agreement, a partnership with Hostinger,
and they are offering a reduced price for all students, for all the students of this course.
And this is only for our students and it's the highest discount that you will ever find in Hostinger.
So that's why I'm excited about this opportunity.
And let me share with you how you can get access to that.
So in this page you can come and click on Hostinger or you can click on see more.
And we are being forward to the Hostinger website.
This interface changes frequently, so if you see something different here, don't worry about it.
All you have to do here is check the information they have if you want and if you are ready to move
forward, we can click here on Get Started.
So click on the button that is here to see all the plans.
Okay, I will click on select.
And we see the plans here.
So the next step here we are in step number two.
And this is really easy to do.
You see that we need to select the period that we want for hosting and we have the option here of one
month, 12 month, 24 or 48 months.
Usually the difference here is the highest, the plan, the lowest the price.
But right now they are running a promotion.
And I'm not sure how long this will this will last.
So maybe when you are watching this, you have a different option, but you can choose.
I recommend you to choose at least the 12 month period because you are paying for one month.
You will pay almost $12 and these amounts change all the time.
So depending on your country, depending of of the time of the year, you will see different prices
here.
But the good thing is that by by being a student of this course, you will get the lowest price ever
here.
And I'll show you exactly how that works.
Okay.
So select at least the 12th month is worth it.
You see that for the 12 months you will get a free domain.
The domain right now is around for around 10 to $15 per year, sometimes 18 or $20 per year.
And you are getting that for free with HOSTINGER.
And also you get you are paying only this amount per month if you select any of these higher plans here.
Okay.
So select the plan that is best for you.
Remembering that you have 30 day money back guarantee so you can try for 30 days and you can cancel
at any time.
They return all your money.
If you don't like the service or if something happens that you need to issue a refund.
Excellent.
We select here the plan.
Next step is to create your account.
So you enter your email address in this box, or you can log in with any of these services like Google
and Facebook.
Next step is to select the payment method You see here.
They check they they take credit cards, PayPal, pay, Google, pay Alipay, or you can even pay with
crypto.
You can pay with Bitcoin or any other crypto that they take.
I will select credit card to make things easier, but you can go with any of these services and here
you see the summary of what we have right now.
We have the service plan for a year, we have the huge discount and we have the total we need to pay
right now.
In my case, this change for every country, but in my case here, I'm paying $32.28 for a year of of
hosting, plus a free domain on my account.
And you see that we have the coupon apply, which is the Diego de Villa coupon.
This is exclusively for students of this course.
And this will give you the highest discount you can ever get.
Get in Hostinger.
Remember, just to make things clear, I may receive a commission from hosting a review and up my coupon,
but the important thing here is that you are getting the best deal and you are not paying more because
you do that.
You in the other way you are paying less.
So let's continue here we enter now the name on the credit card.
The credit card number expired expiration date and CVC code.
Of course, if you select another payment method, you can follow here the instructions.
I will do this right now and click on Submit Secure Payment.
Excellent guys.
The next step is to add your to create your password.
Set your password here for your for your account.
You see, I already typed my password.
I repeat re enter the password here and I will click now in confirm to continue with the process.
Here we have a survey that you can start if you want.
You can answer a few questions to so they can help you to build this website.
We don't need this, but let's click on START now we select the website and create a website for myself.
For a company, you can skip these or select any of these.
It doesn't matter.
And here what we need to select the platform you will skip.
You see the option here?
Skip?
I will start from scratch.
So this is what we are doing.
So we have more options and more control.
So click here on Skip.
I will start from scratch here at the bottom.
Here it is.
Now we can claim your free domain.
Remember, we get a free domain with this plan.
Or if you want, you can buy a new domain or use an existing domain.
In this case, I'll click on client the domain.
And here you will search for the domain name that you want.
Maybe you already know which domain you want, but you can check here.
You select the extension.
In this case.com.
You have lots and lots of options.
I will go with.com and this is the website we want to create here pro website Academy.
So I will search here to make sure exists.
Let's see if it's available or not.
Yes, the domain is available.
I will then continue.
And now we are ready to finish the process.
You see, the server location is North America.
And your domain name?
My domain name in this case is this one.
I can change the location if I want.
You see all the locations where they have servers so you can choose the location that is closest to
you.
In this case, I'll use North America and I'm clicking now on finish setup to continue and finish all
this process.
And the last step is to select and to confirm your registration information.
This is for the domain.
Every time you buy a new domain.com or any extension, you need to confirm the owner's information here.
And this is a public record so you can come and select the country where you are.
In this case, I'll go with us.
It will be our personal or company domain.
I'll go personal for this and you can enter here your name, last name your email address, city, your
address, everything about this And when you are ready, click on finish registration.
Excellent is being registered right now.
You see that it's initializing setup.
Your website is ready and we are now finally in the last step for your website.
You see here we can view the website or go to the control panel.
We are going to the control panel because we didn't build the website yet.
So manage website.
And here we have the control panel of Hostinger.
We will explore this in detail.
This is super fun, super easy to use and we can control everything about your website and your hosting
service on this panel.
The next step is to confirm your email address when you sign for hostinger.
In the last video, you will receive two emails.
One is about the payment that they confirmed confirming that they received your payment.
And the second one is the most important email where we need to take action.
And this is an email where we need to verify your email address.
So this is important because if you don't confirm your email address, your hosting account will be
pending and you won't be able to move forward with the website creation process.
So come to your email right now.
Check for hostinger.
And if you find the email called Verify Email address, you just click on this button to verify the
email.
After you click on the button, you will be redirected to the control panel.
This is the control panel of Hostinger.
You see, here we are in the address age panel.hostinger.com.
So any time you want to come here to the control panel, to the administration of your website, your
hosting, where you manage the domains, the email addresses, everything you need to come to age panel.hostinger.com.
You can put this on your favorites so you have a quick access to all these tools.
Once we are here, we are coming here to host and you see at the top we have the top menu where we can
see hosting.
We can create emails with your domain.
For example, in my case, my domain is pro website academy.com.
I can create emails with this domain so it's more professional.
Like for example, support AD pro website academy.com or Diego at pro website academy.com any emails
you can create.
And all this is 100% free for you on this plan.
Also, you can come to domains to buy more domains to see the servers and and also the billing, which
is also important.
So what we are doing right now is clicking on hosting here at the top and we see your domain here.
In my case, we see my domain, I click on manage to manage this domain and here is the most important
thing.
And don't worry if you see too many options here.
If it's a little bit overwhelmed because we have like lots and lots of options for administration,
we won't be using all of these.
We will just use a few to make sure you have a super professional website by the end of this course.
So in here you can see, for example, the details about your plan.
Where is your server, what is the IP address, your domain, cool things about that.
You see also all the statistics for your hosting.
How much are you using of of the space, how many inodes, how many subdomains and all this cool information.
Okay.
The next step is to install WordPress on your hostinger server to make sure we have a website that is
live on the internet.
And to do that we come here to hosting on the top menu.
Again, we are on h panel.hostinger.com.
We come to hosting at the top and we see the domain here.
You select your domain, the domain that you want, where you want to install WordPress.
I will click on manage.
And here we are again.
We are ready.
We have been on this interface in the last video.
We have all the options to manage your domain, to manage your website, to install apps and all that,
all that is related with this specific domain.
On this case, the domain we got is pro website academy.com.
On your case, you have your own domain here.
We will scroll down to the web, to the sites or websites option.
Here we have websites and here we have all the options for website.
And the one we are using right now is Auto installer.
If you want to import your website or migrate from another place, you can use these options here.
If you want to install a brand new website and you want to start from scratch, which is what we are
doing here, we select the auto installer.
So click on that.
Excellent.
Here we choose the platform we want to use.
The the most popular is WordPress and this is the one we are using.
Click on select.
Excellent.
And this is simple.
All we need to do here is just to provide some information about your website, about your business,
and in a few seconds you will have a website right there on the Internet ready for you to see and to
start optimizing.
So let's do that.
The first step is to add your website title on this case.
I'll add here Pro.
Website academy at your administrator, email your username and you can add a password here.
So let me add a password.
Excellent.
Don't worry about the advanced option.
Just click on next for now and here we have a confirmation before we install.
So you see that they will install the version 5.93, which is the current version.
The language you can change if you prefer to install in another language.
If you say Diego, my website is not in English, it will be in French or in Portuguese.
Spanish.
You can change this to any language that you prefer.
I will leave English for now.
You see the requirement.
Don't worry about this.
And in here I recommend you to go with the recommended option, which is update only two minor versions.
Okay.
Click on install and now Hostinger is taking WordPress the application and is installing right there
on your website.
By the end of this process here you will have a website live on the internet.
Of course it won't be optimized because we will do that in the next videos, but the website will be
live Right now.
If you have any problems during this process, let's say you have a problem, you get an error message
or something like that.
You can always use the help chat on the Hostinger website, which is this guy here you see here on the
lower right hand side, you see this icon.
If you click here, we are going to the knowledge base page, and here you can basically select one
of these issues.
Let's go with the main let's say that we have a problem with this.
And you you have two options here.
You can send an email or you can chat right now.
This is great.
I love this one.
I always use this one even if I don't have error messages, even if I just have a question about something
related with the website.
With the service, you can always come to the chat.
Enter your information here.
In this case, this is my domain.
Describe your issue.
Send the message and the chat window will open right there and you will be chatting with a live human
being that is ready is ready to help you solve any problems you have in the process.
Okay, excellent.
Let's go back now to where we were.
Here we are.
So we just installed WordPress and now that we have the WordPress installed, you don't need to come
here to Hostinger anymore, right?
We will come to Hostinger only if you want to renew your plan or stuff like that.
This is already done.
We don't worry about this anymore.
Now all that we are doing, everything we are doing right now will be in the WordPress administration
page, in the WordPress dashboard there we will install themes for your website.
We will make your website look beautiful, look professional.
We will add content to your website.
Everything will be done there in the WordPress site.
Okay, so how do we get there?
We can click here on edit website or I prefer you to do a different way.
I prefer you to open a blank page on your browser and go to your domain.
On this case it will be pro website academy.com.
As you see here, this is my domain.
And to your domain you will add forward slash WP admin.
This single address here guys, is the main address that you will always use to access your website,
your WordPress.
I mean the administration of your website.
If you want to add content, you want to change something, you want to update plugins.
Anything related with your website will be done on this administration panel.
Okay, so let's go here.
Here we go.
And now we need to log in.
What is this login information that is asking here?
This is the login information we just created in this video when we install WordPress a minute ago.
Okay.
If you don't remember this anymore, you can just recover by using this lost your password.
But I do remember.
So I will add my email here.
Let me see on my password and hopefully this will work.
Let's see.
Okay.
Wonderful is here.
I will just jump this and go to the dashboard.
Excellent.
And here we are.
This is the.
The WordPress dashboard here on your website.
You already have a website.
So if I come here to your domain, let me open a new window here and go to my domain pro website academy.com.
You see that?
This is the website.
This is how the website looks like right now.
If you go I mean, if you go right now to my domain, probably you will see a different page because
we will be configuring and optimizing this.
But this is any any person in the world at this exact time that I'm recording this.
If they go to pro website academy.com, this is the page that they will see.
But this is a default page installed by WordPress from now on in the next video we will start setting
up and optimizing your website, installing themes to make sure that your website looks super professional
and it has the feeling and the face of your brand.
That's what we want to accomplish.
Okay, We are ready to start with the WordPress theme to make sure your website have your business branding,
colors and style.
Okay.
So to do that, we will start installing a theme which is called Astra.
So we go right now to appearance themes.
Here we see all the themes that we have already installed installed by default here on the website.
And if we click on plus here on Add new theme, we can search here for Astra.
Okay, here we go.
Astra has some free templates that we will use.
So in this case, you don't need to worry about signing or paying for anything.
This is all for free coming from Astra.
So here is the theme we will click on install.
Right now it's installing.
Excellent.
The theme is installed right now.
Also, we will install another plugin from Astro, so we go to plugins and here on plugins we click
on Add new to add new plugin and here we have the upload option.
But we are searching on this case.
We will search again for Astra.
So we have a theme and also a plugin that we need to install from then.
This is the one start the templates install.
Now you see they have over 2000 reviews with over 1 million active installation.
We will activate this plugin right now.
Excellent.
Here we go.
Is activating.
And now, before we change the face of your website, let's take a look how your website looks like
right now.
So I go here to Learning with Diego, visit website.
Let's see.
This is the face.
This is what we have right now on the website.
You see, that is a really simple website that is nothing, that has nothing to do with your business
right now, but that's about to change.
So we come back here on this case, we go back to plugins.
And we see we start here for started templates and we will click on see library.
Excellent.
Here we will see all the libraries.
There is a video that you can watch if you want.
I will click here on Build your website now.
And in here you select the page builder.
You can choose any that you want, but I recommend you to go with Elementor.
This is the one that we are using here.
Elementor.
Excellent.
And now we see all the templates that they have available here.
You can see the list by popular latest, the premium.
So most of them are free.
So you can take a look on all the free options and choose the one that you like the most so we can choose
right now.
Let's find one that is great for the business.
Let's go with this one in this case.
So click on that.
We see we can upload the logo.
We will do that later.
This is how the website looks like.
You see, we have a top menu.
Take action, learn more.
We have events here.
We can add products if you want.
You have all these available for you.
So I like this.
If you want to test another template you are welcome to or you can choose this one and follow with me.
Click on next Here you can change the color.
Look how simple this is guys.
You can change totally easily the colors just with one click.
They customize the colors by the template that they have pre-made here on this specific for for this
specific theme, I will go with the default colors for now.
You can also change the fonts.
Let's click on continue.
And now they are asking for some information about us.
You can add information here about your name.
And let's say that on a beginner and I'm building the website for my company or myself, I agree with
the terms and conditions.
I click now, submit and build my website.
Okay, here is the email address.
Okay, excellent.
Now we are building the website.
The website is building right now.
You see the percentage going up and here we go.
The website is ready.
We can watch the video again or we can just click here to exit to the dashboard.
Let's see.
Here we go to the dashboard.
Excellent.
Now, if we see the website, this is the website we had initially.
I will refresh the page now.
So let's go refresh.
Let's see.
This is the website we have now.
Look at the different guys.
This is super professional.
It's a different kind of website.
We have sections, we have great photos, pictures that we will replace for your products, your photos,
photos of your business.
So basically you can customize any of these areas easily here on this website.
Congratulations, your website is ready.
Now we need to for sure change and customize.
Personalize this for your business.
How do we do that is also really simple.
At the top we have an option here called edit with Elementor we will click on that.
Elementor will open for us and we will start editing your website and you can edit this as a simple
text processing document.
You see here that we can select text text and you can change the text here.
The title, for example.
So Wonderful Gift.
In this case, the subtitle you can change.
Also you can change the the button, the the text on the button and also the color, the style.
You can customize everything.
So let's start with that.
Let's say we have a digital marketing agency, digital marketing.
Agency and let's change these two.
Take your business to the next level so you can customize all of these.
Learn more.
We have here.
Let's change this to see.
The.
Agency plans, for example, for consulting or stuff like that.
So I just click on the button.
Now in the left side, I see the default.
You can change this to any style that any type that you want.
You see that the color changes.
So let's go to the default.
The text is here and you can add a link.
So in this case, let's add a link to a website where they can find information about these plans.
For example, they have a pop up option.
If you want alignment, all this is available to you.
So you see that the top the main area of the website is already customized.
Looks great.
We can change the image now of this picture.
So to do of this area.
To do that, we right click here on this section, we go to edit section and here in the left menu we
have layout, style and advanced.
If we click on style, we can see the picture here.
We can change this image at any time.
So let's change the image here.
We can insert media, you can use the media that you have, or you can upload new media.
So let's upload a new one.
Let's see, here is the image.
I select that and I click on Insert Media.
Excellent.
Here we go.
You see, now we have the image already inserted here on the website.
This looks fantastic.
Also, we can change this by double clicking and change the text.
We can change the photos.
By clicking here, we can change all the text, the the buttons, and you can customize anything that
you want.
Let's say you want to add a video you said Diego, That's great.
I want to add a video here below or above this sentence here.
So how do we do that?
We come here to the main menu.
You click on the on the on the six dot square on this corner and you see all the elements you can add
to your website.
Let's say we want to add a video, this one, for example.
So I all I need to do is select the video and say, Show Elementor.
Where do I want to add?
Let's add below the text.
So here we go.
We have the video here.
And if I click on the video, I can customize all the settings about the video we have here.
YouTube, the link of the video.
I can change this for the link that is the real link.
Start an end time autoplay mute loop.
You can configure all these here on WordPress so when you are ready, let's say you are ready to go.
You like the website, It looks professional.
Fantastic.
You test it is fine.
You can click here on update.
Excellent.
It's updating right now.
And once it's ready, I can just go to the main menu here on the left and go to Exit Dashboard or View
page.
Let's view the page to see how it looks like right now.
So I go here view page.
Is opening.
Here we go.
This is our website.
Right now.
We have the top menu.
Take action.
The logo, the agency plan.
If I click here and go into that page specifically, we have the video, the products, everything that
we customize here on this specific video.
Also, let's say you want to configure, you want to change, you want to add here the logo of your
website.
You want to change the menu.
How do you do that?
Here you are on your website.
You click on Customize on the Top menu, and here you will see a preview of your website.
And if you put the mouse around the website, you see that you can customize all these items.
You see a pencil, a blue pencil here.
So if I'm here on the logo, I click on the logo pencil and I can upload the logo so I can remove this
and upload a new image if I want.
If I want to change the menu, I can just click here on the pencil around the menu and you see that
we have the menu here.
With the primary menu I can click on edit.
And you see all the elements about is the second one services, the third one projects contact.
And here we go.
So you can change all these by clicking and changing the information here.
If you want to add a new item here on the menu and you want to create a new page, let's say all you
need to do is go and create a new page.
So let's do that right now.
So I'm going back to the dashboard and going to the pages menu.
Let's go here.
Dashboard.
Excellent.
And I go to pages.
And I can go add new page.
Excellent.
He's adding the page.
And now I just need to add the title of the page.
So let's say this is products.
Products and click on edit with Elementor.
He's opening right now.
And here we will have the option to customize and add any information, any blocks to your page.
So you see here we have the footer, the top menu, and here we have availability to add any of these
information.
So let's say I want to add an image first.
Excellent.
The image is too big, so let's go medium.
Excellent.
Let's go.
Medium, Large.
Medium.
Let's now add another element.
Let's add a test heading.
Okay.
And we will see.
This is a list of the best selling products.
And here we can add more things.
Let's see.
We can add, for example, a video, a button space text editor.
So let's put a text editor here.
We can add images, also images of your products.
So they look good.
And we have all this flexibility here on this page.
Okay, When you are ready, you can click on publish.
So this will be the products page, for example.
And if we want to add this to the top menu, all we need to do is go back to the dashboard.
I need the dashboard.
We we do the same process we did before.
We go to the home dashboard screen and we go now to customize.
So view site.
Here we have the website and now on the top we have the customize options so we can add the menu here.
Customize Excellent.
It's opening here for us.
Let's click now on the menu to add the menu item.
And here we have the primary menu.
Remember configure menu from here, click on the primary menu edit menu and we can add new page here.
So add items and here we have all the pages available.
So here we have one products, which is the one that we just created.
So I'll click plus here and you see that it's automatically added to the menu.
So I want this to be the first page after home.
So I just drag and drop here to the top publish.
And now we have the projects here on the top and now we have a professional website ready for your clients.
All you need to do is come here and edit and you can choose this template that we use from Astro or
any of the other free or paid templates, if you like one of those.
And with that you will have a professional website in minutes ready on the internet for your customers
to receive your customers and you and sell your products, your services easily here on WordPress.
See you in the next video.