Play Video

Hostgator Tutorial 2021 – How To Install & Make A WordPress Website

🎟 Hostgator: https://bit.ly/TryHostgator (this link gives you hosting for just $2.75!)
🎟 Best Free WordPress Themes: http://bit.ly/bestfreewordpressthemes
🎟 Get A Free Domain Name: http://bit.ly/Freedomainname

Welcome to this Hostgator Tutorial 2021 video. This video shows you exactly how to make a WordPress video using Hostgator in 2021. This video is for people are interested in using Hostgator and making a wordpress website, but haven’t done it before. This wordpress tutorial is really easy and goes in depth, so you’ll have your website looking great by the end of it. At the end of this 2021 complete Hostgator WordPress website tutorial video, you will have your own website built and installed and you will have it running great.

What is WordPress:

WordPress is a full-featured content management system that just happens to be the world’s most popular tool for creating websites. In fact, it’s so popular that over 38% of all websites are built with WordPress. WordPress can power virtually any kind of website, from a simple blog to a full-featured business website. You can even use WordPress to create an online store by using the popular WooCommerce plugin. WordPressΒ is the self-hosted version of WordPress. This is the version you’ll use to run WordPress on your own web hosting account. When you use this version, you have complete control over the design and functionality of your site. You can use whatever theme you like and install any plugin with no limitations.
What is WordPress Hosting:

In the purest sense, WordPress web hosting is a host that’s been optimized to run WordPress. The additional features offered will vary depending on the type of WordPress hosting you go with. But, generally it’ll be equipped with features like one-click-install, so you can quickly install WordPress on your site, or automatic updates to the WordPress core. Generally, WordPress hosting will have support staff that’s better versed in WordPress-related technical issues than your standard hosting staff. Keep in mind that WordPress hosting is not a requirement if you want to run WordPress. You can run WordPress on almost any style of host as the requirements to run WordPress are quite minimal.

#wordpresstutorial2021
#howtomakeawebsite2021
#makemoneyonline

β–‚β–‚β–‚β–‚β–‚β–‚β–‚β–‚β–‚β–‚β–‚β–‚β–‚β–‚β–‚β–‚β–‚β–‚β–‚β–‚β–‚β–‚β–‚β–‚β–‚β–‚

Hi there, my name is Chris Winter and on this channel I make videos on:
β€’Β Stock Investing
β€’ Basic Financial Advice
β€’ Best Stocks To Buy & Invest In
β€’ Best Online Stock Brokers
β€’Β How To Make Money Online
β€’Β Affiliate Marketing
β€’ Passive Income
β€’ Shopify
β€’Β Amazon FBA
β€’Β Print on Demand

β–‚β–‚β–‚β–‚β–‚β–‚β–‚β–‚β–‚β–‚β–‚β–‚β–‚β–‚β–‚β–‚β–‚β–‚β–‚β–‚β–‚β–‚β–‚β–‚β–‚β–‚

Make Money Online/Stock Investing Playlists:

Stocks to invest in & buy: https://www.youtube.com/playlist?list=PLkQ-e6kcH5JukEd3gaRFzWHGIpWrwAAGc
How to make money online: https://www.youtube.com/playlist?list=PLkQ-e6kcH5Jtm56eoffQ61VuObvfEFbri
How to make money as a teenager: https://www.youtube.com/playlist?list=PLkQ-e6kcH5JvEibFiEWZOW43kww_X3ovx
How to Invest your money: https://www.youtube.com/playlist?list=PLkQ-e6kcH5JvXv1oEXZipSXLaof7lTrCl
How to make Passive Income: https://www.youtube.com/playlist?list=PLkQ-e6kcH5JtwYTnoQMuvoRivqzwxM-Kv
Best Stocks To Buy: https://www.youtube.com/playlist?list=PLkQ-e6kcH5Ju2EemSc4_Sl9QzlImfj2w-

β–‚β–‚β–‚β–‚β–‚β–‚β–‚β–‚β–‚β–‚β–‚β–‚β–‚β–‚β–‚β–‚β–‚β–‚β–‚β–‚β–‚β–‚β–‚β–‚β–‚β–‚

On this channel I talk about the following:

#BestOnlineBusinesses
#MakeMoneyOnline
#Shopify
#AffiliateMarketing
#MakeMoneyFromHome
#OnlineBusiness
#Dropshipping
#SideHustles
#SocialMediaMarketing
#PrintOnDemand
#PassiveIncome
#WorkFromHome
#PaypalMoney
#Investing

Affiliate Disclaimer: I am currently or have in the past been an affiliate for the following programs: VidIQ, TubeBuddy, ThriveCart, Teachable, ConvertKit, SamCart, MemberMouse, Mailerlite, M1 Finance, Bluehost, Amazon, Shopify, Elegant Themes, LeadPages, Express VPN, Nord VPN, AWeber, Podia, Skillshare, Clickfunnels, Hostgator, Dreamhost, Siteground, Wix, Squarespace

hi there my name is chris winter and in this video i’m going to show you how to build a website using wordpress and hostgator now the great thing about this video is that you don’t need to know any coding you don’t need to know any html css or javascript simply we’re going to build an amazing looking website and it’s going to be really easy all you need to do is follow the steps that i show you and by the end of this video you’re going to have
a great looking website and guys i’ve got to give you for watching this tutorial in the description box right below this video i’m going to put a link where you can download 20 of the best wordpress themes totally for free now these wordpress templates or themes look incredible and with just one click you can make your website look amazing you don’t need to know any coding to use these templates either and the best thing is they’re totally free
now i’m not going to keep this link up for long so if you don’t want to access these themes it’ll be in the description box below right under this video so you’re ready to get started i am let’s go so if you want to have this amazing looking website by the end of this video which is totally possible to do it’s important that you watch every part of this video and follow every step if you do miss steps or you don’t watch it the whole way through
you’ll probably have errors and these will be really hard to fix and you might have to pay someone to fix them for you so i’d highly recommend watching every second of this video because there are some really important steps in the middle to the end of this video which will be critical to making sure that your website works perfectly but if you do follow every step you’re going to have an amazing looking website by the end of this video you can
totally do it so what do you actually need to create a website well there are a few different steps the first thing is you need to have website hosting which is a place where your website’s actually located every website has a website host like bluehost or dreamhost or hostgator and i’ll have links in the description box below to where you can get a really good discount on these next you will need a domain name something like www.yourwebsite.com
or www.youtube.com it’s a place where people can actually go to get to your website now these normally cost around about 10 to 50 a year but with the host that i recommend in the description box below you’ll be able to get these for free and then you just need to install wordpress on your website and i’ll show you exactly how to do it it’s super easy it’s literally just like one click and it’ll be installed so that’s all you need to do you need
hosting you need a domain name and you need to install wordpress and then once all that’s done we can get onto the fun part which is designing your website and making it look awesome for today we’re going to use hostgator as our website hosts because they’re one of the cheapest and i know a lot of you guys want to save money so the first step is to click the link in the description box below right under this video which will take you to hostgator
where we can set up our website that link’s also pretty sweet because it gives you hosting for over 60 off so it’s the best link to use so once you click that we can get started creating your website okay so to get started with hosting all you need to do is click get started and then from here you can choose which hosting plan you want the main difference is that this one here is going to allow you to have just one wordpress website versus this
one here which will allow you to have unlimited this one here is only 2.75 for months which is pretty cheap and this one here is 3.95 it’s totally up to you which one you want if you know you’re going to have lots of websites you can choose this one but if you’re just going to do one which is probably most people you can simply click this one here so let’s go with buy now and then one of the great things with hostgator is they give you a free
domain name as well so that’s something like google.com or chriswinter.com we can search for something like that chris winter i know that one’s taken so we can go for chris winter dot space see if that’s available that’s available which is great if we go down here we can probably turn off domain privacy if you want to save a little bit of money that’s 15 p per year which i’ll save you you don’t really need that next up we’ve got the package type
you can see that this is the 36 month plan this one here is 2.75 per month it gets cheaper for the longer you have the hosting so for 12 months it’s 3.95 per month and for one month it’s 10.95 per month so it’s up to you for how long you want to have your hosting for i think for now i’ll just go for the 12-month one because that’s a pretty good deal at 3.95 then you’ve got to create a username so we’ll go something like that then a security pin
which is used for when you’re going to be contacting customer support if you’ve got any issues next up we’re going to do our billing information so we’re just our email address and our name and stuff then you can put in your card details if we go down here they’re going to try and upsell you on a few things you really don’t need to do these so for example you can switch off site lock essentials which is 23 a year and a site backup which you can
get a free wordpress plugin i just saved you 25 there as well then you can simply review your details click this little button here and now we’re going to get onto the fun stuff we’re going to design our website really quickly it’s going to look awesome it’s going to be the best website you’ve seen and it’s super easy so let’s get started by clicking checkout now so we’ve now created our account on hostgator and now we’re going to install
wordpress and trust me guys this is super easy just follow along so the first thing we need to do is go over to the left here to where it says hosting click on that and then we’ll see the domain name which we registered right here which is looking great now if your status says provisioning just wait a minute or two and you’ll see that it will become active so from here what we want to do to install wordpress is simply click on cpanel okay so from
here it gets really easy all we need to do is go to wordpress installer and then we can select the domain name that we purchased before and then simply hit next from here we can add a website title a username which you will log in with and then your name as well we can also add your email address which we’ll use if we ever need to log in or manage the website and then all we need to do is hit terms of service agreement you agree and then hit
install fantastic the installation is complete and now we can simply log in now they’re going to try and upsell you on a few different things you don’t need to do this so simply grab your username and password and then we can hit log in now we can put in that username and the password that they just gave us you can hit remember me and then hit login so when you get to your wordpress dashboard it might look a little bit busy and that’s because
pretty much every web host adds all of these different things that you really don’t need so what i would highly recommend for everyone and i tell this for all of my wordpress installations is to go to plugins click there and then scroll down select this button here which will select all of the plugins and then simply hit deactivate and apply and then from here we’re going to select it again and hit delete this is really going to free up your
wordpress and allow us to do a proper fresh install rather than having all of these things which might slow down your website once that’s done we can simply hit dashboard and go back to our wordpress dashboard and get started okay so we’re here at our wordpress dashboard and we’re ready to set up a website using elementor so the first thing that we want to do is install a plug-in now that plug-in is going to be called astra and to do this we go
to plugins and add new now the astra plug-in is going to give us a really nice selection of different templates that we can use and then we’ll be able to edit them with elementor so to search for it we go to the top right here and search for astra and here it is right here this is called starter templates and it’s actually going to install elementor for us without us having to do it so to do this all we need to do is install now and then we can
click activate so we now have all of the templates in our wordpress what we can do now is click see library and we can take a look at all of the awesome templates which we can start with so we can edit with elementor as you can see there are a number of different templates that comes with this it’s absolutely incredible now some of these are paid and some of these are free but i’d like to create this site for you for as cheap as possible all
really need is hosting and why pay for something if we can get some really good free themes so to see the free themes all you need to do is go to all and then choose free as you can see we still have a number of amazing themes which we can use for our website and all of these are super easy to change with elementor i think for today we’re going to use this theme right here this is called the mountain theme and as you can see it comes with a great
home page which we can really easily adjust but it also has really nice other pages so we’ve got an about page here which has a nice custom layout we have a services page and we have a contact page again all of these are really easy to edit with elementor so once we’re happy with your theme we can click import complete site and then all you need to do is click import this takes maybe a minute to three minutes or so and once it’s done we’ll be
ready to edit fantastic it’s imported successfully once this is done you can click view site and what you’ll see is that we have a fully featured website already ready for us to edit with elementor as you can see within just a few minutes we now have this beautiful hero image we have these images down here with our services or things that we can add we’ve got a text section here we’ve got a nice parallax effect you can see that that looks really
cool with the image below and the website scrolling across we’ve got a gallery we’ve got a nice footer here and one great thing is that it’s completely responsive which means that as i move this here it goes in and out it’ll work perfectly not only on computer but also on ipad and also on your phone so as this is an elementor tutorial let’s take a look and start editing with elementor like i said before as we’d already installed that astro
plug-in it had already installed elementor so to start now all we need to do is go to the top here and click edit with elementor so as you can see we now have the elementor panel right here and one of the great things about using elementor is that you can pretty much edit everything without having to know any code and you can actually create and edit your text simply by scrolling over it like you would do on a word document so if we want to
change this here all we need to do is simply delete it and start typing so let’s create a website for a wedding company so we’ll call this wedding services and we’ll call it let’s say welcome to los angeles wedding services there we go something kind of made up but that’s okay as you can see we can also change this here as well this is a subtitle we help you have a perfect wedding day and even the buttons and things like this are super easy to
change with elementor so we can change this here simply by collect selecting it we could make this our services and then we could also keep this maybe we’ll change this to our story that’s looking really fantastic we can even change this background image here now one of the great places where i love to find images is a website called unsplash so to go to this you go to unsplash.com and they’ve got a lot of free images which are really fantastic
all of these are freely usable they’re royalty free and you can find so many great images let’s search for wedding this one here would be a fantastic image for that hero image so i’m going to save a few of these images and we’ll come back fantastic so i’ve got a few of those images on unsplash.com and it’s really great i highly recommend it it’s a free website so why not take advantage of it so if we want to change this background image here it’s
really simple with elementor all you need to do is pretty much right click on anything you want to edit and it’ll allow you to edit it so let’s right click on this background image and click edit section now what we want to do is change the style and you can see that this is the background image that’s already there to change this we click choose image and then we can simply drag this photo right in so i think we’ll use this photo here it was a
really nice one and you can see it’s uploading and then all you need to do is click insert media as you can see we now have our background image there really shaping this perfectly i think what we’ll do is perhaps change this a little bit as you can see we have an image overlay like a background overlay here let’s change this so i went to background overlay i think i’ll change the color to more of a darker color that looks a bit better we can
also change the opacity or how dark it goes simply by sliding here on elementor i think that there is a nice mix of seeing the image but also being able to read the text now whenever you want to save anything on elementor all you need to do is simply click update make sure you do this so you don’t lose any of your important work that you’ve done so what if i want to change this button right here well again all you need to do is click on edit and
you can see that we have the text color here which is blue i think blue is quite nice but i would like to change the color that it changes on hover so to change this all you need to do is click on hover we’ll change the background color to perhaps a perhaps we’ll go for like a gold kind of color let’s do that and as you can see when i hover over this now it now changes to a nice gold color i think we’ll go a little bit lighter than that there we
go and let’s change the text color to that gold to match it as well let’s have a look now what happens when i hover as you can see it looks really nice let’s click update and we’ll take a look at our website so here’s the website it’s really starting to take shape we now have this nice text image sorry when i have this nice text we have this background image and we have this button here which we changed i actually noticed something as you can see
these people here are a little bit cut off we can change this really easily if we go back to our edit page and again we right click on this photo what we can do is go to background and we can change where the actual photo is going to be centered so currently it’s in top center let’s change that to center center if i update this now and have a look at the website again we’ll refresh that you can see that they’re a little bit higher up now and it
really does look better it’s nice because it kind of shapes the the text around here with the people right there with nice mountains it really does look great let’s scroll down a little bit and take a look at the different services here which we can change easy with elementor so again these are just super easy to change all you need to do is right click and click edit column let’s change the style again and you can see the current image let’s
click choose image and we’ll drag the photos in i think we’ll use this photo here that looks really good simply click insert media there’s the first one and let’s do this one edit column style choose image i think we’ll use this photo here click insert media and then how about the last one again what do we do simply right click edit column style and then choose image it’s so simple to do let’s drag this photo in here it’s amazing what we’ve done
in about five minutes super quick to create a really nice website let’s click insert media so as you can see we now have these beautiful photos here but we do have this text which we need to change as you know it could be it could be really difficult to do but of course with elementor and using wordpress it’s really easy so let’s simply type in what we want so maybe we could do dinners we could also choose uh ceremonies and maybe we could do
photography so these are the services that will offer as the los angeles wedding services it’s really cool like that and it’s so simple to do we can scroll down now and take a look at this section right here again it’s really simple all we need to do is simply type in the text because we have this great template already it’s really easy we could maybe do a little bit of an about us here so we could say we’ve been making wonderful weddings since
1999. and then you could also write some text here and perhaps we could change this button here to say our story now as you can see this button is still blue so let’s change it to keep it a little bit nicer so again we go to style we’ll change the hover on this button oh sorry we’ve got to edit button change the hover let’s go to a gold color again and you can see when we hover over this it’s now gold of course you can make this a lot nicer
yourself if you want but i’m just showing you the basics let’s click update because it’s always important to do that so next up we have a really nice section here called a parallax effect section as you can see rather than the website moving with that photo it simply glides over it and looks really cool we could have a call to action so perhaps we could right here let’s get in touch or something touch with us maybe they can get in contact and you
can have some other text and then you’ve got that contact but what i would like to do now is perhaps change this to an image so again like we did on the hero image all we need to do is right click click edit section and we go to style again it’s really simple stuff that we’re learning over and over click choose image and let’s oh sorry let’s put a nice large image here how about this one here this looks great drag that one on upload it click
insert media and you can see we have a great photo here that really makes this stand out and as we scroll up and down it just looks great i don’t really like this blue background so i’m going to change that again we go to background overlay we’ll change the second color just to a darker color we could make it a bit lighter and perhaps have it a little bit warmer that looks pretty good actually let’s do that again when you’re ready click update
and we can take a look at how website’s starting to turn out with elementor so we refresh this we’ve got our great opening hero image up here with our text we’ve got our dinners our ceremonies and our photography section we could easily link these as well to different pages once we’ve made them we’ve got our little intro here telling people we’ve been making wonderful weddings since 1999 and our story with that nice gold button then as we go down
here we really start to get some nice features with this parallax theme here one lovely thing i would love to do let’s make our website look really cool here and this is so cool with elementor what we can do let’s go to youtube and let’s create a background video here so let’s search for a wedding video and let’s find a nice wedding video this one here looks good we’ll copy the link and all we need to do rather than changing this to an image we
go to background type and we go from classic to gradient now we click on video and watch this all we need to do is put that youtube url we’ll paste that in here and watch this we now will have an amazing background video which will use the parallax effect oh it actually doesn’t use a parallax effect but it just looks absolutely incredible and it’s really going to work and impress the people who watch your website so if i click update here again
and in just a few minutes we’ve created this amazing effect we scroll down and you can see we have this incredible video which just screams at people this is a pro looking website really does look absolutely fantastic and you can use any youtube video that you want maybe depending on what kind of website it’s going to be might be some fitness footage might be showing off your products but it looks so cool below here we even have another cool
section and this is a gallery and galleries are really easy to use with elementor so if we want to edit this section all we need to do again is right click and click edit basic gallery you can see we have the images here which we’ve already got and to edit these all you need to do is click here on this little pencil we can move these around if we wanted to change where they are or if you want to add some more click add to gallery and we can drag
some photos in so simply drag this one in perhaps this one maybe this one we’ll drag these in and they’re going to upload and you’ll see that it’s this easy to create a gallery so say if you’re creating a wedding photography company you can really easily show off your great photos so once they’re in here all you need to do is click add to gallery and you’ll see that they’re now in our gallery here we have these other photos and if you ever want
to delete any of these all you need to do is simply delete them and we can move these here to the front we’ll click insert gallery and you’ll see that just like that we have our new photos in here and it really does look fantastic we could even change it to columns just to have two so we can have them a little bit larger that looks pretty good let’s update this and then refresh our website simply click refresh and you can see we now have our own
photos right here looking really really good even better if i click on this it comes up in a light box and looks really cool because you can get a bigger version of your photos with a nice sliding effect what about if we wanted to for example add a title up here well that’s easy because with elementor there are so many different pre-built kind of uh sections that you can add to add these all you need to do is go to the top right here there’s a
little icon here we can simply add a heading to add this all you need to do is click it drag it and bring it in wherever you want so you can see it’s right here we could say some of our wedding photography and that’s as simple as that but i’d like to have this in the center so all i need to do is align it to the center that looks really cool you can also make this bigger or smaller if you want you can go small or large or even extra large that
looks pretty nice i think that’s how we want to have it now you can really get detailed with elementor and i’m only showing you the basics here but for example if we wanted to adjust the padding on this so make it a little bit lower all you need to do is go to advanced over here on the right and you can adjust the padding or the margin it doesn’t really matter but it’s very similar you can simply make it a little bit bigger a little bit smaller
it’s so simple all you need to do is follow this tutorial and you’re going to be good again all we need to do is click update we’ll check out our website here let’s have a look refresh this let’s go down we’ve got all of our great sections which we’ve used and here it is here’s our gallery you can see that we’ve got a nice bit of padding here which we’ve added and of course we can have a look at these now down here we have our footer and if we
want to we can easily change our logo but i think what we’ll do right now is actually go to another page so let’s go to services here so we’re on our home page and the great thing with elementor is that wherever you are you can easily edit it without having to know code so what we can do we’re on the services page all we need to do is go to the top here and click edit with elementor so you can see that wherever you are on the website you can
simply jump in and edit so we could change this to our wedding services simple click on that and how about we change this image you know how to do that you right click click edit section style and there’s the image let’s click choose image we already have some of these so we can simply bring one of these photos in i reckon this photo here click insert and it’s looking great what about changing that image overlay how do we do that well we remember
we go to background overlay change the secondary color we liked it with a little bit of warmth in it i thought that was really good that looks so cool let’s click update and it’s looking great now if you ever want to see what your website looks like on mobile all you need to do is go down here to where it says responsive mode and you can click and you can see what it looks like on a tablet like an ipad looks really good or even on a phone
remember a lot of people are watching their websites on phones and you can see this website’s fully responsive so it adjusts depending on the size of the screen let’s go back to desktop and we’ll change a few of these here so we can change this image again super easy let’s go to the services here edit image choose image we already have some uploaded so we can simply drag these in here we’ll go for this one here i like this photo and we’ll do this
one here edit image choose image this one here so easy and this one here it’s it’s really fun to do this once you know what you’re doing and look at that looking great again if you want to edit the text you could do wedding planning we could do photography and perhaps videography so making wedding videos click update and if we go to our website again all you need to do is go to the top here at this services section click services and so quickly
we have this amazing top banner here with our wedding services and that nice color over the top we’ve got this wedding planning where you could add some text here and then you’ve got a contact button photography videography then you could also add some frequently asked questions as well what about our contact page let’s that’s important we want people to be able to contact us so again we can go to this page click edit with elementor and then
let’s change this image let’s go for another one just to keep the theme really good insert image you know how to do this then we can even add a map so to edit the map you could click up here on the right and you can change the location now we’re not based in new york we’re based in los angeles so all you need to do is type in the location and look at that we now have a fully functional map where people can search you could put your actual
business address or wherever you want you can even change the zoom amount it’s super cool i think we’ll zoom in a little bit perhaps we’ll zoom in to 15 that looks pretty good you can even change the style as well there’s so much you can do with this but now we have it it really is looking fantastic again when you’re happy click update and let’s take a look at our website so so quickly we now have this amazing hero image at the top here we’ve got
our buttons and our text we’ve got this here which we can link to our different services this could easily link to one of our pages maybe that services page we created got a bit of an about us page here and this here is really nice i got this background video and this call to action it looks great we’re showing off our wedding photography as well which we can click on these and create a nice slider and then if we go down we’ve got our nice footer
here and then even our pages are now really good we’ve got our services of course with that nice image up here and then the different services and of course this is also really good and it’s going to look great on the phone as well got a contact page which we’ve changed with the photo up here and we even have a map which people can simply scroll and that looks so cool we did all this so quickly and of course this is how you do it now in my full
tutorials i will go into more depth so we can really go in and start to link to everything but this is amazing what you can get up and running so quickly i hope you guys really liked it if you haven’t done it yet make sure to check out my uh my other website videos because i do have a lot of videos going in depth with elementor where we really go in and make your website even better but make sure to check out the links in the description box
below if you get those discounts on hosting that’s pretty much the only difficult part but i do show you at the start of this video how to do it hope you guys enjoyed it nice website you got there so there you go that’s how you build a website using hostgator and wordpress hopefully you’re able to get your own website up and running and looking great now if you haven’t started yet definitely make sure to check out the links in the description box
below to that discounted price where you can start using hostgator i highly recommend them hope you guys have a great day good luck with your website and i’ll see you next time you