Build a FREE Website with Google Sites

today I want to show you how to build a website  using Google sites for free and then I want to   show you how you can set it up with your own  custom domain name hi I'm Jamie and   welcome to teachers Tech as I mentioned we're  going to be building a Google site from scratch   here today in fact we're going to be building  this Google site it's called Pooch house it's   a mock website for spa services to dogs you can  see that we added different things like   galleries Google forms in it and even added a  few different videos you'll see how easy it is   to create a website using Google sites and at the  end of this I'm going to show you how to purchase   a domain and set up your Google site to have that  custom domain let's get started today on how to   build a website with Google sites you will need a  Google account to create a Google site you can see

up top I'm already logged into my Google account  just with a demo account completely free but this   tutorial work if you're following along with a  work or school account I'm going to go to the app   launcher here and Google Drive  this is where I like to start my Google sites from   I'm going to go to my drive and I like to create  a folder first to keep everything organized so I'm   going to go ahead and just go new and we're going  to create a new folder and we'll call this uh demo   website just like that and I'm going to go ahead  and hit create inside of this demo website this   is where I'm going to create my Google site to  keep things organized now I showed you under the   new you can go this way or you can just rightclick  and you'll get the same thing but to get to Google   sites you can go to more and there it is right  there Google sites so I'm going to click on Google   sites and it's going to open up and I'm ready to  start with my website the other thing I want to   point out to you a shortcut to your creating your  Google sites is if I have a new tab open like   this and I just type sites. new and hit enter it  will automatically create a site for me as well   since I'm already logged in but the organization  Factor uh won't be the same so I'm going to close   out of this one and we're going to start with  creating our website here let's start by giving

this website a name and I'm going to make a  pretend website for a dog spa and we're going   to call this Pooch house so I'm just going to go  ahead and type Pooch house in this is going to   be the name the other thing I'm going to do right  now this is what the file is called inside where   it's going to be in Google Drive and I'm going to  call this the same thing Pooch house and it comes   up at this point also and it will automatically  change uh save as we go along now we're in the   header here I want to point out we can change our  header type so if I click on so since I'm clicked   in here if I go to header type right now I'm under  large but if I pick cover you can see how it   changes to Banner to title if I go and we'll stick  to large Banner here for a moment if I want to go   back I'm just going to click in the middle again  I can upload an image or select if I go to select   I can go to search images through here I could go  to my Google Drive I could uh go to Google images   and do a search I'm going to upload in this case  so if I go upload I just need to find where this   is going to be so on my desktop I have something  called Google sites images and I'm going to upload   this header image I'm going to click open so this  is going to be my background now it adjust so this   down here remove the re readability adjustments so  if I click on it will remove this it made the   background image a little darker so I could see  the pooch house the other thing I want to point   out is that you can uh choose a theme right from  the get-go um so I've just typed in it but if we   look over to the right hand side we have themes  over here and I'm under simple and I can click on   different colors and right now you won't see very  much but if I click on this one you see how the   fonts change automatically Diplomat how it changes  and so you can pick uh which one you would like   and then you can change the color type as well  you can see how that changes I'm going to go back   to simple but I can always change it um I can let  change it at a later Point as well let's go ahead   and add a logo and a favicon now and to do this  I'm just going to move up top and hover over this

top and notice we have ADD logo I'm going to click  on it and then you'll notice that we can upload a   logo and a favicon I'll explain what that is in  a moment but I'm going to go and click upload I   have this that I'm going to use for my logo right  here and click Open Notice right away uh it picks   up the colors from that logo and it will ask do  I want to use this as a theme so if I click on   the orange now over on the side it's chosen that  color and that will be uh the theme that we'll be   using throughout the other thing that we can do  is upload a favicon will appear up here   so see this is the Google site symbol right here  the favon will replace this so I'm going to go   upload and I'm just going to use the same one for  now um I'm going to click open so this will be my   favicon I'm going to close out if here and I want  to point out I have my Google Drive tab open if I   go back you can see this is being saved inside  of my Google Drive and has the updated name as   well so let's go see how this could look as a  website right now so we can preview it but we   can also publish it when I preview it I can go  up here so no one knows this website's out there

yet but if I click preview this will show me what  it's looking like you can see the logo up here the   favon doesn't appear yet because I don't have this  site published but look down below if I want to   look what it looks like on a mobile I can click it  and it gives me the idea as uh what it will look   like on a tablet I can click on and back to the  computer screen I'm going to close out of this now   publishing is a bit different it's up here um I'm  going to click publish and it's going to give me a

name so this is the site that you're going to see  this at here so if you were sharing this site with   somebody this is what you would uh give them I am  going to show you later on how to get your own www   custom name that you can add to this uh you can  also add who can manage the site so if you are   collaborating with anybody you can click manage  and add people here and they can help you create   this I'm going to go ahead and just click publish  now and once I do that it's live so if I share   that site people will be able to see this if I go  back up to publish here we're going to go to we   can go back to our publish settings uh I'm going  to go to view publish site so this is what it   looks like online so if someone else saw it this  is what they would see notice this is the favicon   up here this where it's orange right here it  replaced that Google sites if I wanted to go back   and edit again I can click edit uh this page or I  could just close out and I'm going to go back uh   to it as well let's go add some text to our first  page and to do this first of all I'm going to

change my header type make it a little bit smaller  to Banner now this is where I want to add some   text and notice I don't have a text box yet I can  go on the side click text box up here or if I want   to put images or I can just double click and it  brings me to the same uh parts so I'm going to go   and click on text it creates a text box for me so  if I go ahead and type this in so this is my intro   on my first page spoiler spoil yourp at Pooch  house and so this is some uh information easy   to use notice uh that as I go through I can change  the size of this text box here so if I wanted it   over here as I hover over top of it I can also  move it to wherever I would like in here and it   snaps to those lines here so you'd find somewhere  that you'd want it and change the size the text   box to match and it just adapts easily I'm going  to just stretch this out here a bit more inside   as soon as I click in this if I was going to  highlight my text I can quickly make some changes   so if I was going to use something like a table of  cont Contents I could put titles and headings and   subheadings uh I can change the font in a hurry so  if I wanted it to be a different one uh you can go   ahead and play with that at any time you can use  the back arrow to undo things as well so undo last   action or use the shortcut contrl Z and it will  go back those steps if I want it a little larger   I can make a change to my font and we have the  other ones like buold metallic underline I would   stay away from underline a lot of times cuz people  will think it's a link so if it's a link yes   you want it underline but if you underline it  people try to click on it and we have our text   color that we can highlight something and change  the color uh to it just like that but I'm going   to go contrl Z again so I'm going to move this  over here so if I change the size of this and   then click on this size here this over here maybe  I want to put an image so this is where I could   click picture and I'm going to go and just choose  this one this one's in my Google Drive so I could   go and click insert when we insert images they  drag just like the text so I can uh move them to   where I want and I can even size just by grabbing  the handle of it so you can see how it stretches   out we can go ahead and crop any image so with  crop if I wanted to focus just on uh one point   this will zoom up here so if I was just looking  at the eyes I can move it around in here as soon   as I hit the check mark then it's cropped I can do  the duplic if I needed the same picture and I can   also remove it you have a few different options  uh here if you wanted to just replace this with   a different image because this will hold the  exact space spot and you don't want to move   it around you can go ahead and put another image  in this spot so if I was going to go grab uh this   one right here and hit open it just replaces the  image there the other thing we can do in any of   this is to link things so we can link to external  or even inter internal so let's do an external so

notice we have our insert link and I'll use this  as an example so if we wanted to link it to this   site right here I could grab I could WR I could  copy that or contrl C and I could go to the link   and I could paste it in so I can apply it at this  point so now you can see that there's a link if I   click on it will bring me to that and you can  see there's just a redirect on that page set up   by them so if I go back any word I could anything  I highlight I get the same option so as soon as I   highlight anything we have the link over here  I could go ahead and insert the link put apply   and then this will be the link so this is what I  mean about don't underline things because people   are going to think it's a link and this will go  to the same spot some other changes you can make

to a section would be the color background so if I  choose this there's different styles so if I click   on this will match the style that I have  as part of my site I can also upload images if   I wanted that to be the background of a section  and you can also delete these sections so if I   delete it I want to show you a quick way now using  content blocks that you can put things in so the   content blocks are here if I go ahead and select  this it automatically puts this already to just   put a picture and some text so now if I just click  this I could upload or select my image or go from   drive I'm going to upload and I'm just going to  choose this same one and it places it in so what   do I want to put for text well let's start with up  top here I'm going to say welcome to Pooch house   it's a little bit big so I'm just going to go and  make this a little bit smaller so it fits across   and let's go ahead and add a little bit more text  to here and this will just be a little bit about   us so we can quickly add this but I want to add  something else too so I can go to this content   these content blocks again and I'm going to choose  this one right here so I'm going to click on   this and with adds some new uh places that I can  quickly add some information so let's go add some   pictures so I'm going to upload quickly to each  of these so I want this one here we'll upload this   image we'll upload another image here we'll pick  this one with the dog and we'll do a testimonial   at the end so this will be something maybe a  page full of testimonials from uh different   people so now I can go ahead and add text to each  of these I just quickly went and added some text   let's see how everything's looking now so we can  preview up top as I showed you before and we can   take a look that if it's going to look well on  mobile you get an idea how it Scrolls through we

can also publish now I want to point out when we  publish this time so I'll hit publish I'm going   to hit got it so this shows the original here and  nobody can see or this shows the original on this   side so what's currently published this shows  what I'm about to publish nobody can see this   information till I publish so you can just check  to make sure this is the correct thing so as soon   as I click publish now this will be the updated  information that people see on my website we can   quickly change the order of these sections around  if I hover over here see all these dots this is a   move handle if I click on my mouse and hold and  drag I can change the spot so this becomes the   top so you can change these around very quickly to  get what you need the other thing I want to point   out at the bottom of the page you can add a footer  that would be on every page so if I click on this   what's the footer I want to add I'm going to add a  copy right here so again I can go back and publish   this here one more time see my changes hit publish  and it's all updated again now it's time to start   adding some more pages to this website I'm going  to create four new pages I'm going to click on

this and you'll notice that I just have one page  right now the homepage if I hover over this at the   bottom I can go ahead and click and create a new  page if you just wanted a link you could use this   one right here and then it would be part of the  menu but I'm going to go new page and what do I   want to call this is going to be called  Services now I have this Services page it uh   copied the header everything I had from the first  page my logo and even my footer at the bottom it's   all ready to add content the next thing that I  want to add is an about us one so I'm going to   click on this again and this time I'll just type  about us and hit done and I also want a gallery to   be putting pictures in so I'm going to click new  page and we'll put gallery and done and I'm going   to add one more but this time it's going to be a  little different I'm going to go to the services   and add a sub page so these uh little dots right  here I'm going to click on it and click add sub   page because I'm going to have a packages uh one  here so I'm going have packages and done and you   can see how it's indented and what it means here  if I go to the services notice it drops down if I   wanted the about us to be at the uh last I can  simply drag these around here so if I drag it   down it changes it up here on the menu and I can  even drag pages into sub so if I just bring it to   gallery and under a bit so if I just move it under  push it you can see now how that would be a sub   page but I don't want it there I just want to drag  it down as a page on its own so we have the menu

here we can change this in a couple different ways  if I go over to the Gear if I hit this there's   navigation right now it's on top if I go to side  it will place it over here so if I click off this   and then show sidebar then it becomes over here  where I can navigate different pages you can also   change the color so it's under transparent and I  like the transparent but if you wanted it let's   say uh black uh like this now the bar comes  out and it's black through here uh so you can   change it for both of those on it I'm going to  go back to a top one and I'm going to keep it transparent let's navigate to the gall let's  navigate to The Gallery page to add an image

Carousel so clicking on gallery brings me to this  I'm going to add right here but first of all I   want to add some text I'm just going to double  click Text and give it some a little bit of text   just to say what's happening on this page this is  where I want the gallery I'm going to go to insert   and take a look at all the different things that  I can place uh onto a page from uh YouTube videos   to Social Links to calendars I'm not going to  go give put them all in today but I'll do a few   of them so let's do image Carousel I'm going to  click on ADD image upload image I have a number of   different pictures I want to upload I can hit open  it shows me the different ones that got uploaded   I can delete them or remove the image I'm going to  click on insert and then we get our image Carousel   I can move it around I can size it I can grab  the handles if I want it larger and I'll Center   It Center it just like this so now what does it  look like let's just do a preview so if I click   the preview right now I'm in Mobile I can click  through the gallery on the different images that   I have on this one I can check what it looks like  in large screen and continue on remember if you   you like what you have and you want to share it  right away hit your publish I went over to the   about us page and I put a little text and an  image just like I showed you before I'm just

going to Simply change the style just to change up  the color in the background a little bit I want to   add some videos down here to do that I'm going to  go to insert we can do this in a couple different   ways well YouTube is one of them and I talked  about that for a moment but if I click YouTube   here uh what's the link let's say I go to I could  do a search or if I found the YouTube video I   could take a video from here and do a search  with the actual Link in here to get specific   if I click on this one and click insert here we  have it inside our website uh just like all the   other things I've showed you can simply drag  it around you can size this as well another way   you might want to add a video is through Google  Drive so if I double click you'll notice that we   can get to drive here or we over  here so if I click from drive and I have some   uh information or some files inside the practice  one and here is a video so if I click on this   I can click on insert so this will play from my  Google Drive so this is important when things are   taken from your Google drive it has to have the  permissions in order to for people to see it uh   if you don't give them that permission there'll  just be a blank spot on here so I want to make   sure when I put this in it's coming from my Google  Drive allow anyone with the link to have access   and I just want them to have viewer this goes to  any file so if I was putting a PDF or Google Docs   or slides I would have to make sure I give  that access of anyone so then I can hit share   and it automatically takes care of it at that  stage so I can go through and size just like I   did before uh so now I have a couple different  videos on here let's go ahead and hit publish   again and let's go take a look at what we have now  in our publish site we'll go to view publish site   and here is our two videos in here so if I hit  play it this will play from right in here and   this will play in here this is a very short one  we have the information let's go check out our   Gallery here we have our Gallery it's coming along  quite nicely I can go back to home I'm on the   services page just typed out a little information  added a few pictures I want to point out a couple   different things you could add now let's go ahead  and add a divider line between here and what I'm

about to add so if I go to insert you'll see that  we have divider if I just click it just gives   this line here kind of like a separation now the  next thing what I want to add down here let's   say I want a Google form for so a place that they  could book their appointment on so I can collect   their information I can add that from my Google  Drive now I've already made the Google form just a   simple one to show you it's living in my practice  folder here so now when I go back to here I'm just   going to double click go to my from Google Drive  it's in the practice folder and now it's going   to be this one so I'm going to click on it click  insert and now I have this Google form that I can   place in if I want to preview what it looks like  how it gets used if I go back to preview you'll   see now as I go down that I can click in here  a person could fill out this information tell   me what they want and hit submit so you'd have  that built in right on your website another thing   you might want to add and I'm going to go to the  footer to do this so it's on every page you might

want to have your Social Links so maybe Instagram  or Tik Tok or YouTube so if I go down here to the   I'll go down to the bottom again here notice that  we have Social Links so I can go ahead and add an   image so I'm just going to go upload and I have  a Instagram logo I'll place this one in and I'm   going to place this one just a YouTube just just  to give a demo here now YouTube I could just go   get a link and I know I'm not going to anywhere  directly I can go and paste my information in   here we'll go and to instagram. com and I'll place  the information here so once I have that set up   I'll click insert so notice it went right here I'm  going to move it right here over here to the end   to get it in line and let's go ahead and preview  this again how it looks so we have our Google form   what I showed you and now at the very bottom and  this is a little bit of the way but I have these   little links that would be on every page so if  I go to home and here are there's my Instagram   and YouTube ones that I placed in so if I go to  phone and see how it looks like and I'll go down   the very bottom here's my Social Links that when  I click on them it will go to that page so if I   like everything I'm going to hit publish again  and have it all up to date just by couple clicks   by now you should have a good understanding of  how to create a Google site with multiple Pages

putting in images videos text and taking advantage  of these quick things that you can just insert I   didn't go through all of these but they are just a  simple click and add in just like how I've showed   you the thing I want to point out now is how you  can save time using a template if I go to the top   leftand Corner the sites home page and click sites  home this is where this one right   now Pooch house is living that's the one website I  have for this one I want to point out that we have   a template gallery now that you understand how to  create a website this is a great way uh to go from   now I've showed you uh with the different themes  how you to apply them but these are different ones   that are already created and all you have to do  is change it so for example if I click on this   one here uh it's going to go ahead and create a  copy so here we go that we have and it has all   the pages built into it here so you could go and  use something like this and just update the text   update the images through it you can see how they  have their social media at the bottom so this is   definitely a way to create a Google site in a  hurry another thing to take advantage of with   Google is to add collaborators or share this with  other people if it's a business and you want other   people to help you out in creating this go up to  here share with others just click on it you're   just going to add the people's names in here so  if I want to add people I could just click on it

and then give them the access then once they're  logged in with their own email they'll be able   to make changes the other thing I want to point  out if you want to quickly grab the link of your   site so right now it's still at sites. gooogle if  I click on this copy this I can send that link to   somebody an email and then they're going to see  my published site but now I want to show you how

you can go ahead and use a www so take a look at  this if I go up to settings here and I've showed   you a few different things in here with navigation  and brand uh you can go to custom domains here and   you can make it uh be a www your own domain so  I would go ahead and click Start setup now you   need to have a domain I just moved over to GoDaddy  logged into my account I typed in Pooch house here   uh unfortunately Pooch house. com is already taken  I don't know who would have taken that already but   you can see they're giving me a lots of different  options here so I'm going to choose this one right   here this poochh house. com I'm going to select  it I'm going to make it mine uh so I have a Go   Daddy account uh it's pretty easy to go through  and add it so if everything uh looks good I can   go ahead and check out here so I'm going to go to  the cart and continue to cart and I'm just going   to go purchase this domain and then I'm  going to show you how to set this up I have my   poochh house. com all purchased here I'm going to  jump back to my Google site I am going to have to   do some changes over here but Google sites walks  you through it so let's jump over here so now I   have a domain and I'll just put it right in here  so it's www poo house. com I have to make sure I   verify the ownership here so when I click on this  it's going to tell me what to do so I have the   domain here www. po house. com I'm going to click  continue so it's going to check for verification   tell me to do the instructions  of how I do this let's go ahead and start verification so now I have to connect with my Go  Daddy so I'm going to get logged in here once I   log in it tells me to connect it's verifying this  might take a few minutes ownership is verified   you can see this only took a few minutes to get  this all verified I'm just back over here under   setup custom domain at my Google site now that  I have this verified I can go next this is some   changes I have to make inside I got to go back  to go Daddy and make some changes with my DNS   settings so I'm just going to follow this through  step by step so I'm going to go to my DNS settings   and create a new C name under that c name value  or alist I'm going to call it www so if I go   back over to this page right here and I'm  going to go and go to the domain and the   next thing I want to do is uh manage my DNS so  I'm in my DNS records and I just want to point   out down at the very bottom there's this txt  record this is what they put into verified I   own the domain I could have went through and  added this but that was just a faster way uh   when I can connect directly to GoDaddy and it  they did it for me now they're telling me to   add a new C name entry and I already have this  one right here they want me to use www I'm   actually going to go and edit this one instead I  could actually go ahead and delete this uh if I   want to because I'm going enter the same one but  if I hit edit rather than it just going to this   Pooch house. com uh under the value I'm going  to have it go to this ghs Google hosted. com uh   because I wouldn't be able to put two of these  wwws at the same time so I could delete this   and then add this back or just make this edit  so I'm just going to go ahead and hit save on   this and this will update my records and you  can see it says success that it's been updated   now I'm just back on my Google sites here's  all the things I just did I'm going to click done and now you can see I have a connected domain  Pooch hen house. com I got a new window open here   let's give this a try I'm going to type in w W  ww so we're going to put in Pooch house. com we   have to be sure that we write the www because that  needs to be there if you don't have it then it's   not going to work so let's hit our enter and there  we have it if I click on the gallery we have that   working uh Services it looks like everything is  in there we have it on its own custom domain it   did take about 10 minutes for the updates to  happen so it uh it's not an instant sometime   it can take longer also in my case here took  about 10 minutes before this Pooch hyphen house   started working for me I hope this has helped you  understand how to build a website using Google   sites let me know what else you want to learn  about Google or any other Tech products thanks   for watching this week on teachers Tech I'll see  you next time with more Tech tips and tutorials