Hey, what's up guys? I'm Greg the founder of DearBlogger.org and in this video
I want to show you how to make a website with GoDaddy well last year
We made a website with a go to the domain name web hosting and wordpress and it went great
We helped over a thousand people set up a website from scratch which was awesome
But then GoDaddy decided to change the way everything looks
The screens their registration pages and it confused a bunch of people and they complain
So now we're up to in the video
And I'm super excited because it's been a year a lot of the software's have changed spins giving us a chance to just step back
And realize what kind of a website we want to meet today all right?
So enough chitchat get out those laptops bring yourself a cup of coffee. You got whatever it is you like to drink?
Let's hop over to my computer and see what we're gonna make together
Let's do it
So here's the website that we're gonna make today from start to finish and as you can see it turned out really beautifully
it's modern and clean and yet nothing fancy and
When you use it as a designer. I think you'll see that it's simple easy to use and just plain works
So I'm going to show you how to create this full screen image gallery slider
That goes all the way to the bottom of the page
You see these on a lot of websites these days and you can insert as many slides as you want
So you get your headline and your sub headline and your call-to-action?
Button which will go to a different page on the website we can click that in a second
And then if we scroll down we get our featured boxes here
So this is where you can write another headline, and then tell people about your business
So if you're a teacher trying to get more students for your course or your online course this could say it like
Browse courses sign up and then download the materials and watch the videos and then learn
Interact something like that or if you're an investment firm trying to get new clients
This could say like preliminary assessment, and then pick a fund and then invest with our guidance and then grow
You get the picture this website is good for all different types of businesses and niches
Scrolling down you get this awesome landing page
So we're gonna create a landing page where you can put anything from a picture of yourself or just
A little welcome message like we did you can also insert videos here, or if you're a musician
set up your downloads like your Spotify profile or something or your SoundCloud and
We're gonna learn how to get these cute little icons because if other websites use them
You know why shouldn't you be able to and you get thousands and thousands of icons to choose from?
So it's really cool, and we're also gonna do this sidebar over here
So we got to put something in the sidebar in our case. We've just got
Testimonials from celebrities this one may or may not be real
But we also have ones from my youtube channel just from when I'm helping people out every morning over there
So we don't need to wait till the morning to help people on WordPress because WordPress never sleeps, and it's fun
We love helping people here on the channel so the websites gonna be
Full of stuff that you could add on WordPress
And we're gonna learn how to add everything you see here without any coding or technology required by the way
We're gonna learn how to add this Facebook like box so people can interact with your Facebook posts right from their sidebar
it's really cool and just
basic features like recent post social media buttons a search bar
If we're all the way at the bottom of the site
We're gonna see that. We'll create a footer for you guys. We're gonna learn how to insert a video
Set up some more testimonials so that your website gets reviews and can gather reviews like Amazon or Ebay and then
people see that and want to buy from you and
We're even gonna learn how to edit the copyright so some themes make you pay money to change the copyright which is ridiculous
I'm gonna show you how to do that for free
So that's really cool. You can make this site all your own if we click on this button
It'll go to the top and then at the top you're gonna learn how to insert your own logo here
So you can choose a logo and put text or just an icon?
This one is just cool because it shows the computer browser with a little clock and abstract clock with the coffee cup
And we're gonna do that without any Photoshop, or design skills required and for free as well
Then we of course need a navigation menu
So we'll learn how to create one of those and people can click around and get to your sub pages
Learn how to create as many different pages as you want or you can talk about your process
What you do your mission statement and so on and so forth?
Last but not least we'll set up a blog page so that you get blog posts and can
Talk about your products and your business and use the blog to attract more visitors to your site
Because these posts are really good at ranking in Google
and if you have just one post it goes viral it can bring a lot of visitors to your entire blog and operation and
I'm not sure what comes after last, but not least maybe your lastest if you have any ideas happy to hear them
We're gonna create a Contact Us page where people can reach out to your business
They can learn about where your operation is so they can visit you if you have a museum or a training fitness program
They can come use your services and they can also send you a little note
right here, so we'll test this when we make it in the video, but it's all really clean and professional as you can see I
Like it, and I hope you do too, and we're gonna learn how to make it all in just a second
We should first talk about our three-step process that we use last year that went over really well with everyone
So we'll talk about the process that you can do and any beginner can follow it to make this website
Just like a web designer would we've also tested the website in
ScreenFlow, which is the mobile responsive test so that you know your website will look good no matter
What device people are using it on?
And when you make your website you can test it here too, you just need to choose from all the different phone sizes and
Then go ahead and see what your content looks like of course we want to enable
scrolling and
then you can really do a
Complete review of your site and make sure it looks good, so what do people have these days the six or seven
So that's pretty cool. I
Still have a six, so I don't know about all that other
futuristic nonsense
But we have every different kind of testing here
And I've looked through all of them to make sure that people can access your website
No matter what device they're on no matter. What browser
Even if they're using like a massive
Desktop screen that looks like a flat-screen TV
Everything's gonna look really nice, so I think it's all going to be an amazing experience for you guys
And what do we have up here?
We have some inspiration
So these are real WordPress websites that I looked at to get ideas like the full-screen image here with the call-to-action
buttons from Tim
We can see Katy Perry has this image slider, which is awesome. Just like ours
you can set up as many big full screen high-definition images as you want like this one with the basketball interface and
Then you can set up music and videos and merchandise as well. You can sell from this website
You can basically set up any sort of layout you want when you use WordPress. It's really cool
So we also have WordPress beginner here, which shows us more notable names and brands that use WordPress
We have Star Wars with these really cool layouts. They showcase like blog posts and videos
And I'm showing you all these sites just so you know that you can create a website like these
Once you use WordPress like we're gonna
Do you really are on a level playing field and this is what you can make there's no stopping you
Zoella has this beautiful site with these cool categories like pumpkin picking
pancakes and then uses the full-screen image and
Nothing stopping you from making this site because this is just a WordPress website
It's just that she's an amazing person, but I know you're an amazing person too and can do all this
So whether you want to you know become a wordpress designer for a company like one of these once your skills are perfected
Or if you want to use your website to create your own brand like these and make yourself famous like Beyonce
Or if you just want to create an amazing website and be some mysterious blogger that no one knows about but runs a really cool
Website and makes a ton of income from that site, then you can do that, too
so here's just a couple more examples like Mercedes got the image cider like ours and the search button and
the navigation menu in the upper right and the tiny little logo
saving space
And the list goes on and on and on it's really awesome, Walt Disney
totally awesome and beautiful and like I said you can create any
Websites like these if you want to learn how to break them down
Or you know see what sort of layouts they're using I'm happy to help
And if you don't believe me that they're using WordPress try just putting that little slash
Wp-admin after their domain name and
you can be really crafty and
Confirmed that they're using WordPress with the WordPress login screen like you'll get and you can log into every morning once you're done with this
tutorial
So that's really cool. I hope you enjoyed it
I wasn't going to sit here and tell you you're gonna make the next Apple or
Uber or Airbnb or something because those sites don't use WordPress
So I wanted to show you real examples of WordPress sites
So you get real inspiration and can actually get down to work and make something just like them
Alright, so that concludes our little tour
Thanks a lot for joining me on it if that sounds like something that interests you this year
I'd be honored to help and I'll tell you right now that the process
we'll go through is the exact same process that a
Professional web developer would do for you if you went out and hired them in your local town over
They would charge you thousands upon thousands of dollars, but we're going to do it for much less because we're doing it ourselves
That process is to one register your domain name that part
we obviously need to do so you'll learn how to start a website from scratch or
Build a website if you bought it a minute before and you're sitting there
Then you can just skip ahead tutorial that domain name is an address on the web
It's all we like to look at it, which helps us think of step 2
Which is register web hosting in other words just get a plot of land to put the website on
Once we have those two things a address and a plot of land which every website needs
We can do step 3 which is to install
WordPress on to the plot of land or press this the same software used by major brands a Beyonce Forbes Katy Perry
Rolling Stones for Mercedes Walt Disney Bloomberg the list goes on and we're gonna use WordPress to create your website, just like they do
Alright, so to get started open up your web browsers here, and I'm using Google Chrome
but if you're using Firefox Internet Explorer Safari Opera, whatever it'll work just fine and
I like starting off at Google so we can type in G. Oh
Dadd
Live.com and hit enter because we're gonna use GoDaddy of course
This is a GoDaddy website tutorial and click on GoDaddy
Alright so here. We are go daddy, and I did already buy the domain name
We're gonna use for our website today in advance
Because I like having the perfect domain name for each tutorial and I didn't want someone else to buy it
If you're like me and you already bought your domain name
then open up those video notes below and in the time stamp section click to
Step two I'm perceiving there, but we are gonna actually buy a domain name today
Just so we actually buy something and so you see the exact buttons and you know all the links you need to click to get
The entire process done, so I'll walk you through really quickly my strategies for picking a domain name right now
And then we can actually buy one
The first thing I like to buy is my name
Com because if you run any business online
When someone visits your name com they should see information that you've put up about your business or at least
Some kind of portfolio website or about main page you don't want them to see something
misleading or
Not you
So that's a great place to start if you don't have a domain name at all and it's really good for a lot of different
Kinds of websites like portfolio is branding wipes. It's business websites blogs
I've seen a lot of success with this strategy. You might also want to try just your brand calm
So that's also a good option if you're selling something or if you're making a business
Or you know a musician or artist, but you definitely don't want to pay the price of a premium premium domain name
That's probably the biggest number. I've ever seen on GoDaddy
Or anywhere online of course you can get around it. You know about adding more words. That's usually an option
You just have to play with the domain name a little bit, which leads me to my next strategy
which is if you can't get your name or your brand calm you should try to get your name or brand plus a
Keyword that describes what you're doing like plumbing or finance
Or you know tutorials and that'll usually work
Those are usually available the keywords are good because when people look up the stuff you do in Google
Having this word physically in your domain name will
Get you more traffic because people are going to want to toriel's that way when people look up what you do
They're gonna be more likely to find your site
Additionally if at all possible I recommend you try to buy the dot-com because two reasons it's the most
recognizable
when people think of your brand like Facebook or YouTube or Netflix and want to find it they're gonna type in Facebook or YouTube or
Netflix com usually it won't hurt your brand's ranking in Google or any of those techie aspects if you get any of the other
Extensions like org or dotnet, but you just want to consider
how it looks to everyone and maybe avoid things like that online or
Adop biz if you can because we're still not that familiar with them
Additionally the coms are by far the most valuable if you ever want to sell your website and still main name
I want you to have the most valuable domain name and stand to make the largest profit not saying it'll happen
But it certainly does from time to time and I want you to be building your content on the most valuable domain
Impossible of course just get one domain name for now you don't need to protect your name with these domains
It's honestly just a way for
GoDaddy to make more money so enough chitchat, let's move forward and actually register a domain name that does it for domain name strategies
But feel free to ask me more in the car now in the case of the real website. We make today
I want to explain how to make a website in four minutes
So I already bought the 4-minute website com it's a real process and a real service and a real community
What will make a website quickly and show all the steps and processes?
involved
To get that end product which is a website
Of course it might be smart to get some of the related domain names
Just in case someone tries to rip off RTL later on so just for the heck of it. I'm gonna buy six-minute website
Calm but we'll do all our building on 4-minute website
Calm so once you're happy with your domain name all you need to do is come over and click Add to Cart
GoDaddy will verify its availability and then say added now just click continue to cart
On this page make sure to select no, thanks
We can always add those protection things later on but they're really just additional costs, and we're operating on a budget here
and then make sure this says no, thanks and
continue with these options
Next we want to change our term period from five years to just one year
I think that'll be enough for now and it'll definitely reduce the price make sure this protection thing is all
Although it is totally up to you if you want to protect your domains privacy and pay the extra amount of money for it
I just don't typically do that great now
I do a quick scroll down and make sure that all the additional services are gone and you're just paying for your domain name
Eight dollars and forty cents is a very reasonable price however
I want to try to get it as low as possible for us, so let's click. Have a promo code
I believe in last year's tutorial we entered in CJC
FW 30 off so we'll try that again and click apply
Didn't work because it's a year old and usually they only let you use a coupon once
So if you want to get that coupon lower try a coupon site like RetailMeNot
Or if you get emails from GoDaddy you open up here at gmail inbox and look up GoDaddy. Sorry for the mess
And beneath GoDaddy emails. It'll show you a little coupon usually
Where is it? Of course this one doesn't have one?
Let's look up GoDaddy discount
And you can scroll down
Here we go so sometimes beneath GoDaddy emails. They'll say use promo code
Blah blah blah in your cart for a nice discount like 40% off would be great so you can even use this one
I won't use it today
It's FBF HPG 40 B. And then just try to pop it in and save some money
lastly on the screen
I will tell you that if you choose two years
you'll get a cheaper cost than you would in the second year because
The cost of a domain name is a standard $15, and if you pay the one year price
You'll get the eight forty seven or whatever the discount is and the next year you'll pay
$15 however if you pay for two years upfront you might get that discount applied to both years if we tried
Three years, it's going to be even cheaper in the long run, so
The decision you'll have to make is probably just one versus two years
So you can pay for two years up front at sixteen ninety four which is just eight forty seven x two
Or you could pay for one year
Which is eight forty seven and then in the second year you'll most likely pay fifteen dollars price difference there it would be eight
forty seven plus
15
Minus
Sixteen
Ninety four
So it looks like at this point. You'd save about six dollars of 53 cents over the course of two years now
I'm no math genius, but six dollars and 53 cents is not bad
It's all more money in your pocket so it's something to consider
But I'm fine with this one year registration for now
So I'm just gonna move on if you haven't set up a GoDaddy account yet, you're gonna want to click or register
Like so and then you can set up a new account you could also continue with Facebook
Which is really fast and easy?
After you go through this process then click create account and you'll get to the next screen that we're gonna
See, I'm just gonna click sign in real quick
So here we are on the GoDaddy order confirmation screen
Just make sure you're only paying for your domain name for the desired term period make sure there's nothing
extra sitting at the bottom of your cart here
Then you're gonna have to enter in your billing information
Just like you would for any online purchase like it Apple eBay Amazon or something like that
Already have my credit card in here though. So it's really easy once you click complete purchase
You'll take your domain name off the market
You'll be the only person who owns it and everyone else can come and visit and see how great it is
Big congratulations if it's your first domain name ever and if you want to click complete purchase together
Let's do it on three two one click alright
three two one click
Alright they said thank you for your orders. It looks like it went through
We don't want to do this stuff though cuz I'm gonna show you how to make a website
And Plus this isn't like a real website
It's just like one of the tools that they give you so let's just click skip and manage domains
Alright so here. We are on our list of all your domains
It's looking pretty good
If you just have one domain name, that's really easy then
Alright, so now is a good time to take a little tour of GoDaddy and talk about what we're gonna use them for and
what we're not gonna use them for
So we're gonna use them for managing our domains with this nice list and every time you buy a new domain
It will come in here
In a little bit in the tutorial a little bit later
We're gonna click on these three dots to edit the settings of the domain name and that just helps you
Point the domain to a certain place so when people visit it they go to wherever you want
So gives you control over the domain
You don't want to click on use my domain though because that takes you down the road of using Go Daddy's premade tools
And then you end up having to store everything at go
So if we go to the upper nab we can see we can buy and sell here
DNS is just the same as this little three dots
And there's some nice settings
Never click there though, and I've never actually clicked help either, but just so you know they're there
The main section comes when you click on your name
So this is like the real meat and potatoes
You can click my products
Which will take you to a different
Display of domains and this gives you the option to buy other things from GoDaddy
So this is like everything from a you know larger view and then you can click manage all to get back to that
list of just the domains
If we click on our name again, we can also click account settings
In this section you can change your name number currency address so on so forth
You might have someone work on a website for you and need to give them your PIN
so you could look at that here or change it and
From this section you can also click on
my products
And you'll get back to this screen
Alright guys, so you just registered your domain name
You're super excited to build the website
and I wanted to check in and say congrats and
Introduce you to the next step alright so the tutorial is actually gonna step away from GoDaddy now
And we're gonna learn how to pick our own web host all right so wall
It's jump Lea right so while GoDaddy offers web hosting
It's advised but a lot of people to get your web hosting and your domain name at different places
And I'll leave you an article on why that's important below in the comments
I'm a big guy, but the gist of it is that you want to have more control
You don't want to just get your web posting at a place because you got your domain there
Because you might get sick of it altogether and just feel like you're stuck now in the last year's tutorial
I gave example of the pizza place, so let's say everyone goes up for burgers
but one person wants pizza and
The burger place happens to have pizza on the menu like at Burger King or maybe it's connected to a Pizza Hut or something
You gotta ask yourself whether you're gonna like that pizza that just happens to be on the menu in other words that?
Hosting that just happens to be on GoDaddy's menu
If you're gonna like that
or if you're gonna like the product more if you drive your car down the road to a good pizza joint and
Get a fresh pie there
You know which is gonna be the better result in the long run, and I have another analogy this year
Which is that? You don't want to live where you work so sometimes like when I lived in New York?
I was just living there because I worked there and it just felt convenient
It was like I didn't have a choice in the matter. I was just like living close to work. You know
I was just like hosting right where I had my domain name
You don't necessarily want to do that long term
If you can you want to live somewhere like in the mountains or by the lake or out in the suburbs?
someone relaxing where you can create your work and
Set up a website and do it for a living and just walk outside and enjoy the environment
That's what it feels like to me to host a website
Somewhere other than where I host my domain name. It's just less hectic. There's more
Freedom and there's less you know crazy stuff going on go down is a great place
I've used their services for both like I've used Go Daddy's hosting on client projects and it's
Pretty limited they just get the job done. I'm also use Hostgator the web posts
We're going to use today on many projects for you know several years and they offer a lot more
They give you tons of free tools the layout is always really modern, and it's easy to find stuff
They in fact let you install WordPress in I think three different ways which are all
Equally good and all install the same version of WordPress, it's just a matter
You know how you want to do it whereas GoDaddy just offers in one way
So you really want to place the caters to your needs and lets you relax?
Create your work in a nice peaceful setting and is away from all the madness of a domain name registrar
And that's why I want to help you pick your own web host also the prices for twelve months worth of web hosting are
Marginally better at Hostgator than they are GoDaddy. It's just a couple pennies
Which not a big deal, but then again save up those pennies by bit come with them
You can become a millionaire someday, so you never know overall
I just want to give you the ability to choose a web host which is different from your domain name registrar
So that you can choose the best place for your needs um
I guess that just happens to be Hostgator, but if you go with it different web
Host this step should be roughly the same, and I obviously still hope you can follow along just fine alright
So that said let's go ahead and let's take that scary step and register, bypass - let's do it
Also if we visit the website we just registered in a new tab it's gonna show up blank
Aka the white site or maybe you'll get an advertisement here
Which is even worse if you don't have hosting you're gonna get the white site
And if people see this like your friends and family see it. They might know that you're building a website which is fine
They'll come back later, but if your customers and visitors from Google for example see this
It's very bad because they're gonna think your site's down
Or you don't know what you're doing so no hosting equals white site equals bad
What we need to do now is quickly set up our web hosting so we can put WordPress here
And we're gonna do that in the quickest and most affordable way possible so that we can get your most basic
Information posted here online, and then eventually make it beautiful
alright, so let's do it and
I have no clue where this estimated value column came from
But that's kinda cool
So to get started with your web hosting and then setup WordPress or with no coding or anything like that
Just bring your mouse up to the URL bar and type in Hostgator
calm that's
Host:2 are calm and hit enter
So why use Hostgator
Hostgator is one of tons of different companies that focus on web hosting
I just happen to use them for all my blogs and websites for clients personally use
Etc etc and you really could use any number of different sites
But Hostgator has some of the best prices and when it comes to support
they have consistently the best live chat feature you can click live chat and upper right and
Open up a little sort of aim like an updated aimed chat window and use red in your name
They use your name your password and your type of hosting package
And then they consistently get the quickest best and most friendly support
It's a little actually like login to your site for you and fix things. They're outdated or broken or whatever you need to work on
They also invest a ton of money in providing new web hosting tools like cloud hosting wordpress hosting VPS hosting dedicated hosting
So that you know they're a good place to start and a good place to grow up with
In my case I started with the web hosting package and I still manage the blogs did I used to make a living?
With this simple web hosting package so you know five six seven years later
Haven't even needed to upgrade okay, so let's cut to the chase and set up our wordpress website
You can either click get started now, or just click web hosting
Now you're gonna
See the three most basic and cheapest plans at hostgator
The cheapest one is the hatchling and this is great for one domain name
The only difference between the hatchling and the baby is the baby lets you run multiple domain names like your parents website your friends website
you know the pizza place down the street website and so on and so forth and
The business plan is just too many features for us right now this would be if you're on like a corporate budget
But we don't need a business right now
So it's between the hatchling and the baby and just cuz I went with hatchling when I first signed up for my first site
Let's choose hatchling this feels good right now, and I eventually upgraded to baby
So you can of course do that at any time through of course the live chat?
Do it for you if you want you can also click? How do we stack up against the competition and
They'll give you like a nice little pricing comparison and all the other features compared to other competitors
and you know hosting is pretty competitive so
They have to really throw down
But for now let's move forward and click sign up on hatchling
All right now you're in the hostgator order form you're doing a great job
And the first step is to enter in your domain name that we got from GoDaddy
But just kidding we actually want to put that in I already own this domain and
That way we will not register it with Hostgator because we don't want to pay Hostgator for the domain name
Tip all right
Next make sure just the dot-com is checked all right. We don't want to get sold on any other domain names right now
And come on down to step 2 in step 2 it's time to make sure you have the right package type
So we want hatchling which is again the cheapest most basic plan to set up WordPress
For billing cycle, I'm gonna bring it to 12 months however
because 1 year is really enough time to try out the website and see if you can make some money from it and
Then not have to think about renewal or anything. I like that 12 month cycle, but of course
It's up to you
You will notice that discounts start at 12 months though, so I think it's also a good place to start see that percentage off number
Now just enter in a username of your choice
And a security pin alright, so
Make those nice and secure
Come down and in step three you're gonna want to enter in your billing info
Just like you would for any online purchase like Amazon eBay
you know Netflix anything like that and you can choose credit card or PayPal whatever you're more comfortable with I
Like going with credit card so I get the points
Now scroll down and where it says add additional services
it's actually time to uh Nadd them so don't use these additional services because you can add them later on through live chat and
We're on a budget
speaking of budgets
Let's move to step five now where we can save a greater amount just by entering my coupon code in right here
So that's gonna be big bonus
And once you enter it in you could enter it in with caps or not. It's not case-sensitive
This looks good though, and you can just click validate and watch that discount here go up the green discount number
All right awesome so entering in big bonus will save you 50%
Which is the biggest discount available now at hostgator? Hope that really helps you
I'm gonna explain these numbers here in a moment, but just know that that coupon is my coupon so if you use this coupon
I'll earn a small credit from Hostgator at no cost to you
Which really helps me keep making free videos and that way I don't have to
You know make people pay to take the videos as an online course, or I don't have to put
You know YouTube advertisements on top of them
So pretty cool with that in there. We can look at step 6
which is review order details so we get the
Support which is of course free
Account activation which is free. I don't know if that means it just means they set up your account for you
Money-back guarantee, so you have 45 days if you don't like this purchase
Or if you don't want to go forward with WordPress, just let them know and they'll give you your money back and then hatchling plan
12 months
perfect for 50% off
That would originally be about you know whatever. This is like
whatever 107 is divided by 12, but now it's just
50 370 which comes out to under $5 a month, so like less than one lunch per month
Or you know one lunch at the deli
That you skip and instead you know make yourself a nice sandwich and soup and some chips at home instead
Alright so subtotal. Yep. We don't have to look at that because we have the discount and the amount due is the official total and
There you go, so it's pretty cool. I hope you enjoy this
I know I mentioned the Hostgator has some of the best prices
But I can't think of any other web post it has better prices at the moment
I've used a bunch of different ones for different web development projects so
You have my confidence that this is the best price around and I hope you really like their services because I know I do too
Alright, so I think everything is looking good
Especially when you consider that if you hired a professional web developer in your local town to do this
They would charge you hundreds upon hundreds of dollars and probably add this hosting cost in there and make you pay for it, too
So when you think of that you really save a lot doing it yourself, and that's all really awesome. All right
So congrats on getting this far
Let me know any questions or doubts you still have in the comments
But I'm ready to move forward
So I'm just gonna check this box saying I've read the Terms of blah blah blah, and we can do this part together
Which we did it go daddy so on
Three two one click will check out now ready three two one
Congratulations and welcome to the Hostgator family when you see this screen
it's now time to check our inboxes and we can come play around in the
hostgator customer portal later on
Back in your email inbox you should see two new emails from Hostgator, which are very important
And you never ever want to delete the one we want to open up first is from sales
And when you open this email you should see two pieces of information called first name server and second name server
That we're going to use to connect your domain name to your hosting and it is absolutely necessary
You need to write in your name servers from wherever you host your site in wherever you?
Register your domain name to connect everything and make it work quickly and flawlessly so
Let's open up GoDaddy
Now it's time to click on our name like we talked about and then click manage domains
You might need to log in again, that's fine
Now we'll just choose the domain name
We want to use so I want to use 4minute website this time even though we got 6-minute website
Just because you know
Four comes before six, and if you can do it in a shorter amount of time why not?
This will be for a future tutorial a little foreshadowing
so we're just going to scroll down and
Click on managed DNS right here
and
then in managed DNS you're gonna see name servers, and you want to click Change and
Then your should say default so you're gonna want to switch it from default to
custom and
Then whatever it says in name server 1 right here you're gonna
Delete it and you're gonna write in the first name server from Hostgator
So I like writing it just so I know like exactly what it says
It's just NS 119 dot hostgator.com, and I know those were already in there. I'm just going through it
so you get all the steps and
Then the second one
NS 120
Dot hostgator.com, so yours will be different numbers
But it should take the form of hostgator.com
It just might be a different number right here
Make sure the first one is at the top and the second one is at the bottom
And once you're done, and you've made sure that they look, just like they should from your email then click Save
All right now
It's gonna take a little bit of time for your domain name to connect to your hosting because propagation is going on during this time
Servers are updating around the web and telling everyone hey
You know Bill or Jane or Babur Sally made a new website, so we're gonna
You know show it up on their domain name, and it's gonna go to Hostgator
And this is what we got to do with it and that process can take up to 72 hours to fully complete
It's usually a lot less for me it only takes about 2 or 3 hours
and it should be a short time period if you're in a
Busy city with servers that are updating quickly, but there's good news. We've now successfully
completed step 2.1 and connects to our domain name to our hosting and
We have work to do which is step 3 install WordPress, and we can do that step right away, so let's do it
Come back to your email and to begin installing WordPress. We just need to log into our hostgator customer portal
So let's go
Back and open up that billing email
And you're gonna get this nice link that'll say something like hostgator billing portal or hostgator customer portal
They're the same thing and I still password so we're gonna use this information to log in and install WordPress alright
So let's copy the password
Remember your email address shouldn't be too hard and click on this link right here
Alright we're logging into Hostgator here for the first time probably
Click login
All right those guys probably updated everything and made it nice and pretty for us
So on this front page you can see your account summary and like all the packages you have a lot of different packages
And we just want to click on hosting right here
If you have any questions about the services or icons or what everything does just let me know I've tried out almost everything by now
But right now we just want to move forward
And we want to install WordPress so scroll down and just bring your mouse to where it says launch quick install and click that
Alright once you launch quick install its gonna
Give you some options for site builders and CMS's and we want to choose WordPress a customizable template based on solution
Used by well, I can't read, but it's the free one
This screen is really easy. It's just gonna say the latest version of WordPress here
So I'm probably backdating myself because yours will be a higher version
which is awesome and all we need to do is just select domain for installation so click on this drop down and
You're gonna want to find your website, so we can see I've been quite the busy bee with making domains and websites over the years
There we go
Now just leave this directory box completely blank and click Next and we're not gonna let it pro. Do it for us
We're not gonna fall for that because this is really easy and we're gonna save these costs by doing it ourselves
So just click Next on
This screen it's all so easy to just type in a blog title
Which you can change later on?
Admin user which you cannot change so make this something serious that you're gonna want to like seeing every day like your first name
Then write in your first name and your last name and your admin email
All right, so this is information. That's going to be set up at wordpress for us by hostgator
You're gonna be Greg or whatever you write in right here at
WordPress
Now just check this box to agree to Terms of Service
and it's time to do the first install of WordPress for a lot of us so we should definitely do this one together and
Get ready because you're gonna have to know a ton of code and techie stuff and like
JavaScript, and all just kidding. You don't have to know any of that. That's what this buttons for it does it for us, so
On three will do it ready three two one click three two one
click
Congratulations everyone installation complete meaning nothing broke and you're gonna. Be really excited and want to click on this link but don't do that yet
because it's gonna make this screen go away and
What I need to tell you is it can take an hour or so for your wordpress files to settle into place
So what I like doing is just going for a hike you know getting a snack
Taking a little break right now and then coming back, so I'm gonna do that I'm gonna come back in an hour
But first I want to click view my installs and change our password
So let's do that
If you saw before the wordpress password was like long and really goofy
So now we can just scroll to our site, and we're gonna click reset password
Now select yourself and enter in a new password, which works for you, and we'll click update password
Alright don't hack my sites
Great job also in the meanwhile. You should get an email from WordPress saying that your installation was complete at the Hostgator marketplace
So that's really cool congratulations again, and this is where I'm gonna leave you guys and go on my nice little
hike here
And then we're gonna make a wordpress website and create a blog and set up a website with all sorts of amazing content
So can't wait. I'll see you soon
All right, I hope everyone had a good break. We're now back and we're done with step three because it says install complete
So let's check out WordPress and see if it was successfully installed onto our new domain and hosting
And to do that we just need to click this admin URL right here
All right, we're press loaded just fine, and we have our login screen
so we can use our username and the password that we created right before our break if you remember we changed our password and
We'll click remember me
And we'll also click bookmark in the upper right so that we don't have to type in that WordPress login screen
But if you do need to type it in it's just your domain name.com
Forward slash and then you'd write it in like this. I'll show you
For a minute website is mine calm
After the calm or whatever yours is right the forward slash, then I write WP admin
So if you get logged out, and you need to get back to the dashboard to make changes
That's what you write when you click it it
Takes to the login screen. That's how we all do it all right, so let's login
Welcome to WordPress if this is your very first time and no we don't need help, so you can click this link
I'm pretty sure that just recommends like different themes to use
But we've already picked out all that so follow me and I'll teach you everything about WordPress and give you a little tour right now
So first we just want to clean up the little promotions here, so like WordPress
Help is a pretty big industry, and they want to help us, but they also want to charge us
So we're gonna close all this stuff
Just close anything that I close
And we're gonna close this one
And
Great all right, so this is the welcome to WordPress
message from WordPress themselves
we'll keep this one we can easily get around with the navigation links and
You can drag and drop things on your dashboard if you want to read about WordPress news or you want to learn about plugins
You can keep certain things here
or if you want to like
always know exactly how many post pages and comments you have this one's a good one or you can write a quick draft of a
Post if you just have a really great idea you want to get it on virtual paper and save draft
That's good, but honestly
I don't spend much time looking at this screen
Where most of the fun goes on in WordPress and where they want you to go for most of the editing is?
In appearance if you hover on appearance with me and click customize
So nearly all themes and wordpress designers are
putting everything in this section
and
Right here, you can change things like your logo
Colors of your site
And a lot of other great stuff too if you get something like a premium theme you might have theme options and those might be
Over here somewhere with your own little like theme options logo from the theme developer
But I think we could also see that there's theme options
Right here, so this is a really great place to do your work
All right, let's go back in X out
That said if you want to look at the front end of your site
How your readers will see it and how your audience sees it just click on your site title in the upper left?
Or you can hover up here and click visit site. They'll do the same thing
So that takes you to the front end as we call it in WordPress land. This is how your site looks now to the world
It's wearing the standard WordPress
2017 theme made by WordPress
And we know that based on the baby cactus and all the layout and all we've seen this theme a lot
because all new wordpress installs this year come with it almost all of them and
You can click that button again to go back to the dashboard and make some edits if you click on users on the lower left
you'll see yourself right here, and if you don't have a picture you can open up your name and
Then you're gonna want to connect Gravatar, so it says you can change your profile picture on Gravatar, and then it'll show up here
So just click that link if you want a picture all the directions and we can also click plugins, so now you have access to
Thousands upon thousands of free WordPress plugins you just need to click add new
Really cool and
Yet, you can just search them right here like Facebook like box
and
Go ahead, and add you know whatever you want to your site. I would recommend running it by
Billy's Google or running it by me before you add a plugin and
There will always be a set of popular or best plug-ins for whatever you're trying to do
So pretty cool while we're in plugins
Let's finish our tour and let's just start actually building my site all right so follow me back to plugins
And
Our very first step is going to be deleting some of the pre-made plugins here, so we all start on the same page
These are all free plugins and you can always get them back through that add new screen
We're just on alright, but they do take up space and we don't want solve them right now, so
Let's go down the list we're gonna activate back is met because that protects spam
Next we are gonna deactivate Google Analytics because
You just check an option here because I'm gonna show you how to set that up manually which is the better option?
Alright and Hello, Dolly that one is already activated jetpack by wordpress.com
Marketplace, so we're gonna deactivate
Optinmonster deactivate and w farms Lite deactivated
Okay, so
It's nice that it comes with these plugins
But we don't need them now and like I said it takes up space on your site and with too many plugins things can load
Slower so to officially get rid of them. We actually need to hit delete you can't delete
Okay, or better yet. We can just do a bulk delete, so let's check this box in the upper left and
remove back isn't it cuz we want that one and
Then just go to bulk actions
delete
Apply, and it was app although. I'm gonna click OK
Good job now. Let's click plugins to refresh the page, and we're all on the same page with our one beautiful little spam protecting plugin
Next let's change the theme of your website, so like I said right now if we click to the front-end I
Am like I said our site is running the WordPress 2017 theme, which is cool and works and runs well and all
Pub has a lot of other sites use it, and we want our site to run great and standout
So we're gonna change it before we build too much content and rely on how everything is here, or gonna change the initial look
So come back to the dashboard and click
on appearance and
When you do that. You'll be taken to the themes library so our site has
three themes
Uploaded into it right now 2017 2015 and 2016 the super popular WordPress themes
But we want to look unique, so we'll click add new theme right here
Alright, so now you have the power of WordPress themes at your fingertips feel free to try out any of these themes you can just
Click to open them
and
Then you can click the blue button to install them
Alright, so you might find some cool ideas
We can exit right here and go back to the theme library, but in the interest of time
I know of a really good theme for businesses
and that's what we're creating we're gonna make a business website with WordPress for any sort of online business you setup and
So I know the name of it we can just search it, and it's just called clean business
And you don't even need to hit anything it'll just be found automatically through WordPress
And of course WordPress is gonna tempt us with other themes that we don't even know of yet. Look incredibly gorgeous
But we're gonna stick to the plan and we're gonna go with clean business
So we can just click the blue install button
This theme is also made by catch themes who made the theme for our
2017 GoDaddy website tutorial so we know they're really good and hit activate
Catch themes really great folks alright, and now we can click this nice little visit site link
And we'll see that our site looks pretty different
All right, it looks really simple
And you know okay, but we have to actually setup the theme now
So I want to show you how to setup the demo content so that your site has something up
And it looks better, and then we're gonna basically replace it with all of our own content
Alright, so you might have guessed. We're gonna go to customize now, which is our favorite little designing area so click customize
Very good, and now we have more options than before because we just installed a new theme and
First off. I want to come down to
Featured slider right here
And this part is really easy just click. I'm disabled to homepage front page
Alright and just like that you have this beautiful stock image slider
Click publish to save changes
Very nice
And you can scroll down and you get this preview so you can see what the site looks like while you're editing it
That's one reason we love customize
All right now. We can go back and you can click on featured content and click featured content options and
Make that one instead of disabled make it homepage front page
And now on a scroll down we get the featured content
Alright, so that was pretty easy wasn't it guys
And we can just change it up if we want you can make it four columns keep it for and
When we make our own stuff we're going to change it to featured page content
But for now we want to keep the demo featured content
Just so it looks good right away
All right very cool, we can publish that
Now let's go back back to the main level and let's check
Site identity, let's see what's there?
So inside identity we can change our site title
And we can change the tagline and you can choose what shows up all right, so if you change for minute website like
My cool site that'll change right here
Of course I don't want to change that but you might want you
Already have the name right and then tagline will show up for some themes
But this theme doesn't use it because we're keeping it clean
And that's good because we're gonna actually use a logo here eventually
And we won't need any of this stuff all right now. We can go back and make sure to publish before you leave
We can also click widgets now right here, and we can change what's in your sidebar?
So it usually looks like a standard old blog to have these default pieces of content in there, but if you click widgets
Primary sidebar
Then we can delete this default content
So we want to remove
Comments just click to open want to remove archives click to open
remove
Click to open categories remove because we don't have this content yet if we had like a ton of comments
we would show it off of course, but we don't not quite yet and
We'll keep recent post there because we're gonna make some blog post soon
publish
Very good, and so we're all done in customized. I just want you to create a page now, so
Let's go back and X out and we are going to create a page which goes right here
So that instead of your blog posts people will see a custom page with messages about your business
You know whether you're a fitness center, or a church or a bakery you want a welcome screen right here
And that's the most professional design these days
And then we're gonna put our blog in a different little corner of the website that people can visit and read if they want
All right so to set up a new page, which can also be your home page
Come up to the top navigation hover on new and click page
Alright very nice now whatever we enter in the title box at the top will show up on our home page
So we want to write something welcoming or descriptive about the site in my case
I'm gonna go with descriptive and write your website checklist every step broken down and that's because
This website is gonna serve as a tutorial headquarters
For people who want to make a website, that's my product the websites
It's going to give you this little permalink here
Which is the URL?
You'll share if you want to share your
Post or your page with someone and now we can bring our mouse down to the main writing area
And let's just write a little welcome note
And just sign it one little trick is if you want to put the line of text right beneath instead of having that big space
just hit shift enter and
publish
Great job at the same time. I want to add one more new page, which is going to be our blog page
So we're gonna move our blog post to this page. It'll make sense in a second. Just follow me and click add new
Write in blog or my blog or whatever you want to call it and click publish
All right now if we visit our site
We won't see any changes
We still have the blog post here, and we want to put that custom page with a nice welcoming message right here
So to change the home page layout so it shows a page you just need to go back to the dashboard
Click on settings and then
Click on reading and
Change it from your home page displays your latest posts to a static page and then select home page the page
We just made or whatever yours is called
Sometimes people just call it front page whatever you want and then post page. We're gonna change it to blog
perfect
If still doesn't make sense it will in a second. Just Save Changes and
What we did is told WordPress that on the home page, which is whatever people see when they visit your domain name
it should show this page and
The post page is this page
so if we click back
Well we've done is we put this custom page right here on our home page and all of the posts have now jumped over to
this blog page
we can get there in the upper navigation and we see our blog post now live here and
Every new blog post you write will also live here pretty cool
Great job so while we're on the topic of our blog
I figured why not write out a few blog posts
Because I know that that first step you want to take on your new WordPress website
slash blog because it really does start as a blog was just to get writing and to try to get some comments and likes and
Chat with your blog post and put your thoughts down. It's okay
That's what I want to do too when I started my first WordPress blog
And I want to give you a few strategies so that you can structure your first three
Let's say blog posts for the best result possible in terms of traffic and interaction
Alright, so to start writing. We want to either go to new post, but I can actually take you back to the dashboard
And we're just gonna click on posts right there, so we can see what we got
Alright, so we just have this introductory post and it's really cute, but we got to trash it
Because we don't want people to know that we're like blatantly a wordpress blog
We just want to
Use WordPress to create an amazing website, okay, now. Let's click add new
Alright, and we have our blank post editor. It looks a lot like pages
however the difference between the posts and the pages is that posts show up in different places usually in a list and
The images can look a little bit different the featured images
And they might have a few more settings down below
posts are meant to be pieces of content that you update frequently and add to and
create lots and lots of lots of
While pages are meant to be static content where you create it once and it sort of lasts forever
That's just how WordPress designed it
and
If you look at it that way it kind of helps you rank posts and pages in Google and say the right sort of things
I'm gonna give you three posts right now and in order to start the posts. We need an image to sort of picture
No pun intended what we're going to say in the post all right so to get our images
We're gonna download all of them right now for the tutorial
I want you to open the read more link beneath the video on YouTube I
Have an example right here. It's just gonna look like sorry show more
Show more I should know that by now click show more and then where it says download images. Just click on the link
and then click Save
Very good now. I'm gonna open up my finder, and we're gonna see that we just downloaded this
Images folder somewhere you're probably on my hard drive there it is
So website images dot zip is what you'll get you
Just need to double click it
To unzip it and it'll just say website images one for you
I've just done it twice and then you double click and open it and now you get the images that are on the
Website that we're gonna make so what we saw in the introduction. These are all the images
I can give you that will create that website, so we have some really cool
stock images from
Pixabay.com that you can use for any sort of blog post they should apply across many industries
Our slider images and everything is labeled of course alright so right now. We're going to use our blog post images
Again, I got these for free on pixabay.com if you want to get them too. Just go to pixabay
It'll take you to the home page and
Just search for a keyword like
bridge
And you'll get all sorts of really cool and water and futuristic images
You just need to create a free account then you can do the free download and choose a big-sized
So it looks good on your website
Alright, so writing our first post is really easy
We just need to start with that featured image because it lets us picture what we're gonna say
so in the lower right click set featured image
Then click select files
Now we're going to open up the website images folder which is in our 3 TB hard drive
Open that up and the first one is going to be the blog post one nicely labeled of the hot-air balloon
So we're gonna open it
Now it's on our site and click set featured image
All right now. You won't see that in the post it will just be above the post
I'll show you in a second once. We're done writing the blog post
So we need a title in mind and the first strategy. I like using on a new blog
I start a lot of blogs is just to say
Welcome to and then whatever your blog is called
so the
4minute website and then something you know a little bit different, so we're gonna say
rising
above the pack
Because we are trying to provide better tutorials and better demos than the other guys
I don't know anyone who makes a tutorial every day for free just saying and
Also, you know you're rising above the pack by starting your blog. You know whatever niche
You are and we want to inspire readers right away, and and let them know that we're gonna do things better than everyone else
We can brag because we're all just here together right, but don't tell our competitors about this all right now
We need to write out an amazing blog post
But we don't exactly have time to do all that so I'm going to visit pantip some
Where we can get some amazing?
Demo texts you can choose whatever context you're looking for
Like compound words or common misspellings or coffee
Which would be pretty appropriate so maybe you can choose both of them and then click generate ipsum
And it'll get us this nice demo text
For free of course let me come back and
Don't hate me for not having enough time to write out every blog post because this actually takes me about
six hours per post and
That you see on my blog dear bloggers
And I don't think we have six hours here for anyone to sit through
That said I will tell you that a good way of structuring a blog post is
To start with a problem, so you address like you know what's wrong in your niche your environment
And then you make the problem seem really terrible
that's up to and then you provide a solution to the problem and
Then you provide
Some proof that you know talking about and the end you write in a call to action
That's called direct response copywriting. That's what a lot of
blogs that have gotten a lot of traffic and comments over the years use and I
only know a few of you will listen to that so I
Hope it helps you guys
You can of course use the post editor to change everything you want here
You can easily create links by clicking on this chain link and then typing in the link, or you can just copy paste it in
Very cool, you can create headers easily as well just
Separate your text click paragraph and choose heading to is how I like to do my headers
And of course you can bold and italics whatever you want to do you can also create lists
from your post
And a lot of these tools are very similar to Microsoft Word
Which I hope a lot of you have used to get the full set of tools click toggle tool bar to
order bar
Highlight your words and click on the bulleted or the numbered list really easy to create a quote
Section off some text highlight the text and click on the code icons
Now you'll get a block quote with whatever style our theme has deemed necessary
And last but not least you can add an image to a block of text just by
Putting your cursor where you want the image like maybe
right here at the start of colonization click add media
Now just find the image you want so, maybe we'll click upload files select files
And we'll get a nice image from our folder here
So we can get the about one of me if we want
When you upload an image directly into a post you can get the attachment display settings on the right
So you can choose which way it floats like left or right?
So in our case right is pretty good
You can link this image to something like a custom URL. If you may be making a button or an
Advertisement or something like that and you can choose the size the image
usually come with large now click insert into post
And what you want to do if it doesn't look good. It doesn't look good at all. It's just click it and
Drag it in like that and now you can size your image
Perfectly you can also add a caption by clicking on it clicking the pencil icon and writing in a caption
And click an update
Alright so that is the basics behind making a new post it's always good to click a category, too
When you categorize your posts, it makes them more findable by Google as well as by your readers
so we can make these updates as well as
how to start a blog because that's what we're talking about
maybe even also how to
Make a website
Add a new category, but you could write category
It's like nature or fitness or weight lifting tags on the other hand are more specific so if your categories are desserts your tags are
Brownies cookies chocolate pumpkin pie you know you name it
Once you're happy with your post just click publish
I hope that was a decent demo of the WordPress post editor and
Finally you can click a view post to see what you created
Alright, and you'll see your beautiful content as
It sits we already have comments enabled
So that's really cool. If you don't see the featured images above your posts. We just need to click customize and
now click theme options and then click layout options and
change the single page post image layout to the
clean business
featured option
728 by 410 and click publish and now you'll get your featured image right there
And of course it follows along with our title we're rising above the pack like hot-air balloons
All right congrats on your first post let's close out of here and
let's add two more posts to the blog so we have three like we promised we can just hover on new and click post and
Like we started before click set featured image
upload files select files
the second one is blog post to
Amsterdam at night, we'll click open and I hope these images again are applicable to any niche that you choose
There are some of my favorite images from pixabay
set featured image and
You should be good to go to write this new post I can just
Use some demo content again remember what we talked about about direct response copywriting, but that's the last time
I'll remind you because it's a valuable piece of information
Your post number 2 should be something controversial that shakes up your niche, and I really do mean this stuff
I'm not just making these strategies up out of nowhere. They've worked well over time for me of course
So this one is gonna be called
Why writing at night with a good view
produces better
quality content cool
Shaking it up
Now we just need to choose the category. It's like how to start a blog how to make a website maybe one more category of
writing great content
Very good click add new
And now we're all set to publish
So now this post would rank in Google for things like writing at night or
Quality content, maybe you get the picture. Let's click add new one more time and make our third post which
according to our strategies should be an ultimate guide, so this post is gonna be
What will get the featured image first just to be consistent click set featured image upload files select files
Now we're gonna choose blog post three camera laptop. You can also double click it
And click set featured image, and this post is going to be called the ultimate guide to taking
Photos for
Your
blog
Perfectly evergreen people are always gonna want to take photos for your blog
And if you do a great job of this post and do a better job of other people that are writing about it this post
Will rank in Google over time and bring your blog a ton of traffic and success
We just need one more new category which could be
Photography
along with how to start a blog see you can see how blending categories really does describe your post accurately and
Now we'll just click publish
Alright guys, so your blog is now looking great
You have three new posts, and you know what types of posts to write if you click view post and then click blog
We can see we have a nice little stack of blog post here for our writers to consume our readers to consume rather
When they're spending their afternoons reading your blog?
All right, there's one piece of the blog post that I don't like I like almost everything
But if we click on the links we can see that the URLs for your blog posts include this annoying little index.php
And date and we only want the keyword because Google likes simple
So what we want to do is go back to the dashboard
And click on hover on settings and click on permalinks and
Just choose post name super-easy so you can choose the other ones
But they're really out of style everyone pretty much uses postname and click Save Changes
That'll make your post google friendly from the start now go back
And we can see that we have some blog posts here in recent posts
I want to click them the links will look nice and clean and Google will love that
great job
Alright guys so our blog is done for now
It's looking good, but the majority of our business website here consists of pages
we're gonna put pages in the navigation menu up here if
We click back to the home page by clicking on the logo
We're gonna put pages right here in these four featured boxes, and we already have our first page right here
Pages even dictate what goes in the image slider, so let's get back to creating all the pages our site needs
All right, we can come to the dashboard
That's right Leroy we're working away, and then we can click on pages
All right and while we're at it, let's delete the sample page just click trash
And now we can click add new
And by the way if you ever stuck on what to call a page or the design or the text you can just visit
4minute website comm and you can use the designs that I've already set up here for us
Alright, so the first page
We want is this Welcome page, then we're going to do our simple process contact us, and then these four pages right here alright
Which could of course talk about your process?
Maybe you're collecting donations you want them to sign up and then call you and then
donate or you're having a recipe where they bake, and then you know cook and
seasoned
Like I said, I'm no chef
But that's where you include the process of your business and what you want people to go through like if it's a Jim
Investment firm you know you need steps to help your customers
Alright, so let's go back to a new page, and we're just going to call this one welcome
To the 4-minute website
Alright I have some content stored in a Microsoft Word dr.
We're gonna drop in here
but you probably have your own content to write in so we can skip that for now and
Just go to set featured image this parts important because this will go in the featured image slider
So click that button and now click upload files select
And we're gonna grab our handy-dandy little folder
So that's the website images
Alright and for this one. We just want the first slider slider one color sides click open and
Set featured image
And you'll notice that this is one of the demo images from the clean business catch theme originally
Super cool for all sorts of niches like writing designing blogging marketing you name it okay now
I need some text for this page and because we're gonna use this page to create our featured image slider right here
It's important. How we organize the text because we wanted to say this and not like a ton of text
Alright, so I'm just gonna copy the text from the demo site
Come back and paste very good now. I'm gonna get some lorem ipsum here
Just to show you how your other page text goes in there?
Alright lorem ipsum
Usually like getting this paragraph here sort of the standard for designers
And now let's come back and hit enter a couple times to make some spaces
Actually, just one time is enough and then paste
alright great now the last thing we need here is just a line break so put your mouse after the first sentence and
Then click on this little button here that looks like a kind of robotic hamburger
Great now you're gonna get this little break what this dotted line says is on the home page
It says cut the text off after that point and the dotted line is just like an imaginary
separator
cool, so let's publish this page and
Now let's make another one because our slider has two pages and two images just two and you could do more
So now we're gonna make this page slash slider
So let's click add new
And we're gonna title this one over 5,000 websites created, I can't believe it
I'm very honored and humbled and thanks so much to you guys of course
And we're gonna do the text from this page. It's just a little sub header
Come and copy paste
It in there hit line break
Let's grab some warm up some command copy
and
Command paste cool make sure to set featured image here
Upload files select files and we're gonna grab that slider too from the demo clean business theme
Just double click it will open it and
Now set featured image
All right, so we can publish this page now, and what we've done is created two pages
But we've also created two templates for our image slider
so if we visit the home page
It's just gonna show the demo slider right here
So the slider is not our slider. It's what the theme came with although
It looks very similar to create our own slider using those pages that we just created click on customize
Featured slider and under select slider type change it from demo featured slider to featured page slider
Publish
All right, and it's gonna understand that we want to use our own pages and that content that we just wrote
But we also have to limit the pages on here otherwise
It's gonna try to get all of our pages what you might want
You might want one two three four five six seven slides you can totally do that
But in this case we just want to set featured page one
to our welcome page and feature page two as
The over 5,000 website is created. I know that might be a lot to
Process because we're learning it quickly
but all we're doing is assigning a page to the first slide right here and a page that we made to the second slide and
Then it's going to grab the content from those pages and put them in the slider
All right, and we can also change this number to two
And we can change the timing here give you a little more time to read our headlines and click publish now
When we exit out go to the site our slider should be working perfectly if the content we wrote
And takes a little bit longer so people can read the full message
Next we need to put the pages we made in a real navigation menu at the top. This is not a real menu
This is just WordPress guessing what pages we might want in our menu even though it works
We want to make this menu look exactly how we want so let's do it
To create a menu come to the dashboard
Didn't hover on appearance and click menus
Great job now. We just need to click create a new menu. Give your menu a name
Simple is always best and click create menu
Now we just need to add some page tabs from the left into the menu structure on the right
All right, so we can do that. We can add blog
welcome and
Over 5,000 and click Add to menu and they'll come in all on the right
we also want to create a home page link which is a custom link to do that click custom links and
Then just open up your website with the right click open link in new tab
And we're gonna get the domain name of the home page
Copy that come back in and just paste that in over the URL here and
For link text right at the home
and click admin
we can drag that to the first position and
We can also easily retitle these menu tabs so that they don't say so much. It's like a lot of text up here right now
So we just want to limit what that says and make it simple
So we can change over 5,000 to our process
And close that one and change welcome blah blah blah to just welcome
Close that and blog looks fine. I wanna drag welcome up to if you want to create a drop-down menu
That's really easy just indent these items
And then they'll fall under the Welcome tab once your menu looks perfect just choose the display location here
And we can just choose primary menu
That's our only option and click Save menu and by doing that you will have created your first menu when you refresh your homepage
It's gonna look different and a lot cleaner in the top
Of course it works too great job
We're gonna quickly add a contact page to that menu just by hovering on new page
Caps-lock publish it
And
Now if we refresh the menus page, it'll pick up our new page. You can just choose. It add to menu and save menu I
Want to view the site you can see how easy it is to add new page tabs to the menu
So we have a menu that helps people navigate the site now
We have two image sliders with messages that welcome people and tell them a little bit about us
and they can click read more and find out more and
Going down we want to set up this featured content area to really get people into your services. Whatever it is
You're selling or offering people
this is the place to tell them about that and we're doing this in a
top-to-bottom flow so that you can sort of control the experience that your visitors have what they see first second third
so forth
All right, just a typical web designer sort of flow so to set up your feature boxes area here. You might have guessed it
We're just going to create even more pages, and they're gonna replace these demo pages
Those aren't even real pages they just look pretty, okay, so let's go back to the dashboard and pages
Add new
And we're gonna create these
pages right here that will tell people about the process that they should go through to to use your products or
Join your brand in whatever way you want them to alright, and I'm just gonna open up one of these demo pages
We made to show you how the page is set up
And then we can quickly create all of them and set them up on the home page
Let's click Edit Page
All right, and we have our step 1 register a great domain name, which you've already done
We have a tutorial inside a tutorial here, and when we click the visual tab, but we can see the text we wrote
Alright so we can just copy all this stuff. We just need a title command copy
Command paste and we need the text
While we're at it. Why don't we close some of these links up top make it easier for us?
Alright and some demo text
Although this is actually a real text that the website will include once it's being used to make four-minute websites, and we're gonna do the
Little line break here
and
Then just grab the other text
easy to copy and
easy to paste in
Could see our mouse is right here on the line break so it enter and paste
Alright, and you can see my strategy is to tell people what to do here, and then a quick link to follow
And then we're gonna include full written steps coming soon, and this is just the warm-up something okay
So even if you're not completely done with your site
You could make it look professional enough that people will follow your step
So you want them to and you know not be offended or confused by it looking like a mess
Alright, now click set featured image
Upload files select files from our
website images to folder and just choose the thumbnail for a register amazing domain name double click and
click set featured image
That should be good. We can leave all the other settings the same just click publish
All right
so I'm gonna speed the video up to save you guys time and
just create the other 4 featured boxes here using this same strategy a
Title with the number in it then some guidelines for what people should do a link to click and then the coming soon text alright
So I'm going to speed that up right now
You
OK, we've now set up four pages to be used in our feature boxes and of course these pages tell people about a brand about
Our process what we're all about and what they should do using our website all right, so I hope that helps you
Build your own user experience for now we just need to go back
To the home page that we need to replace this demo content because now we're armed with our own featured content
To do that you can just click on customize
And featured content now
Let's bring our preview area down so you can see what we're doing then click featured content options
And we're gonna change it from demo featured content to feature page content
Suite so it's gonna try to grab all of our pages
But now we just need to tell it to only choose the pages we want
Change this number if it's not 4 to 4 and then publish it you just have to do that to get that
featured page number 4 to show up
you might need to refresh as well and
Go back to featured content featured content options
Perfect now we have four pages, and you just need to hit the drop-down and choose
It's really easy with those numbers at the front of the title
Just choose your four featured pages
Which will guide people through the user experience on your website?
And exactly what they should do with your site
With that done, we'll see our boxes are now perfectly inserted
And it shows the right amount of text because we use that read more line break in the pages
Because we put in this little more line. That's how the front page knows to stop the text right here
I think someone is interior decorating in the apartment right above me
apologies for that
and we're gonna just do a
Couple more things here because we need to change the headline text. It goes above it and
We can actually just write that in with own content
So that'll be
Let's get started you might want to write a lot here, and you can but keep in mind that
People's attention spans are shorter than ever these days, and you want to just get them going with a simple message
Perfect now publish and when we exit
We can see that we're all done with our featured boxes great work excellent job
Everyone all right next to insert social media buttons on your website like Twitter Facebook YouTube, LinkedIn
Etc etc you can do that. Just by clicking customize
And we're gonna put those social media buttons in the sidebar so
We could just go to
Social links are here and just fill in your links, and then they'll come in right here in the sidebar right above recent posts
so it's really easy if you know the links you could type them out and
This will connect your website to social media
so we have our dear blogger page where we offer more free wordpress and blogging help I
Think Twitter has that s in it
And it might take a little time so I recommend the copy/paste method, and then if we publish a couple of those
then
Looks like we need to actually insert that widget in the sidebar
So we'll do that after we get our links in here, so maybe we also want YouTube of course
And I'll get my Instagram
I don't post a ton on Instagram, but I know a lot of you guys. Do you food bloggers and fashion bloggers?
Can really get website traffic through Instagram
Paste that and one more just so it goes across the sidebar five is a really good number
So I'll get Google+
All right that really long number that became my custom plus grade 9 link
And there we go
Make sure to publish
Now we can go back and click widgets
Primary sidebar add a widget, and we'll just choose our CT social icons that catch theme set up for us
You can give it a title
Connect with us on social media you might of course have something more clever, but it's a good start and
Publish and now when we scroll down we have our nice social buttons right here
And you can easily drag them up higher if you want people to see them now they can click and we can test them out
So it says we need to save and publish
So sometimes you might X out unintentionally, and then you have to just go back and
Reposition something or redo the change it's not a good idea generally to hit the back button in WordPress
Because it gets a little bit confused
So now people can click your links
And they'll automatically open in a new tab take people to your social pages and they can like and comment and get to know you
Get to know your brand, so that's all really cool
All right next up. I just want to add the Facebook page plug-in on our site
Also known as a like box or a page banner. There are a million different kinds of social media
You could put it on your site
This is just a good start, and you can ask in the comments below
And we'll help you add any other sorts of like widgets or banners that you see
So just Google
Facebook page plug-in so it's called
And click the first link it's something we do in every tutorial
It just gets the the like box, and you know all the little faces who like you in front of your audience
so you just need to put in your page URL or create a page if you haven't it's all free and easy you can just
Google create Facebook page and follow the steps
And now just copy the link and by the way you can you know like change?
How it looks so you don't have to actually do the coding
But the default settings are really good
And actually you don't copy that link sorry you just want to click get code when you're ready
And now we could just grab the second piece of code right here
Copy that and come back to our say customized
Widgets
primary sidebar
Add a widget and because we're pasting in some custom HTML from Facebook click on the custom. HTML box and
Then we'll just paste it in you don't have to write anything. Would you paste it?
And let's say join our Facebook community
It'll automatically capitalize that text
So we're just doing that we'll give you this little link which is pretty bad. We want the full box
So let's publish it and now we have to do one more step back in our dashboard, so let's X out
And click to the dashboard
And now click plugins
Add new and look up
Insert headers and footers
Which is by a really cool guy named wpbeginner cite bulky really great. Dude. You should check out his work
Just install insert headers and footers and the idea here is we're gonna use this plug-in to paste in some Facebook code
Click activate so we don't need to actually know the code or know anything about it
We just put it in here, and then it works on our site, so
Now hover on settings and your site got a little more powerful because we have this little new tab insert headers and footers click that
And subscription header scripts and footer, so this is where you'll paste in code from Google Analytics from Facebook
You know other sites, too you have to get the right code, which is this part that says div ID equals root div?
so click once copy
And back on the site just paste it in
google, fonts go up here to and I can walk you through all that if you want just ask and save and
So now when we view the site
Facebook will communicate with your site and with WordPress, and I'll say L will show that nice little
Page plug-in and people get like your posts right from there in line with your content without leaving your website
Okey doke so now. I think it's time to get you a logo for your site
So we can replace this text with a pretty icon some colors
maybe some more text whatever you want and in the process we'll learn how to get the
Icons that are on our homepage
They can really explain your brand, and you know add that little extra bit of pop to your pages
Alright, so I can't give you these logos in the images file because they come from a specific site
But the good news is they are free and the icons and logos come from the same site
Which is logo maker com so visit with me ello geo
Mak are calm without the e just logo maker
All right and once you're here, just click away, although you could also have them help you do it
And we're just gonna start by searching over 1 million graphics
So I know that I wanted a computer
With coffee in it and you can do like multiple keyword searches
They really do have millions upon millions of icons you're gonna. Have a lot of fun
I'd love to you know give you some ideas or talk about which icons are best with you
Super cool like this is like 90s, and then you have these like futuristic Mouse's color
But I know I want this iMac with a coffee cup cuz that's totally me. That's actually the exact position of my desk right now
Alright, so I just click the icon to bring it onto the canvas
And now you can click and drag it you can of course click and resize it
Alright don't go too big though. Although. It should readjust and stay high-quality no matter. How big you want it?
So something like maybe a width of 250
Perfect to change the color just make sure you've selected it and then drag the color wheel around
Perfect to add text you can click on the T and then just literally start typing and
Then you can click and drag and it will line up perfectly or to a different part of the image
Using those helpful little guideline sticks
You can change the font category at the top like
Handwriting and then also change the font itself
So that gives you a ton of options to meet any sort of business website
You're gonna create in virtually any niche to make the text match the color of the icon or vice versa
Just find the right color you want like maybe it's an orange
Like a dark orange, then just double click down here and copy the color hex
and then you can select the item you want to change the color on and just double click and
Paste in that new color hex and you hit enter if it doesn't work usually it works right away
You can also find the colored hexes of virtually any sort of color or logo or image you see on the web
if you take a screenshot of a logo
So if for example say you're in Google Images looking up
You know abstract logos?
Getting some inspiration here from Google Images and
And maybe you see like a really cool pattern you want to use like
You know this one or something?
if you want to know the exact color
For example of this like purple you could just
Screenshot this and then upload it to a site like pixlr.com, which we won't use now
But we've done it in the past you could upload it to Pixlr, and then just use the eyedropper
For example just to determine any exact color
Let's get rid of this text too because we're not making do your blogger and let's just make this white because that'll look really good
on our slider images
so I'm just gonna make it white and when you're ready to take it click crop in the lower right and
now click Save in the upper, right
All right now we're usually going with option two however
You could buy the logo outright if you have a budget
Or if you're doing this you know for a client that might be best, but I like what I like doing is just
clicking on paste this code and
It'll copy the credits, and then you can just click download and agree to give credit
So what you have to do is
Click on the social media buttons below to share so just you know click around on these buttons to share it and then
You have to paste in this code on your site, which we'll do
We're just gonna download. It first so we don't forget about it
And call it logo
Coffee calm version one and save it
all right, so after you share it on social media then come back to your site and
Just quick quickly create a new page new page
and
just call this something like credits and paste in the credits in the text tab just so you remember and
that way it's on your site, and you can publish this page later to give credit, but I like just
publishing it
Now in fact because then it's live and we are technically giving credit
And then you know now we haven't put it in the menu yet
But it's still alive and we can link it in the footer later on to upload the logo to your site come back to
customize
And now we're gonna click site identity and
Now you have a logo that you can select so brand-new logo didn't even need to use Fiverr or hire designer or pay anything
click upload select files
Grab the logo of our choosing
Alright and then select it I
Like skipping the copping because we don't want to lose any of the image, and it's gonna be like
Really big right away unfortunately, but I'm gonna show you how to shrink it
Just before you do that make sure we get rid of the site title and tagline uncheck that box
Just the logo
Cool now publish it
now go back and
Come down and let's click on additional CSS for the first time
And when you're here we can write out custom CSS which will make the site look differently it's good for changing colors borders widths
locations of things
What have you so? I'm gonna show you how to write potential your first CSS ever, and it's really easy just
I'll zoom in so you can see it and just
follow along and we're gonna shrink the logo with some custom CSS so start with a pound sign and
then write site - logo
which will select the logo so now we're targeting this area and
Don't worry. If you don't know CSS yet, because I didn't know it for a while, and I just picked it up by
Needing to use it like this, and I learned a lot of it later, right
the open alligator bracket, and then hit enter
Gives us the closing bracket already, and now just right
Width
:
30%
Semicolon and you can see we shrunk the logo right away
So once you get the code right like this you can just change the number if you want to make it
bigger smaller
But I know that 30% will look good because it lines up with our navigation bar
and
then is published and so this is a way to shrink the logo without losing the file quality and
Without having it be blurry so we kind of got around that little problem right there. If you just shrunk it
I'm using a different website, then it might come out blurry, but now we know it looks good
We can X out
Perfect we got a great logo
All right, so we're gonna download some more icons so that again we can create that
awesome
Awesome little landing page with the
Plane and the www and so on and so forth and I can show you how to do that right now on?
Pixlr, but we already kind of covered how to do a logo and it's the same process
So I'll just show you how to get another icon
It would X out and then I like just visiting the site again, so it clears our
canvas
Click away, and then just do a search for airplane
And we can find our little guy here or girl and choose them
and now we're just gonna go with the simple like primary secondary color scheme green a
little bit darker
Perfect
click drop and lower right now click Save
make sure that
Click this link to get the credits code, and if you keep this page open on your site
then you can easily click Edit and just drop in their credits, and it's
really easy to
You know give credit properly, and then you'll be
copyright
compliant I
usually like making a little note for myself like a
Plain man, and then this one was
You know coffee
Comp you get the picture and update
Download and will title this guy
Save it
And now we could just bring that over to our homepage and what I'm gonna do with you guys is just start
designing this landing page
Which is gonna go right here so that it looks really?
Nice like this and of course. I've already written the text
You just need to learn how to get an icon in the page or get a logo in the page
All right, so to create a nice landing page like this for your home page
Or you can explain
What your business is all about and you?
Know the steps people need to take in written form or just introduce yourself or talk about your mission statement
Whatever you want to do. We just need to go to the page itself
So we're just gonna go to the home page, and you can click Edit page because this will get us to that section down below
We can see it says welcome to our new website. Hope you like it under construction now and
That is in fact our home page all right, so we're going to edit this section right here
So back to edit page
Alright now so the first thing we need is some text, and I've already written that out
I like just being as personable as you want and you know briefly describing your experience and
The problems you're trying to answer with your business and then get into like what people can get out of it
And how you give value
That's really what people are on your site for is to get something?
And if you can give that to them as quick as possible you will be more successful than others in your niche
So just copy it
Oops, that's the wrong page, and we're just gonna write over this demo text
Alright
You can see we're in the text tab here as opposed to visual so visual looks a lot like Microsoft Word whereas
Text is just the raw HTML. They call it
it's just all this one font, and it's literally just like symbols and letters and stuff like that whatever you prefer editing in I
think visual probably better for us, so
So that's good now. We can click Add media to get our image
Just make sure your mouse is where you want the image to go
Add media and
We have uploaded the picture of ourselves
And change the size, but we're actually just gonna drag it to be smaller so any size is good
I like large and let's align it to the left
And insert
Alright, so this is way too big
people don't need to see that much of us so we can just click in the corners and
Drag it in just like we did on logo maker
Alright super cool, you can also move the alignment just by clicking these squares
so
You know a little bit a little bit of trial and error well
It'll have you beating a pro and WordPress in no time and you will make a website that really stands out to
Add a caption just click on the image and click Edit pencil
straight in the caption
I like being you know explanatory in brief, but if you have a clever
Joke, then by all means captions are good for jokes and update all
Right cool, we can also make that italics two codes a location
Boom all right, so let's get our demo text for the second portion
Which goes all the way from background to explaining step one two three and four of how to make a wordpress website in four minutes
Copy that and when you come back and hit enter and then paste
So it's gonna grab the logos if you just copy it like I did from a
Web page and you might want them, and you might not so
Assuming you don't want them
gonna, delete them and
Show you how to add your own in alright
so let's bring our mouse over to the left of the s on step one and click Add media and
Upload and select and we're gonna select that
unique little icon that we just got from
Logo maker or you can use the airplane man or woman and all the other ones too
Alright once it uploads just keep the alignment on left
link to none, or you could link it to like a different part of your site if you want it to be clickable and
Size largest get and inserting the page
All right, so let's click it and drag it down
Now we can see our landing page is really coming to life now
And now let's get another one for step two, and I'll show you how to make them. You know line up perfectly
So for this one. We just need the a
Little
WWAN so just another way to get images is you can also right-click and save image as on the web and
Then you can you know quickly get an exact image just make sure you give credit where credit is due?
Save it
And we're good
Now back on our site. Let's upload the second icon
So leave that mouse by step to add media upload files select files
And while bringing domain name in
once again insert into page and
dream in alright so
Pretty easy to repeat this process, but if you want your images to line up perfectly
I'll show you one trick
You can go to the text tab because we see there's like a little bit more of the domain name person than the plain
right here
So go to the text tab
And now you just need to find the HTML for the image, which is actually already highlighted right now
And then you can edit the images width or a type so in our case I can change the width to an even
150 and
That'll change the airplane man. I'll go back to visual
Click on domain name person go to text and it'll be highlighted that we can just change the width there to
Just make sure you keep those quotation marks in there and don't change anything you don't mean to
Then go back to visual and now they'll be lined up perfectly
So what I'm gonna
Do now is just copy the entire landing page from our demo site and paste it in here
Just to save us all some time and speed up the tutorial
So let's go to our demo site
And get to the dashboard
And that's just another way to get to the dashboard if you want you can write in WP admin if you're logged in pages
Front page
Click text, and I'm gonna do a command a command C
Come back to our site and go to the text tab and do a little command a command V. So that's a great way to
Copy or transfer content from one site to the other if you copy it from the text tab to the text tab
You'll get everything exactly as it was on the other page
Visual sometimes the fonts are the little symbols, don't copy that's I like doing the text app and
update
alright, so
Don't need to do that work twice when we view page
We have a nice looking little landing page alright the site's really coming together great job
Alright guys and gals at this point. We really only have three steps left to finish our site
We have to create the contact us page and then add some
testimonials to your sidebar
And then we have to design the footer and then just do a couple little design things and then we're all done
You can get rid of me, and you don't have to listen to me babble on anymore
To create our Contact Us page. Let's first just click it and see what we have there
Alright so just a blank page with that header image, so that's pretty cool
if you want to get rid of the header image, just go to
customize
And now click header image
And you can add a new image here, or just hide it all together you can also
Do multiple header images and then randomize them so like it'll show up differently each time you visit this page, or you know
Clicking randomize will remove that image, and then you just need to click add new image
Choose an image and you can click select and crop, and then I'll give you this nice little header portion
So you can choose exactly what to show cop it?
And yeah, and then you can click Add you image again and do it again
And that's how you can randomize these different images
All right buddy in our case
We want to just disable this box so people can see our
Crucial information above the fold in the top 50% of the website and not some random image
So let's click disabled
And publish
And exit
All right now. We can just edit the contact us page and
I'm gonna show you how easy it is to use the power of the web to create an amazing page
When you create a website
And you really don't have to do much work at all if you know where to go to get your resources
All right, so let's start out with our page. Let's click visual
And let's just write out the basic information for a contact page
Like email
Phone and
address
All right, so email is
Just my email guy get to your blogger org
You can insert your phone number right here
and then address, and I'm just gonna go to Google and
I'm gonna get the Chelsea Market address cuz that's where he
Used to work. I think they still kept my office space there, although. I should probably go check on that
And I'm just gonna grab the address from Google
All right find me there sometimes I
post on Twitter come they
Pasted it great now. Let's just add some styling. I'm hitting command beat to bold it and
We can just hit shift enter to
tighten up those spaces shift enter
Now full enter and now we want a map all right
So let's go back to Google and let's click on the map that automatically shows up
To embed a Google map on your new website just click share and embed
Cool and it's gonna give you this nice little iframe at the top
So we just want to copy this entire piece of iframe Google code
right click copy
Back on our page we can try to just paste it in
But it's not gonna like it because it's a piece of code, so we have to go to the text tab and then
This is just a blank space. That's what nbsp means are there
And I'll just paste over that blank space and now only active go back to visual now. We have a map how he's used that
And we can hit enter again
And we're gonna put it in a contact form lastly
Alright, so we need to get a plug in for the contact form
let's update our page for now save our work and
While we're at it. I'm also just giving close like all these tabs because it's way too much going on
Keep it simple
Great sure do that before I sorry about that now click plugins
And we're just adding plugins as we need them which is pretty much. How most bloggers or web designers do it click add new and
Look up
contact form
7 which is by far the most popular contact form
it's this one with the little mountain and install now and
Activate
Now it's super-easy literally all you need to do is click settings and you can just copy this shortcode
They set you up with one demo contact form
Which works great?
Just go back to pages
Contact us
Go to the text tab and just paste in I
don't know how to keep making this little nbsp space but
just paste in that shortcode and
Give it some space
Perfect alright lastly to link our email so when someone clicks your email
then it opens up in their email client like Gmail just highlight the text for the email and click link and
WordPress knows it's a mail to link
So you're all set just click Add link
perfect and update all
Right now let's see what we made
In our you see we have this nice little professional contact page with the most important information at the top
And then the map so someone can stop by and visit your studio, or you know attend one of your seminars?
Collaborate with you on a project by one of your piece equipment, whatever it is you want them to do. It's really easy and
They can zoom and interact with it. Just like a Google map and
Beneath that we have this perfect looking contact form with the colors of our website
from contact form 7 when someone enters in their name email
In a subject
And when someone clicks send
It'll say. Thank you for message has been sent, and then you'll just
Open up your email in the morning, and you'll see that nice message. Hopefully
So here it is
Perfect there's the message and if it's in spam just make sure to tell your audience that they should check their spam folders too and
also whitelist
Emails from your email to do that they would just click settings
Settings
Filters and blocked addresses and then create a new filter, and then in the front list someone could just enter in your domain name
Just like that then click create filter with this search
and
Say when a message arrives matches the search you
could do star it and or never send it to spam or
You know get more specific if you want and then create filters, so that's how to whitelist email addresses from your domain name
All right super cool, so you can of course take your contact page any direction you want you can make it fancy or simple
Whatever you want to do. I'm happy to help
All right next up. I want to show you guys how to insert reviews or testimonials?
onto your site so that you can build a website that gets social proof and
gets a lot of fan appreciation, and you can show that off in your sidebar on pages in your footer and
Also, how to set up a nice little forum
just like the contact form where people can enter in reviews and testimonials while you're away from the site and
Publish them to you alright, so it's really cool
We're gonna use a new plugin, and it's one of the newest hottest plugins I've ever found so let's check it out
just come back to your dashboard and
Hover it on plugins and click add new
And do a search for strong testimonials
And it's gonna be this one with the purple quotes, but chrissteele and big, thanks to Chris just click install now
And activate it. This is really cool your site's gonna get reviews. Just like Amazon eBay
Casper dot-com any of these sites that offer new products rely on customer reviews
And I want your business website to take power of reviews, too
So we can read about strong testimonials on this landing page if you want
It's really cool, but I'll just show you how to use it right out of the box now
all you need to do to set up your own testimonials is just go to all testimonials and
We're gonna see a list of four of them. I made previously
I was actually filming this part, and then the recording died on me and got lost which
Never happens, but I figured I would just keep them cuz they're good these are just comments from my youtube channel
so just comments like right here and
You'll see your comment in here. Maybe um. I hope you guys don't yell at me
I really appreciate these comments, and you know love all of them. I just chose three of my favorite ones right here
So we're gonna use these ones but to create a new one from one of your customers. You just click add new and
Next up you'll just write in the person's name up here like who said it
It's like Jane Doe, and then you can write what they said
Next in client details you just want to put in their name again
And an email if you have it and then a company name and a link so you can link to that person's company
And it's also a good way to feature another blogger and give them a little link in a little credit
If another blogger said something good about your site
And if you don't have reviews try and ask your colleagues and friends in your personal network
Especially if they work for cool names like Forbes or vogue, and they say something about your site
Then it'll look really good on your own website
alright, the next step is just to create a new category and that category could be where the reviewer came from like social media or
It could be the product they were reviewing so maybe they were reviewing your
Seven-week
Fitness plan for example and you can gather all the reviews about that one specific product add new
Now just set a featured image
And you can put up like a pretty picture from that person if you have it
We could just use our demo model here typing out in nature and set featured image
All right, now. You just need to publish it. Just like a post or page
And click back to all testimonials and so once you get a few of these and gather them here
Then it's time to insert them on your website to do that we need to click on views now
so on the left click on views
And I'm actually gonna delete all these to show you how to make them from scratch
Because yours will be empty
We'll just set them up again real quick
Alright so click add new
And I'm not sure why they call it views views are just like a way of displaying
Testimonials alright, so you just need a name like sidebar view because we can put these testimonials on the sidebar
Sidebar and we're gonna leave this one on display and scroll down and keep the default settings
Although they're all really intuitive and helpful like you can change what fields show up or
Change the style to something cool like modern
Which we'll do in a second, and you can also change how the images and your testimonials are displayed I?
Really like the basic settings though, so I'm just gonna save it
Next just click on the shortcode and
copy that whole thing and
We're gonna put this in our sidebar, so we got to go back to widgets hover on appearance and click widgets
And we can just choose the custom HTML because we're gonna be inserting some code
it's open that up choose primary sidebar add to Widgit and
We gives paste in that little piece of shortcode and call this one
Product reviews and click Save
Alright and now when we view this site
We'll have our first little view of
The testimonials that your site has gathered and of course you can choose only to show certain testimonials
or you know more or less whatever you want, and as we saw in that view space you can change how the
text looks and how the borders and styles and the image and all that looks as well you get the
title of the person that said your review, then you get their featured image
And you get the review itself you get their name, and you get their company with the link really cool, but that's not all
To insert the form where people can write in their own testimonials on their own even when you're not on the website
Just go back to the dashboard click
On testimonials
and click views
Add new and now we're gonna want to use the form option
That's the most important form we can call this one like
Enter
Reviews form
Now you can scroll down, and I think if you don't choose a category it will just
Let people choose their own category
You can change the style and the background, but again the default styles are really stylish
Save Changes
Now click the shortcode copy it and let's drop this in a new page, so let's click on pages
Add new
Now we can just title this something like
we love your business are headed super clever, and then just paste that shortcode in the text tab and
Once you've done this then it'll display you just need to click publish and you're done
And when we view page we can see we get this beautiful little form that inherits the styles of our website
No sirree that was not meant for you and
You can go ahead and have people write in reviews when you're not on the site
They can even upload their own photos
and then click add testimonial and
Then it'll get published and you'll see that new testimonial sitting in your dashboard for you to approve or edit or review
When you log back in in the morning
Alright, so really fun
But that's still not it we can actually set up our reviews in one more way before we're done which is in the footer
so come back to the dashboard and
click
on testimonials and one more time views and
Add new and we're gonna set up this final option the slideshow
All right
so we can do these three options and single template would just be to include one review or one testimonial on a page and
For name we're just gonna call this footer view
because this is going in the footer and
Now we can come down and make a couple modifications
So maybe we want to show these
For less time and have people see a lot of them
You know you scroll down
and
Maybe we want the style to be modern and the background of this little slider to be a single color
We just choose white which always looks good so choose your color or go with one of the gradients or presets
and click Save Changes
And I know going a little bit faster here
But I want to just give you a brief overview of all this amazing plugins features
And then you can play around of course on your own and ask us in the comments what you're working on
Alright, so finally we can hover on appearance and click widgets
Where our footer lives
we're gonna put this in a little space we have in footer -
Alright, and we can do so using the Handy strong testimonials view widget. We now have
So click footer to add widget
All right and now in views
We just need to change it to footer view so it's really easy to display
testimonials on your site once you set them up and enter them in and
Save it
Now let's check out the site
Scroll down and our footer will have this awesome
little
social proofing testimonial area
And if we wait a second, then it'll show us another testimonial
And by the way Leo wasn't someone who visited my YouTube channel unfortunately
But he did make appearances in our previous tutorials. We've used Leo before
Alright, so you can keep the full-width testimonial here like stretching across the whole screen
or we can edit our footer and add some content to the left and the right of the testimonials so that
This will be condensed in a nice little box in the middle
Alright, so that's a good transition. Let's go ahead and build our footer
Let's go back to the dashboard
And let's hover on appearance and click widgets
And we're gonna put stuff in the footer 1 and the floor 3
First thing I want to put in is a menu to help people navigate your site
So where is it? You can never find menu one you want it there? It is navigation menu click
menu put it area one add widget I
Would call this one?
navigate
Select menu main menu and
Save it so you can obviously create more menus
If you go to appearance menus, and then set up like a help menu
Or a feedback menu, or maybe you have like an affiliate program
Or donate whatever sort of links your business needs you can set them up and as many menus
Using as many different menus as you like
Alright, and for footer 3. I want to show you how to add a video
So if you want to make a website with videos in the footer or in anywhere on the website
It's really easy you just need to get the video from a place like YouTube
So we can go back to YouTube and we can look up like
Wordpress.org 2017
And grab our tutorial here should be number 1 maybe someday
And to get a video just find the video you want click share
Click embed this little embed link and now we need to copy/paste this iframe code
so click it to highlight right click copy and
then come back to our site and
Choose the custom HTML widget
perfect for inserting code from Facebook YouTube wherever Google
choose footer area 3 add widget and
We can just paste it
I
can call this one featured video tutorial and
Save it great job now when we close this and view the site our
Footer should be coming together nicely
Alright very good and our footer looks so good that we're gonna. Call it done right there because keeping it. Simple is key
We have the navigation menu of the testimonials and the video
And I think that looks great
The only edit I can think of is when the testimonials slide it might change the height of your footer
But to keep a consistent height in your footer and for your testimonials. Just go back to the dashboard click
On testimonials
Views
Click on the footer view to edit it and now we're just gonna want to change
Adjust height for each slide to set height to match tallest slide and save it
Great job
Now our footer is looking perfect and the height of the whole footer will stay the same
Alright guys and gals very good. We are so close to being done
We just need to do a few minor design changes
And then your sites will be ready to go live and it wouldn't be a complete
WordPress website tutorial without a little chat with Hostgator
so I'm having them look over our site now and make sure that it's up and running for the world and
have a question about the footer because I made a lot some some big changes to the code in appearance editor and
Now it's like semi broken, so I'm just having them look at it there. You're looking at our domain name and logging into the backend
So it's really nice knowing we have that safety net right now
So I'll be talking with them over the next few minutes
And they're gonna purge our cache a like refresh the whole thing which is awesome it means that anything
That's stuck in the internet gets flushed basically, and you'll probably hear that term purging a cachet more and more in the future
So we're gonna change up the design things right now and get you ready for launch first thing
I want to look at is this read more button
Because I think I wanted to say you learn more
Yeah, just like our slider text right here learn more to change your slider button text click customize
And then click
theme options and
Then excerpt options, and now we can just replace read more dot dot dot with
learn more
Very good, we'll publish those changes
Next weekend X out at the top, and we're gonna change the
Tagline because I realized that that shows up in the upper left corner up here on our browser tab
It says just another WordPress site, and we do not want that
So let's go to the dashboard and now we can hover on settings and click general
And we're just going to delete this WordPress tagline and then right in there. It's your time to
Make a
Website
So I think there's a pun in there somewhere, I thought there was and we'll save it cool
And now I'll go back to the site
We'll get that new tagline in the browser tab
Very cool and while we were editing our tagline and our learn more button Hostgator fixed our footer
So it's back to normal. Just like the default footer should look on your clean business theme, so thank you Hostgator support and
Mark especially
And now let's see if we can edit the footer to say our own words, so you might like this
But we could also make it you know say your business or whatever you want to say to people down here
So let's try to do that. This is pretty tricky. It's usually the toughest part of our tutorials even though
It's really minor in detail form
but we're gonna try to do it together, so let's click back to the dashboard and
Let's hover on appearance and click editor
And if you get a little message that says don't edit this code just say like I understand or okay?
it's gonna be fine because you have
me and all of us here as your guide and
Now in last year's GoDaddy website tutorial from 2017 we needed to go into the ink folder
So let's click ink
And we need to go into core
So I think we could save ourselves some time and go there again
I think they built this theme like they built last year's theme, so let's click core
Alright and now we want to make a backup of this file before we edit it, so let's hit the ctrl a ctrl
Copy or I'm on a Mac so it's command a command copy
Now open up a new text file
New document
And we can see I use text files a lot
You just want to paste the entire piece of code in and then call it something like
Cor dot PHP backup and then the date to?
1217 and hit enter and now if anything goes wrong we can just copy paste this back into the wordpress site
Now when you're on the WordPress file itself when your mouse is over here
Don't make any changes yet just hit command find birth control find
And you'll get the search bar, and I want you to do a search for generator and hit enter
And it's gonna show you this one little piece of code that starts with generator, and this is exactly what we want to edit
So now all you need to do in this section here is
Modify what you see in between the alligator brackets?
here and here and
Then the ones below it, too
I'm gonna highlight it for you, so we can see exactly what to change
So what I've highlighted here in these quote marks including the dollar sign content left is
The WordPress code equivalent of this left-hand text right here
So the way the theme is built this generates
this
I'm left and this part as you might have guessed within the quotes of course
generates this
So every part of WordPress on the front end can be found in the backend if you look hard enough
And I think in this case the theme developers want us to buy the pro theme
because the pro version has a
Specific footer section to edit and well I do recommend buying the pro theme
Especially if you use this website for your own business which is making a profit
It's always a good idea to have a pro aka premium theme because you get better support and a lot more features
Well, I do recommend that option. I'm also a fan of doing things for free when we can
And also learning how the code works, so this is kind of like a double plus
So what I want you to do is literally delete
Exactly what I've highlighted here, and I'll zoom in for you
And then you can just write in your own copy right so I'm gonna write copyright
In
Tutorials
2017
And I'm gonna get the copyright symbol from Wikipedia
to copyright from Google
command copy and
Command paste and then we'll write a bar all rights reserved
Cool that's awesome to set up a link here
You can just do a little bit of HTML in line here this means
Which means I get to teach you even more so I'm excited just
Create a link by entering
open alligator bracket a space atria equals quotation mark
quotation mark close alligator bracket and
Then where you want the text that the link is it's called anchor text to end
Just put open alligator
/a closed alligator that will close the link and
Then in this little section between the quotation marks you put your link so in our case. I'm gonna put
My youtube link which is just the channel
Pretty cool. I can just grab the channel link itself
Alright, and you should all subscribe of course you can join our amazing community
It's a lot of fun, and we all make better blogs and push each other and we wake up every morning super excited
I don't know if it's the coffee or the
sheer
Dominance of our blogs and websites, but it could be a combination of both so right now
I just want you to paste in that link in between the quotation marks
Just like that keep those quotes, and if you want to open this in a new browser tab when someone clicks it right target
equals
Quotation mark underscore blank, just like I did
Awesome job. Now. We can change the one on the right delete exactly what I've highlighted and let's write in
WordPress theme by catch
Theme so we're still gonna give them credit. We just want to do it our own way
Now we're gonna write in
simple business
Just kidding clean business
Nice, and now we'll update file
Assuming you didn't break anything. It'll say file edit is successfully and now we can just check out our site
Let's scroll down
And if you don't see your changes right now it might be because we need to refresh the cachet on our end
So up in the top where it says caching try just clicking
purge this page
All right
So once you hit the purge all or the purge this page button then you can scroll down
And you should see your changes so we see our new footer, which is customized with whatever we wanted to say
We can of course click the link
Works great, so let me know if any of this didn't work for you
Or if it takes longer to show the right footer
Because sometimes those caches can be feisty and take a few tries
alright, so we can click this button and scroll the top and
We're on our final steps here guys the finish line is well in sight
I just want to show you a couple plugins that'll make your website run faster now
so let's go back to the dashboard and
Plugins
Add new
So we should only have about 4 plugins now and
Adding a couple more is a good idea. We've definitely
Vetted them, so we know they work the first one is just called
WP
Smosh it
It's this plug-in called Smosh image compression and optimization by wpm you
Devam company. I often link to articles by them
So we'll click install now and activate all
Right welcome to smush winner of torque
plug-in madness good for them
So we're just gonna click
Automatically smush my images on upload. We'll leave that one unchecked not sure what that is
Resize my full images. We'll leave that one unchecked as well, so this will make your images
Slightly smaller which will make your pages load faster. It's recommended by Google, and it'll still preserve the quality, so let's click get started
It says Gregg do you have 20 attachments that needs mushing let's do a bulk smush all right
Then it says did you know WP Smosh delivers two times better compression that's really cool
I recommend trying it out, but I've also had really good results just with the free version
So while this is?
Crunching our images and saving a space we can install the second plug-in. I want to give you guys
So let's open up a new tab
Plugins add new and now just look up WP super cache. Eh
Alright and should come up right away. This is one of the biggest WordPress plugins out there over a middle installations W
Super cache it so Install Now
And if I automatic the creators of WordPress so you know it's good activate
And we don't need to do a ton with this plug-in if you get this warning in fact
We can dismiss it because it says if you just installed though if you see brick
I shaved for the first time you can dismiss it
That's pretty cool. Otherwise follow this instructions right here, but we don't need to now
Alright, so dismiss now
For this plugin all we need to do is click on its settings
Okay so with this plug-in you want to turn caching on when you're done editing your site
And you're ready to launch and you want to just leave it alone
What that'll do is then it remembers? How your pages look so when someone's on your site?
It'll load the home page once and then when they go back to welcome or something it a little welcome
but going back to home will be quicker and every time someone sees a page the web will remember what it looks like and
It'll remember. What blog posts look like to so that people can surf around and that every time someone clicks to eye page
They've been to before it doesn't have to load it all over again
It's kind of like if you ran a museum with a bunch of cool paintings
And you spent all this time painting them and setting them up and making them look good
Every time you have visitors come to a museum. You don't want to have to set all of that up again
You want to just be there, so it's good to leave it on and update the status
Also, if you run like seven or eight or nine or ten WordPress sites on the same server it's good cashing on
Because while you're working on like one site you might want the other sites to just be running really fast and caching on
Should make them run faster, however if you're making edits to your site. It's good to have caching off and update status
This also gives you a more powerful
cached two-litre so if you're not seeing your changes turn it off update status, and then click delete cache I
Just want to call it cache a and then you can click. Delete expired and
delete cache a
So you now have a more powerful delete button right here
All right looks like smush is done running all images are smashing up-to-date awesome
Feel free to play around here a little bit more
But we don't need to and with that done our site will now run more quickly
And images still look just as good
the final step
I want to do is just add your site to Google Analytics and to Google itself
So that you can track data and collect traffic data
And then eventually get a ton of it over time because you're doing the right things
Alright, so this is a three step process and we can do it pretty quickly we have a video on it as well
But I think I mentioned we'd do it, so let's just
Stay true to our word
So the first link you want to visit is just submit my website to Google
You're gonna get this little browser feature right here, and all you need to do is just copy you to my name and
Put it in there
and submit
All right, so we don't with that, and if you don't get this submitted message here. You can also click submit URL
Which is the older way of doing it?
Here in the search console just paste in URL not a robot
submit
and
Your request has been received so that's all we can do as far as this tool right now
So Google is now aware of your site
And you know some little elf off in the Google forest just got a notification
Saying that hey we made this new website on YouTube. Let's check it out and let's help these people
Alright, so that's pretty cool. Now. We can also go to Anna lytx for step two
Just look up analytics
click to Google Analytics
You can
Sign up for free. It's free and easy
and if you already signed up like me it should just log you in like this and
Then all you're gonna need to do is
click to the admin area
It might take you here automatically if you just sign up for the first time
And now we can just click our drop down here create new account
Looks like we get a hundred google analytics accounts, so let's give ourselves a name 4-minute
website
Website
URL, that's easy to paste it in
Alright, I think we can actually get rid of that HTTP part so I can industry so or education
That's not an option. I'll be amazed
Jobs in education because I want you to make websites and blogging your job like me
And now we'll just click get tracking ID
Alright and I accept
Now all you need to do is click on this code right here to highlight it right click
Copy it, and we'll put it into our site, and then we'll be tracking with Google Analytics
So come back to our dashboard
Hover on settings and click insert headers and footers and
Now we're going to drop this code into our header area right beneath the code from Facebook
Just give it a couple spaces and paste her in there
Scroll down and save
alright settings save successful and
Nothing else will show up on your site now
but you will now be able to start tracking data in Google Analytics within about
24 hours or less and you can see that all if you click on home and
Then I like going to behavior and then site content all pages
Which shows you the most popular pages on your site at any given time?
All right now lastly. We just need to go to your google search console
Also called the webmasters dashboard
So if your google search console you'll find this link
and
You just need to click add a property and paste in your URL
All right, so just drop that bad boy in there and click continue
And it's gonna ask you to do the verification here, so you verify ownership
It'll say recommended or alternate methods, but good thing for us is we already did the recommended method
Which is to put that code from Google Analytics in there so as long as you've waited a couple minutes
you should be able to click verify
And
success always love seeing this little green checkmark
Great job alright so our website 4-minute website comm is now verified. We can use Google services and click back to the search console
Alright, so just more data more analytics more ways to help your website get traffic and hopefully make a lot of money someday online
Alright guys and gals now that we've hooked up Google Analytics to your website's we're officially done, and this is where the tutorial ends
I'm really sad, but the good thing is you now learned how to make a business website in WordPress?
And I'll always be here with you in the future for more questions
I know that there's always a way to take your website to the next
Level and I want you to know that you're not alone in WordPress you'll always have a friend here in the blogging world
Aside from that if you learn anything
Please make sure to go down to the comments below and let us know with the comment or any feedback
Concerns requests for the next video and please also make sure to hit that like button
It takes like two seconds and make sure to hit subscribe if you want to hear any more from me in our community
That'd be like the best birthday Christmas present ever this year
And even if you didn't want to get me a present who cares it's free, and it's fun clicking things alright guys and gals
That's really cool. I hope you enjoyed learning how to create a business website with the blog
I hope you enjoyed saving money because we didn't have to go out in our local to get a web developer
And I hope you enjoy these new skills you can now show off to your friends
Alright guys make sure to go check out the comments below and see what kind of chatter is going on if you want to answer
Someone else's question. I'll love you forever, but you don't have to I can do that too
I just want to make sure that I get to see you there alright. Thanks so much for watching guys
I'll talk to you soon alright bye for now
