Google Sites - Create a Professional and Beautiful Personal Website

1. Introduction: Google has an excellent, totally free, unstructured website Builder, and I'm going to show you how to create any type of website with it. What's up, everybody. My name is David. I hope having a great day. Welcome to my Skillshare course on Google Sites for Beginners. In this comprehensive course on Google Sites, I'm going to cover everything you need to know to build a beautiful high converting website with Ecommerce functionality. We'll begin by doing a deep dive into the Google Sites dashboard so you understand all the back end settings and features to build your websites. Then I'll show you how to set a custom domain name for your website so you can have something a little bit more professional than the default Google Sites URL. Also show you how to edit and adjust your header, your logo, your favicon, menu items, your footer, and how to use the unstructured website Builder to build out the body of your website. On top of all that, I'm also going to show you how to add on E Commerce functionality to your website. So whether or not you want to have a coaching offer or sell physical or digital products, I got you covered. So if you've been looking for a comprehensive step one, the step done course on how to build a beautiful high converting business oriented website with Google Sites, where you add on Ecommerce functionality so you can sell products, this course is for you. So if you're ready to get started, let's begin. 2. Google Site Pros: Okay, so let's first talk about some advantages of using Google sites that you should be aware of . Now. Google Sites is a free page builder offered by Google, and basically it allows you to have a your own dedicated website with free hosting, because hosting Web hosting is something that most website owners have to pay for. And so that's why I really like Google sites. Because if you're someone who's just in the situation, where you just need a 5 to 10 maybe 5 to 15 page personal Web safe for your portfolio and about me Web, say, if you're a student, maybe just a simple website. If you're a business or you're a club or whatever, you just need a simple website. You don't have to pay for Web posting. You do have to pay for your demeaning, but that's basically it. And so that's the first big advance of Google Safe is that you just get free Web hosting and next the another advance I really like of Google States is that these sites, the actual websites, look beautiful because I made a Google site using my old WordPress block edge of david dot com is just ah, it's a cringe. The WordPress block, they deleted. I started when I was a kid over eight years ago. Anyways, I move that over to Google sites, and I routinely got messages because I had to Google sites for about a month using the site , and I got messages from people saying like, Wow, what a beautiful website who designed your say or why what WORDPRESS team are using? It's like what? Using Google's AIDS, I'm using a free page builder that you can use right now, and that's why I'm creating this course. Because Google sites, I think, is highly underrated. People don't really know about it. And if you're just someone who's like, I want an awesome, beautiful looking website, Google Sites is perfect. So those are basically the main selling points. You get free hosting and you get a beautiful design. And then the last thing I would say is that Google Sites is incredibly easy to use. It's very, very intuitive, is just drag and drop is a Dragon drop editor. You can quickly and edit the look and feel of your sites, and that's why I'm going to do in this course show you how to get the most out of your Google sites. Oh, and I forgot to mention that with Google sites, you get a free SSL certificate. No reason I bring that up is because this is like a hygiene thing with websites, a lot people don't pay attention to because SSL means your website is secure and that's what you want with your Web site you want. You want it to have that little lock and the icon when people are visiting your website on the browser, because that means any type of communication that goes through that site is going to be encrypted on. It's just what much more secure than having no uh, no SSL certificate on the state. And with Google states, you get a free SSL certificate, and the only reason I bring that up is because there's a lot of weapons like, for example, hosting or dot com comes to mind because they're a very budget oriented weapons. But they charge extra for the SSL certificate, where is like a Google sites, for example, you get it for free, and the reason why you want that is because if you have like a contact form or you have some type of email. Opt, informs, say, like if you're a marketer and you're using Google sites just to create like a nice one page splash page, the drive traffic from, say, like YouTube over to your sites to capture emails. You want that to be on a secure page. Want that formed beyond a secure page? So everyone's information is basically made private, which is an issue if you don't have an SSO certificate. And also it's just a hygiene thing where people will notice if that thing will come up and say, like, not secure And it's like You don't want that you just want you want that nice lock icon so people feel safe and secure. It's something that people are kind of blind to until your website doesn't have it is with Google sites. It's a nine issue. You get sso to SSL certificate with your website 3. Google Site Cons: Okay, so let's talk about some disadvantages of using Google sites because this course would not be complete if I just made it out. To be the old Google sites is perfect. There's nothing wrong with it. Then why isn't everyone using it? Google sites? Is Mitch specific? It really is ideal. If you just need a small website that's like 5 to 15 pages. It's not ideal if you're trying to build a like a high income generating website. Okay, so that's something that you want to do. Google States is not appropriate because primarily the main issue with Google sites is two things. One is that you don't have direct control over the meta description of your website. And so if you don't know what that means, basically each individual page you can normally set the meta description within WordPress to describe the page so you can give the pages own specific title and given a nice S e o keyword rich title as well as a meta description. So that meta description is basically how it appears in the search engine with Google sites . You don't get any type of control over that, and so that's a big issue because oftentimes you'll have, like your menu link. And then that will be your page title. For example, like on my Google sites, I had a whole review of the Sony Extra 1000 flogging camera that used as it might blogging camera, and basically I had in the menu as camera and then in the search engine it was coming. Oppa's camera. It wasn't coming up as the page title because of you clicked on the menu link camera. The page title was X 3000 is the best Flodin camera ever, but that wasn't being picked up by the as the page title by Google. Google was actually taking the menu link and making that the peach title, so it's just edge of do dot com slash camera like pages pay separator camera. And it's just a really poorly designed on the back end of for Seo purposes. And so that's just something that you really just need to be aware of. And then the next issue that kind of annoys me a little bit is that you basically have to have your your euro, your Google states, euro and your custom. Europe both exists at the same time. And so you're thinking with less wise. I big deal because typically with the way you want it set up is you wanna have everything redirect properly. And so what I mean by that is like you want people who try and visit the Google of Sites version of your site to be redirected to your custom domain. Personally, that's the better way to do it. But Google states, you don't have that control over it. So you basically have to have your Google States euro, and you're accustomed. Vein in Euro, you have duplicate content, basically of two year olds with the same exact content. Now this is not a big issue, because Google, it's Google sites. It's owned by Google, and Google is sophisticated enough to index and rank the appropriate version. So they definitely rank the customs remaining that you have set up. They won't rank the other one, but, like people could still find it if they ever get the link. And so those air basically the two main cons okay, you don't have basically control with the meta description, and then you don't have control over basically like redirection for specific neural structures like your Google site structure and your custom domain name. Don't redirect appropriately. Another issue. There's like your home page has to be set. You have to set a home page, and so basically the way it works, like your home page will be a specific page as well as the home page. And so you'll have to say it's basically you have edge of david dot com and like Edge of david dot com slash home, and it's like those those two euros are going to be the same exact content. So that's something. Drives me a little crazy with Google sites where they have this duplicate content issue on Guy. Just don't like that because you have to have a home page. You have to have a link in your menu that says home. If you're going to have a home page and then you have a dead, you have a specific page. Call your website that com slash home and then the website dot com, and it's the same exact content that drives me crazy. So those are basically just some small issues, some small drawbacks of using Google states, and so I think, definitely the pros outweigh the cons, depending on your use. Okay, so Google sites again is for, like, basically people who just need in about me website. You need a portfolio you just need, like a 5 10 page website for your organization or your club. Or maybe you're just like a cafe, and you just need a simple on nice looking website. Google say it's wonderful, wonderful for that, but it's not ideal. If you're someone who wants to build a get a large income generating Web property, that's not what Google states is for. 4. Create a Google account: To my laptop. Let's begin. So to get start with Google sites is very simple. You need a free Google account. So navigate to google.com. Click on the blue sign in button in the corner right there. It'll take you to this page. Just sign in to your Google account. If you don't have one, you need to click on Create an account right down here, and then click on for my personal use. And then just follow the onscreen instructions to create your free Google accounts. Next, once you log into your Google account, just navigate to sites.google.com, and I'll take you to this dashboard for your Google sites. Alright, so right down here, you have your recent sites. So that's where any site you're working on will be populated over there. Click on the little hamburger icon over here. You have access to sites, doc sheets, slides, forms over there. And then the Template Gallery is right over here. So you click on the Template Gallery. Expands open. And then with Google Sites, it comes pre loaded with a few different templates that you can jump in and customize to your liking, like family updates or Help Center project, photo portfolio, holiday party, wedding, whatever. So we're going to be creating a site from scratch so you completely understand how this website Builder works. So go ahead and click on Blank site right here. And next, you should be looking at the website Builder for Google Sites. 5. Website builder overview: Google Sites website Builder overview. So let me just cover all the back end settings. You understand how everything is working. Now, in the left hand corner right here, you have your site document name. You can change that. So whatever you want, that name will appear within your Google Sites dashboard. Down here, you have Enter site name. Now, this is the logo of your website, so you can have a text logo. But if you don't want a text logo, and you want to upload an image. Absolutely. Just click on Add Logo right there. It opens up the settings, and then you're underneath the brand images, and then you can upload a logo right here. You can also upload a favicon. A favicon is the icon that's appearing in the web browser. So by default, it'll be the Google Sites icon. So I do recommend uploading a favicon right there. Front end Center is your H one title tag. So every single page you create within Google Sites has this big section at the top right here with a big H one title tag. So this is going to be your page title. And you can customize it right here. So the title, the font choice, size, bold, italic size, so on and so forth. Now, if you want to change this background image to something more custom, you can absolutely do that. So you click on Image over here, and then you can upload your own image that you source from somewhere else, or you can click on Select. Then you can select an image from the gallery provided by Google. You also have header type over here, so you have cover, and this takes up the entire space at the top of the site. So when people view your website on a mobile device, your desktop, whatever, this section takes up the entire space. You also have large banner and banner, and then title only, and that removes the background image, okay? Now, up top here, you can undo anything you do. So if you make a mistake, you can just click over here to undo it, and then you can click on redo if you want to redo something and so on, so forth. So go back and forth with that. Over here, you have the preview tab, so this is quite helpful because you can preview the way your website looks. So this is how it looks on a large screen, then a tablet, and then a mobile device. Alright, so click on the X to weave the preview, and now you can share this site with other people. If you want, then you have the gear icon, which is your settings. So go ahead and click on settings over here, and then you have your navigation, your brand images, viewer tools, custom domain analytics and the announcement banner at the very top of the site. So that's very helpful because you can have a nice banner that sits at the very top of the website. You can have a link and you can direct people to do something. So you can have Mother's Day sale, 30% off, like, something like that sitting at the very top of the website. In addition to that, you also have this little more icon right there, so you can see the version history, make a copy, navigate to the Help Center, and then help improve Google sites and reports abuse. Next, you have the Insert tab over here, and you're going to be spending a lot of time over here as you're building your sites. So you can easily add in a text box right there. You can add in images by uploading an image or selecting an image that's already within your Google Drive. You can click on the Embed and then Embed HTML code that you source from somewhere, and then you have access to your Google Drive for images and videos and anything else you want to embed. On top of that, you have content blocks right there. So these are pre designed blocks or sections as they're called, within Google sites that you can then just easily edit and adjust. So I can edit the text right there, edit the subtext, click on the plus sign, upload an image, and so on and so forth. So very, very nice. Let's click on this one right there, and there you go. So you can just easily add in sections that you can edit and adjust. Further down, we have these different design elements that we can add into our site design, like collapsible group, a table of contents, an image carousel, button, a divider, a spacer to give space and breathing room between different types of elements, YouTube, a calendar, and more. Over here in the left hand sidebar, for your sections, you can change the section color. You have three different styles. So style three, style two, and style one. This is based on whatever theme you have chosen, which is what determines what color this will be. You can also upload an image to be the background image of this section over here. So there you go. So these sections, you can also easily delete them by clicking on Delete Section. You can also duplicate the section. And if you want to move things around, just mouse over the little grip icon right there, grip on it, hold it, drag and drop it down, and there you go. You can just move everything in place. And overall, that's how this website builder works. So let me click on placeholder. It's kind of like an unstructured editor where I can kind of move things around as I like on the page over here, and then I click on the element right there, and I can kind of minimize the size of the block and so forth. You can do that with individual blocks within a section over here. So there you go. So if I want to just change the size of this, I can and just here, that's how it works. Now, if I want to delete this section, I can just click over here. Click on the trash can, it deletes that entire section. But if I want to delete a block or an element within this, I can just click on the element that I want to delete, then I click on Delete right there. You also have edit placeholder settings over there that you can play around with, and you can also duplicate this specific block right there. But if I want to delete this block only, there you go. Simple as that. Next up, our pages. So pages are how you build out your Google sites. So you click on the plus a butts in right there, and that adds a new page. So if I type in about us right here, we click on the little advanced tab it says Custom Path. Custom Path allows you to change the URL of this page. So by default, it takes the page title. So, for example, this would be webs.com slash ABTS. But if you're like, Well, I just wanted to be a slash About, then you can just add in the custom path right there, and that'll be webse.com slash ABOUT. So you can keep your URL short and sweet. They don't need to be superlong with your page title, which is quite helpful. Boom, now we've got the little menu item going on. Let's go ahead and add in an additional page right here. On contact, and then there we go. So now we got a few menu items at the top right there. And now you can jump around by clicking on this. Now I'm editing the About page. Now I'm editing the contact page. Click on the homepage, now I'm editing the homepage. And so that's so you can change the page that you want to edit with the website Builder. On top of that, if you navigate over here with the menu item, we'll click on Contact. I'll click on this little icon right there. You can make this page the homepage. You can duplicate this page. Change the properties, like this page name and the path again. Let's jump back over here. You can create a sub page for this, and then you can hide this from navigation. So maybe you want this page to exist, but you don't want this page in the menu item right there, then you'd want to hide this page from the navigation. Then you can just delete the page outright. And to reorder your menu items and to create drop downs is very simple. So let's navigate over here to contact. I got the mouse right there. Click and hold, and then drag it down. Now you see the blue line right there, just let it go, and that moves the menu item to a new position. Now let me click on Contact again. Now if I mouse over about us, what that does is it creates a dropdown. Okay? So that's how you create dropdowns with Google sites, and that's also how you reorder your menu items. Finally, we have the themes tab. So over here, you can create your own theme, or you can import a theme that you already made from another Google Sites account, and then you want to import it to this Google Sites account. Then you have created by Google, so all the default themes that come with Google Sites and gives you minimum customization over here so we see the different colors that we can choose and change. Over here, we can have a custom color if we want that type of lay. Then we have the font style over here. This is useful because that changes the menu item font. Okay? So you're like, How do I change the menu item font at the top right here while you change over here with the font style based on the theme. And, of course, with your page title, you change the font primarily by clicking this drop down over here. But again, if you want to change the font style of your menu items, then it depends on the theme that you choose. I personally like impression the most. Diplomats also nice because I like this square box around the page title, but I'm going to go with impression over here. 6. Set a custom domain: Setting a custom domain name for our website. So if you click on the published button up top there on the right hand corner, this is where you can put in the web address. So I just type in websites. Now, this is the URL for your Google site. So it'll be sit.google.com slashVSlash website. And it's kind of a sub optimal URL structure. We want a custom domain name. We want it to be like my website.com. That looks way more professional. Now, how do we do that? So step one is that you need to get a domain name. And I suggest using name cheep because they have low renewal rates for dot coms and great registration prices. So to get started, simply type in the domain name that you want to register right here in the search bar. Okay, so I have my super amazing website.com. Then click on the search function right there, and it'll take you to the next page, which will tell you if that domain name is available or not, and yep, it is. Now, if your domain name is not available, then just click Utop here and enter in a different word combination. Now, if you're a brand new name cheap customer, your domain name is only going to be 649 for the first year. Great price. Otherwise, it's $11.28, and then it renews at 14 98. Anyways, when you're ready, click on the Add at two cards of button right there, and then you want to click on the Checkout button in the lower right hand corner. Takes you to the checkout page. So simple enough, just make sure everything is correct. So you have your domain name registration right there, and you can register your domain name for up to ten years in advance if you want to lock in a great, low price. And then you have Domain Privacy, which is completely free with Namecheap, and this is very important because this keeps your personal information private because when you register your domain name, you have to give publicly available information like your name, email, address, phone number, whatever. Domain privacy keeps all of that personal information private. Anyways, when you're ready to buy, click on Confirm Order over here. And then it's going to navigate you to create a Namecheap account. So just follow the onscreen instructions and create your Namecheap account. If you already have a Namecheap account, then just log in. Once you log into your account, you're going to be on the checkout page. So just make sure everything is correct and then pay for your domain name with either PayPal or a credit card. Next, navigate back to your Google Sites website Builder, and you want to click on the gear icon at the top right there for your settings. Next, navigate over here to where it says custom domains. Then click on Connect Domain right there. Now type in the domain name that you registered at Namecheap into here. I'm going to put in voghow.com. And it should say the domain name is not verified, please verify ownership. So no problem. Click on the link right there. It's going to take you over here to Google Search Console. Now, by default, it should populate the domain verification section right there, so click on Continue, and then it'll begin the verification process. Now, it tells you that you have to update your DNS records. Now, this looks technical. It's really simple. So over here, we need a text record, then you have to input that into your DNS records over at Name. So simply click on the Copy button right there, and now we've copied this to our clipboard. Now you want to navigate back over here to Namechep and then find the domain name that you registered. So click on the Managed button. Once you click on the Managed button, it's going to load the details over here. So we want to navigate from the domain tab. You want to click over here under the Advanced Tab. Once you click on the Advanced tab, then just navigate down here for your host records, okay? And then we just need to add in a text record. So click on add a new record, scroll down, and then where it says text record, TXT record, click on that. Then the value, copy and paste and that's the verification. And then Namecheap does require a host name, so you just use the at symbol right there. Simple enough. Then once it looks good, all you have to do is click on the little green check mark right there. Next, navigate back to where it says, Verify domain ownership via DNS records. Then you want to click on the Verify button. Now it says verifying, this may take a minute, but if you added in the text record correctly, should take a second. Look at that ownership verified, done. Now we can go to property over here. Then it's going to load Google search console for our Google sites. Once your domain name is verified, navigate back to your Google Sites website Builder, click on Custom Domains, click on Connect Domain again, and then type in your domain name again over here. So do that, logo.com. It should pop up as a little blue check mark, and then click on next. Now you need to enter in a C Name record into your advanced DNS settings over at Namecheap. So jump back over here. Click on Add New record. So over here, I'm in the detail section. So we have our text record there. Now we need a C Name record. So, click on the Add record, scroll down. Fine words says C Name record. There we go. Now we need the host, and we need the target value. So right here, the host is WWW, and the target value is ghsgooghsted.com. So go ahead and copy that. Put that in right here. Then click on host and type in WWW. Then click on the little green checkmark. Fantastic. So now you should have a text record and a C Name record and your DNS settings. Finally, navigate back to Google Sites and then click on Done over here, and then it begins assigning the domain name. And now we have a connected domain name right here, and you are good to go. Now, if you go to publish your website, it should say custom domain, allow up to 48 hours for this site to be viewable. That's totally normal. Usually takes like 30 minutes to 1 hour. It really doesn't take that long. But we can begin designing our website with the Google Sites website Builder. 7. Logo & favicon design: Updating the logo in the five icon for our websites. Okay, so first things first, let's change this untitled site to the name of our website. So I'm going to change mine to Vlog H. Once you input that information right there, it should update the logo right here. Now, if you're happy with this, you just want to keep it as a simple text logo, then you're good to go. But if you want to add in a logo, you have a few different options. So option number one, you can have the text logo right there, and then you can just upload an icon or you can upload a dedicated logo. So let me go ahead and click on add logo over here. I'm going to upload a logo that I made right here. So we got vogHW right there. We'll go ahead and open that. And then that populates the logo space right there. Then we have the favicon, so I'm going to go ahead and upload the favicon as well. And I have this item that I made as the favicon. We'll upload that, and there we go. So it saves it automatically. Now, if you're curious as to how I made these, so first off, I asked ChachBT to whip up a logo, so Voko and it created this little graphic right there. Then I navigated over here to Canva. Now, for a full size logo for Google sites, the proper size is 225 by 40 pixels. That's what this size image is right here that I made. It's this size, 25 by 40. And so here it is. I uploaded the graphic over here. Then that Chachi BT made for me. And then what I did is I went to Quick Actions over here in Canva, and then I clicked on Show More, and then I clicked on Magic Grab over here. And then I was able to just grab this element right here because that's all I wanted. This little camera thing, camera element, whatever you want to call it. And I clicked on Grab, okay? And once I was able to do that, then let me click Delete. Then I was able to just have this image by itself. Then I just added text over here, Nice and simple, okay? Now, for the favicon, so the favicons right here, so I was able just take this graphic, copy, and then I just pasted it in over here. Now, what's the size of this element right there? It's 48 by 48 pixels. And then I just copy and pasted this in literally just paste it in. Boom. There you go. Simple as that. And so that's how I create logos and favicons typically with Chachi BT a little bit and Canva to edit everything. And there you go. So you can upload a custom logo. Now, if you have a larger size logo that's taking up the entire space at the top right here, then, yeah, you want to go ahead and delete this logo right there. So that's why I said you have two options because let's just go ahead and delete this right there. Let me go ahead and upload the vogoload the favicon just right there. So you can have a little icon right there, and then I can type in VogHow. So, that's your options, really. Just have a simple text logo, or you have the text logo and add in a little graphic, or you can create a full on dedicated logo for your website using something like Canva. Finally, with logos, make sure to download it with a transparent background so it blends in if you select the transparent menu item. So over here in at Canva, once you finish your logo, click on share, click on Download. Then right here, you have transparent background. Click on that. Then this will give the logo a transparent background, which is quite important and also make sure that your logo fits in with the menu item because if the user starts scrolling down, it's a sticky menu at the top right here, and it's going to be a white bar. So if you select transparent, it'll be transparent with the users at the top of the website, then it'll be white when they start scrolling down. So just make sure menu item fits with that, so make X out of that right there. So you can change the color over here. If I click on the gear icon, then we have navigation, color, transparent. So it's transparent or white. Now, if you choose black, go ahead and do that, then it changes it to a black background over here. Let's click on preview and see if it doesn't make any sense because you can't read the logo now. So that's why you want to be aware of that when the user's scrolling down. In shorts, let's go over here. Click on transparent. I would use transparent looks the best. Then make sure your logo is black text because when the user starts scrolling down, the menu item is going to be white. 8. Design an offer section: Editing and adjusting the offer section of your website. So the homepage is going to be designed either as a visual menu or as a sales page. Either one, you want to make an offer at the top section right here. You want to direct the visitor to request a quote, consultation, download my cheatsheet, watch my master classic, just something. What most beginners do is that they'll just call this the name of their website. So just call this like vlog, how. And that's really bad because, like, one, the web goes right there. I know what website I'm on. What's better to do right here is to make a clear and specific offer for the end visitor to do something specific. Now, if we're over here on the About page and the contact page, then it's totally fine to have the page title B. Ever the menu item is right there. And also, you can customize these pages individually with a different background image or a different header type. Like if I click over here for contact only, then this doesn't have a background image. We click over here for the homepage, then this changes. So you have that customizability and ability to, like, really, build out the site and have a different experience, depending on the page. Anyways, make sure you're on the homepage, and let's write some clear and specific copy that directs the on visitor to do something. So you want to emphasize, the unique selling point of the website. Okay, so I have launch, grow and monetize your vlog. So I'm going to highlight this. Let's go ahead and change the fonts. And the font that I like is Lexend. I like a little bit heavier font. And we're going to go with bold over here, and that's good, but now it's a little bit too big. So let's make it a little bit smaller. There we go, 48. Let's just widen this just a bit. There we go. Balance that out. And yeah, I like that. UnchGrow and monetize your vog. All right, so now we want to add in a short pithy tag line. Now, I'm going to click at the end of my H one title tag, hit Enter, and then you want to write your sales copy right here, just like one to two sentences that really helps direct the end visitor to do something. So I already went ahead and wrote some copy. So I have joined 7,000 other vloggers, get access to my vlogging launch framework. This is the smart system for creators who want a steady solid path to ten K a month. Alright, so I'm going to highlight this right here, and let's go ahead and center the text. And there we go. So that's looking quite good. But we are missing one thing. What do we want the end visitor do? We want them to click on something. So we need to go ahead and add in a button. So let me backspace out of that. Okay, so now we have this nice solid copy at the very top here. So let's go ahead and add in a button. Alright, so our button feature, go to Insert, navigate down here to button. Click on that. Then you need to enter in a button name and the link. Okay, so I have watch my free master class, and then you need to add in a link underneath. So you should be linking to wherever you want to direct the end visitor to. So if you're using a third party software like an email list provider like kit.com or something like that, where you're capturing emails, and then you're sending people down an email list funnel, then you want to link to that as needed. Or maybe you want to direct people to a specific page on your site with a YouTube video that's embedded, maybe it's unlisted, whatever. Anyways, you need to link to something where the end visitor gets the specific offer uptope. Anyways, I'm just going to put in website.com just for tutorial purposes. Let's click on Insert right there. All right, so now that we have the button over here, let's expand this so we can see all of the text right there. Let's drag this into the middle right there. And you have a few different design options. So by default, it's set to fill, but you can change this to Outline, if you want, or just plain old text right there. So I'll switch this to Outline. Now, if you want to move it into your offered section, just drag and drop it up and see how it underlines the text, drag and drop it right there, and boom, you've successfully added the button to your copy. Now, over here, I do want to change the header type. I personally want to go with a nice big cover. Take up a lot of space right there, and let's go ahead and finally change this background image. So I'm going to click over here for Image, and I'm going to go to select. And I'm going to use a gallery image already, but you can totally upload your own images if you want. So I'm going to navigate down here and click on this image right there. I like that one. Click on Insert, and that is looking great. So let's go ahead and preview this. And yeah, that looks great. So launch, grow and monetize your vlog. Here's some copy. Nice big button that the end user can click on. And finally, if you do choose to upload your own custom background image by clicking on Image, upload and then selecting an image that you made, what are the appropriate sizes? Alright, so you have a few different sizes. So you have cover, large banner, and banner. So the cover size is 25 60 by 14 40. Large banner is 1920 by 1080, and the banner is 1,600 by 400. And that's important because you want your background image to be crisp and sharp and look good. You don't want to be blown out because that looks unprofessional. Last, if you click on Image down over here, you'll see something that says, All text right there. Now for the background image for your offered section, in general, it's going to be decorative. So you might click this little checkbox right there that decorative image, and that is it. Now, what is Altex? It's just used to describe what the image is for people who may have trouble accessing the image. So for images that are decorative in nature, there's no reason to put Alt text. But if it's, like, a screenshot of something or whatever, then that's when you want to put Alt text to describe what the image is if someone can't view it for whatever reason. Anyways, this is a background image. It's decorative in nature, so just click on Net, then click Apply, and we're all set. 9. Social proof selling element: Adding in a selling elements for our websites. Alright, so if you're like, What's a selling element? What are you talking about? I call this section right here a selling element. This is your offer section right there. This is the body of the website. The purpose of this elements on a webpage is one to separate the offer section from the body of the website. So it has a nice lake ray background. It also has social proof over here, and we can do something similar with Google sites, and this is how we're going to approach it. So the first thing that we need is a text box at the top right there, and then this is where your copy will go. And so you want to bold the copy over here, and then you want to go ahead and center the copy. Now, with the copy, you want to make sure everything kind of matches. So the copy over here, I have Aerial right there, and I like aerial for body text. But this is probably going to be like an H two title tag, a title. So if it's going to be a title, it should be this font choice right there Lexend. However you pronounce that. So I'm going to go ahead and change this over here to Lexend with roll down right there, and there we go. So we'll go ahead and go with semi bold right there, and that's going to be Lax N. Now we need a four column section right here. We'll click on NAT and this looks good over here. Now, this section looks good, but we don't need these images. So you can go ahead and click on the box right there. Make sure you only select the box. Then click on deletes. And then you just want the text right there and just do that for each and every one. Let's go ahead and knock that out. Okay. Great. Now we can begin writing our body text. And again, we're not using open sands. It's going to be aerial to match the body text, right uptop there, okay? So again, your H one and H two Tio text should be one font. Your body text should be a different font that matches. And so you can have two different fonts. Don't get crazy and have like five different font choices over here. Okay, so now you can write in text that would help build trust and authority with your site. So, for example, I could have something like 200 plus logs made. We'll have something like that, and I'll go ahead and highlight this and bold it. Now, the next thing I need is, like, a little graphic or image over here. So with this type of layout, unfortunately, you can't have, like, an image and then the text next to it with this four com layout. But we can use an emoji. I think an emoji does look nice. Okay, so I went ahead and search for camera Emojis, and I found this website via Google. Bunch of different websites that allow you to copy and paste different types of emoji. So you can just find whichever one you like. So I'm going to go ahead and click on this little clipboard icon right there, copied. Let's navigate over here, hit the space bar, and then we'll paste that in. And there we go. So that looks good. So what you need to do next is just fill this out with text, bold the text if you want, or if you don't want to bold the text, whatever it's up to you, maybe add a little emoji to it. Now, again, this has a light gray background. We can do something similar over here, so click on the section color and go to style two, then this one, style two, and there we go. And now we can build up this little section with good copy at the top right here and then a selling element helps establish trust and authority with our websites. Alright, so we went ahead and filled everything out. Our title at the top right here, click on the dropdown, and I went ahead and switched this to a heading. So the title is your H one title tag. Your page should have one title, and then you primarily should be using heading tags. Your subheadings are like subsections of a specific heading. And then you have normal text. So right here, I set this to be a heading, then the font, and then I made it just manually 18, so it's not too big. And then I just filled out this information down here with a quick little emoge. I think this is looking quite nice. Let's just go ahead and take a quick look over here, scroll down. Yeah, that looks great. 10. Make a welcome message: Let's go ahead and add in a welcome message type section for our website. So the goal of this section would be to have a picture of us, if you're having a personal brand or something like that, and then you have a text paragraph, and then the goal of the text paragraph is to kind of backup the statement over here. Alright, so the element that I'm going to use, the content block is this one right there with the image on the left hand side, then the text paragraph on the right hand side, and I personally want to switch that around. Anyways, just click on the content block right there. And if it does this, like, it's in the wrong spot. Not a big deal. So we click on the little grip icon. Then you can just drag this down right here and then leave it in place, pay attention to where the blue line is. And looks good. And now I want the image on the other side, so we just take the image and drag it over here and see how the blue line again, let it go. And there we go. We can switch things around like that. Okay, so now we can write copy right here, and then we can upload an image. So I went ahead and sourced in image already from Unsplash, but you can use your own image of yourself. And typically, I would give it maybe, like, a little border round the corners, add a drop shadow to it, make the image nice and also pick an image that's crisp and sharp and looks professional. So anyways, once you have your image ready, all you have to do is click on the plus sign. Click on Upload, then go ahead and select the image that you just made. We'll go ahead and do that. And there we go. So right now, it's like, the image is fitting in the block, but we need to make the block a little bit bigger so we can see the little border that I have right there. Expand that out just a bit. There we go. And yeah, there we go a little bit more. And just like that. There we go. Okay, so now you can see the border of the image over here, maybe just a little bit more to the left like that. All right. So that is looking good. Okay, so anyways, when you get your image all set, then it's time to write the sales copy over here. And the kind of copy that you'd want to be writing over here, again, should be backing up the statement over here. Like, helping people do X yz123 thing like, Hi, my name is Brian. Since 2019, I've been doing XYZ 123 thing for specific clientele, blah, blah, blah, then have a nice, like, subtle internal link to maybe, like, your About page. Not a big button, but just, like, Warn more about me, and then people can navigate over here to the About page that we'll get to creating later. Anyways, go ahead and fill your copy now. Okay, so this is what I've come up with over here. So the little title that I got going on, and I set this to a subheading because it's going to be a secondary heading of the H two title tag that's right here. You see helping you grow on YouTube and all that. So this is the subheading right there, and I have it set to be a 14 size font. So this title right there is just a little bit bigger. Was I crack the code on building growing and monetizing audience through video. Hey, I'm Brian whether you're starting out, I share proven strategies, blah, blah, blah. So have a nice, quick, snappy little paragraph right here, and then I have a subtle warn more wink. So we're going to go ahead and link to the About page. So in order to do that, just highlight everything. Then you want to click on the little Insert Link right there, and then it pops up with pages that you can already link to if you want. So if there's a specific page you want to link to, like an external wink then you manually do that. But if I want to just link to the About Us right there, I'm just going to click on Nap page About us, click Apply. Good to go. Okay? So again, all I did with the title right there, set it as a subheading, changed it to 14 size. And again, because this is a heading subheading, it's going to be the Lexin font choice. That's just what I'm using for my heading over here. All right, so anyways, now, if we take a look at this, it's kind of close to this element right here. Let's go ahead and click on preview just to make sure everything looks good. And, yeah, I would like a little bit more breathing room between this element right here and this element right there. Well, you can absolutely do that very easily by inserting a spacer. So go ahead and click on Spacer over here on the right hand side under the Insert tab. So click on that, there we go. Okay, so now we need to move the spacer up, so just move it up and just pay attention to where you're going to drop it in. Do that again. There we go. Yay, right. Great. And I think that's good. We don't need to really expand if you want to, you can. But I think for me, that's enough breathing room between this element and this element right there. So let's go ahead and click on preview again. And yeah, that looks much, much better. And another thing with the size of your image over here and the paragraph over ideally you want the two to kind of match in terms of size. So I could add a little bit more copy over here if I want just to fill out this space right there. Again, it's your call because you're building out your own site, but that's just how I would personally approach it. But otherwise, overall, I think this looks nice, image, boom, sales copy over there. And now we can continue adding in a visual menu for our websites. 11. Visual menu layout: Go ahead and add in a visual menu for our website. So underneath our offer section right here that's linking to our About page. Let's have some type of free resource thing that people can navigate to. So maybe we'll create like dedicated pages on our site, and those pages will be listicals with affiliate links or linked to our paid products or something like that. Anyways, let's get started. So go ahead and click on that text, the box right there. And I'm going to call this section Resources. There we go. And I want to change this from normal text because it's going to be a subheading. Let's go ahead and bold it. Red, nope. Let's change that to black over there, then click on Open Sands and let's change that to our font choice that we've been using. I'll go ahead and use semi bold. And then let's center that. And then there we go. The title looks good. Now we need to add in our visual menu section. So the content blocks over there. I like this one with the three images and then the specific titles underneath. Now we can go ahead and upload our images. Let me go ahead and do that. Click on the plus sign. Then you go ahead and click on Upload, and I'm going to upload this image right there that I made. And then I'll upload the next one. And then finally, let's upload the last image over here. Now, these images are made within Canva, and the size I'm using is right here 814 by 822. That's the size that I built out. And each image has a black border. But as you can tell, it's not fitting in perfectly. Like it's clipping at the very top right there. So you can manually adjust it if you want, but what's easier to do is just to click on n Crop right there, and then it fits the image in perfectly. You have a few different options up here, so you can crop the image more if you want, uncrop, link the image to something, and duplicate the image, as well as delete it. All right, so anyways, let me click on N one, format that correctly. Very good. And then N one right there. So these images are looking great. Now it's time to update the titles. Okay, so I went ahead and updated the copy right here, so I have logging tips, camera gear, and grow with AI. One slight issue is that it's using the Oswald font. So I do recommend changing that. I mean, if you really like it, you can keep it. But again, I've been using Arial as my body text and Lexend as my H one, h2h3 title tag. You want to kind of stick to that format. So let me go ahead and update the titles right over here. Actually, I'm going to switch this over to Areo. I think that would look a little bit better. Let me go ahead and click on Nets Looks good. And a bold. It's a little big, so let's go ahead and maybe make that 24. And we'll do that for each one of these over here. Switch that over to Aerial bold, then type in 24 and go ahead and do that again over here. Aerial, and then 24 looks good, and then bold it. There we go. Okay, now I went ahead and typed in the word more over here. So what we're going to be doing is you're going to create a dedicated page with the page function over here within your Google Sites website Builder, then all you do is link internally to this page. So I'm going to create a page on logging tips and then just link it right here using this function and have a nice little subtle internal link for the free resources. Anyways, let's go ahead and take a look to see how this is coming out and looks good. I'm going to navigate down here. Yeah, I really like this. Looks nice. 12. Coaching offer: Adding in a coaching offer using the spacer section. All right, so over here under Insert, we have something that says spacer. But go ahead and click on it and it adds a spacer. Now, we've already used this before uptop here, and the spacer is designed to give elements on the page a little bit more breathing room so everything's not so squished together and on top of each other. Now, another useful feature about the spacer is that if you click over here for Section colors, you can upload a background image. So let me go ahead and do that. And I have an image that I downloaded from Unsplash right there. So I have spacer BG. I'll go ahead and open that right there. Okay, so a few things right here. So first off, you have the readability adjustment. That means that Google sites will automatically add an overlay on the image, so you can add text to make it readable. Now, if this is just for decoration purposes, you can just click that to turn it off, and then it just shows the image as is. But I'm going to be adding text to this. Now, over here, I'm going to click on that. Let's just expand this open, make it a little bit bigger. There we go. We have the anchor image. So the anchor image, you can just change the focus of the image. So I'm just going to leave it as is, okay, just like in the middle right there. That's totally fine. Now we need to add in text over here. So simple enough, you just click on the text box right there, and then you can just add in text and then drag and drop it into place. Alright, so I have my copy ready to go. We have one on one coaching now available. Learn how to grow and monetize your audience through vlogging. So let's go ahead and center this copy over here. Looks good. And now we want to move it into the image. So simple enough, you just click on the little grip icon and then move it up. So the blue line there, nope, nope. And, yep, right there, at the very top. Now, one on one coaching now available in black, that doesn't look good, so we'll go ahead and change that to white, and very good. But I know what you're thinking. Well, the copy is all the way at the top. Like, this looks a little weird. How do we fix? Okay, so step one, I would say, maybe minimize the image just a little bit, so it's not too big like that. And then you need to add in another spacer. So let's go ahead and do that. Add in a spacer right there, and then you want to drag this up above the copy right there. Okay, and give it a little bit more breathing room. Now you can kind of push this down and kind of balance everything out so your copy is in the middle. And the last step is to add in a button over here. So give the user something to click on. So a button that directs people to your coaching offer. So you'll need to set that up whether or not that's going to be through your website or using a third party service. I recommend using a third party service, which we'll get to in just a bit. But anyways, go ahead and add in a button. So with the button, you need to give it a good title that makes people want to click, and then you need to link to a third party service where you're going to be hosting your coaching offer, whether or not that's on fiber or Upwork or some type of other third party platform, whatever. So anyway, let's go ahead and fill out the button. Okay, so I got W with me today. Let's go ahead and click on Insert, and then the button appears down here, so let's expand this a little bit, and we'll move that into the middle right there or so. And now we just need to add in the button to our copy right there. To do that is simple enough. You just click on the button, then drag and drop it up and drop it in the place. Now, it's a little on the wide side, so just go ahead and minimize it as needed just to balance the design outs overall. And just make sure overall, just to kind of balance it out so it's not off to the left or the right, so you're going to have to play around with it just a little bit, but you can figure it out. It's not too hard, so just anyways, bounce the button out as needed, so everything's in the center. Anyways, let's go ahead and take a preview of our site just to get an idea of how this is coming together. So it looks good so far, and we have a nice section right here. Yeah, that looks great. 13. Product section: Let's go ahead and add an eBook section to our website. So hypothetically, let's say we wrote an Amazon KDP book and we want to link to it directly, or maybe we're selling a product on Gum Road or some other type of digital product platform. Well, you can link directly to it from your Google site, but you do need to create a section and offer it to the end visitor. And I think that would be an appropriate section right underneath this coaching offer. Okay, so I always use this content block right here for the image and the text right there, but let me do it a little bit more manually, just to show you how this website Builder works, oh, over here under inserts, we're going to be using the place holder. This is kind of like a do everything block. Anyways, click on the plus sign and then upload your image for your eBook. Now, I had Chat GBT just creates me an eBook cover for a eBook on vo game just as an example. Anyways, now we have the image uploaded, and then make sure to click on uncrop so it formats it to the correct size, then move it over just a little bit to give it a little bit of spacing on the left hand side here. Now we need to add in a text block over there. Simple enough, navigate up top there. Click on the text box right there. There, here you go. So put in some dummy text and then format the size. So you don't want it too narrow, and you don't want it too wide. Maybe that width right there, looks good or maybe a little bit more like that. Yeah, I think that looks better. Okay, next, all you have to do is click on it. Then click on the little grip icon, hold it, then drag it into place, and then drop it right there. And then all you have to do is copy and paste in text over here. So I went ahead and had Chat GBT, write me some copy, so copy that. We'll navigate over here. And then let's paste it in. Okay, so not bad, but it's aerial, which is good, but the font size is 11. So just make sure to check your fonts elsewhere, so I'm using 14. Just make sure everything matches. Like, it looks weird if your site has different font sizes over here. So all the body text is 14, aerial, great. We'll change that to 14. Okay, so I got to highlight it. There we go. Okay, 14, boom. And then make sure to break this up a little bit right there, and very good. And if you want, you could change this top section right here if you want to make that a title. And so it stands out a little bit more. But again, it's totally up to you or you can, bold it over here. Flogging is more than hitting record. Boom, you can do that to grab people's attention. So it's totally up to you how you want to design this. Anyways, this looks quite nice. And so I'm going to add in a separator over here or divider. So add that in right there, and then we can add in the next eBook and the next piece of copy. To get started, just simply click on the Placeholder function again. We'll click on the plus sign. Let's click on Upload and then upload your other E book. I have a second one that had ChahBD make for me. There we go. And we'll move that over. So not all the way on the right hand side, just ever so slightly off to the left. That looks great over here. And then we just need a text paragraph. So you can come up here if you want, and then duplicate this. Click on duplicate that and then just move that off to the left hand side as needed. We'll move this one back up right there. Very good. Move it off to there, and then we'll take that again, move the divider put it right there in the middle. Very good. Okay, so now we got to go get our copy for this book. I'll take it right there. Copy. Okay. And then put that in right here. Boom. Okay? So again, same issue as before. It's coming in at 11 because of hat CBT. We'll just change out to 14 and then make sure it's just to break up any type of wall of text. So just look around where it makes sense to kind of hit the Enter button and break it up and there you go. So overall, that is looking quite nice. Let's go ahead and click on the preview function for our Google sites. Scroll down. Good, good, good. That looks quite nice. Now, in addition to these text paragraphs, if you want, you can also add in a button that links directly to wherever you're selling the book. So we'll click on button right there. Just call this B now. And I'll just put in website.com to link to an external site. There we go. And then move that over and put that underneath right there. Looks great. And then just do that again. So navigate over here, select the text paragraph right there. Click on button, and then By now. Then I'll just type in website.com. There we go. Then drag and drop that right there, and there you go. So now you got two buttons over here that the user can click on. Again, you got to update the link to where people are going to be navigated to. But if you're selling it on Amazon KDP, then you just link to your Amazon page where your book is listed, or if you're using Gum Road or whatever digital product platform you're using to sell your product, you'd link it from here. 14. Add testimonials: In a testimonial section for your website. So let's scroll to the bottom right down here and we're going to create a new testimonial section. So like ways, we need a title, so go to Insert, then the text box right there. And now you want to type in testimonials. There we go. Okay, so let me highlight that, and we're going to change that to a heading, and I'm going to change that to the fonts that we've been using over here. We'll go with semi bold. There we go. Make that a little bit smaller. We'll change that to 24. Go ahead and center that, and there we go. Okay, so you have two options, in my opinion. You can use the Embed function and actually embed testimonials that you have or you can create testimonials manually. So the way the Embed would work is you just click on Embed over here, then you can embed by the URL or by specific code. So if you have HTML code, just pop it in there and it'll load automatically. So I'm going to use the URL over here. So I have this testimonial right here. I'll click on the little action right there, and I'll click on Share review, copy the link, take that, copy and paste that in here. Okay, looks good. Then click on Insert and very nice. So then you can change the size of this as you want, if it's a little bit too big and whatnot. And you can also click Utop here. You click on that. So show image. I don't want to show the image, for example. I just want to show the testimonial. There you go. So that's your option with the embed function and using Google Maps and finding your business and doing it that way. The next way is to manually design a testimonial section using one of the content blocks. So the content block I like for this is this one with the image off to the left and then text over here. So, with this image right here, you'd probably want to upload an image of a person. So I'll click on the plus sign right there, and then I'll select this image that I have of that person right there and do that again for this person over here. So these are images from Unsplash over here. And then you just want to write the testimonial. Okay, so I went ahead and added copy for the testimonials just as an example. So the little title up top there, I put that in quotations, and then I italicize the content down here, and that looks good. So of course, you can play around with this, too. You can click over here for Section colors. So you want to give this a background color to help separate everything, like help separate this section from the rest of the website. You could go ahead and do that. Again, it's totally up to you. So or you can just leave this as a light gray color if you want, play around with this or just keep it as white. Personally, I think the red is a little bit too bold, so I'll probably just leave this as light gray because that kind of matches this section up top here that I'm using to kind of separate everything, the offer section, the selling element that helps separate the offer section from the body of the website down there. So I'm going to weave this like, right. But overall, I quite like that. So those are your two ways to add testimonials. You can use the embed function and actually embed a review that you actually have for your business, or you can manually create the reviews over here and just update the copy as needed. 15. Make an FAQ: Now let's go ahead and add an FAQ section for our website. So again, always, go to the textbox and then create a section title, call this FAQ, and then make sure to change it to the font choice, so this is going to be a heading. And then we're going to go to the font that I've been using down here. Was that there you are sent bold. Boom, then change that to 25, so it matches the size of everything else over here. Let's go ahead and center that. There we go. Now we're going to be using the collapsible group. So you click on CapsbGroup under here under Insert, then you have your question answer. That's how this works. So we'll just have it be question one, Answer. There we go. And then hit Enter again, add in another collapsable group, and then have this be question two, then answer. There we go. And then do the same thing again, okay? Then collapsable group, and then question three, and then Answer. Simple as that. And this is set to default by collapsolGroup right there. So if you want to turn that off, then you can. But the way it works is that the user will have to click on this little arrow to expand it's open. And like always, it's set to Oswald over here. So you just want to make sure to update these titles to use the correct font that you've been using throughout your site design. So let's go over here, and I'll click on this one for normal. There we go. And then do the same thing over here. Just update these. Okay, so I updated everything as needed. So one, I changed the font to the font we've been using, change it to 25, so it's not too big and it kind of matches everything else. So it looks good. Let's click over here to preview the site so you can see how this works, scroll down, down, down, down right here. Alright, so I want to view this question. User clicks on that. Then the answer appears there. Name you a nice little title right there for the FAQ to give this section a title. Again, it's a Simonio section, this section. Again, like, great background over here helps separate everything. So it's looking good. 16. Create a final call to action: And finally, let's go ahead and add in a final call to action for our website at the very bottom right above the footer. So right over here, the called action is to watch a master class to get the vlogging launch framework. So let's scroll all the way down here. To get started, we just want to enter in a text box right there and then begin writing your copy. Okay, so I have Grow and monetize your vlog, get access to my vlog launch framework. So I'm going to highlight the text. We're going to change that to a heading over here. It's set to Oswald, which we don't want. I'll change it over here to Semi Bold. There we go. We'll change just to 25, so it's big, center it. Maybe I'll reduce the size of it a little bit, maybe make that into the middle. There we go. Yeah, that looks good right there. Well, maybe a little bit wider so it's not there we go. There we go. Perfect. Okay. Now, we got that right there. Now we just need a button, so let's go ahead and do that. And then I'll just say watch my master class. Alright, so go ahead and click on Insert, and let's expand the butts and open just a little bit, then move that into the center right there, and very good. And then I'm probably going to change the color of this over here. We'll go with style three and I'll style three again, and that kind of pops off the page a little bit more. And that's a nice attention grabbing final called action at the very bottom right here. You can also do additional things, if you want to highlight this text right there and underline that, so it stands out a little bit more small things you can do as well. But anyways, that's how you create a quick and easy final called action for your website. 17. Footer design: Footer for our website. Okay, so let's navigate to the very bottom. So we built out a nice looking home page, and now it's time to add in a footer. The footer is going to be on all pages. Now, the footer does take a bit of work, so let's just get to it. Let's click on Add Footer right there. And then next, we want to click on Insert, and then you want to make sure to click on this four column block right there. Okay, so a few things. We're going to move this text block below. Move it down below. There we go. The reason why we're moving this down below is that's going to be the copyright of our website. So you want this to be just literally right copyrights log how.com. And then you want to put in maybe a page separator right there, then put in, like, privacy, then terms, there you go. Now, you have to manually create a privacy page, manually create a terms of use page, then create a link to that specific page. But the copyright belongs right down there. Okay, now this four column design, this is really helpful for building out a nice looking footer that's super simple and easy. So the left hand block over here, I like to have it be the image or the logo image logo for the site. So anyways, let's click on Upload over there. Let me click on Vlog How Logo right there. Boom. And then underneath here, if you want, you can add in a quick description of what the website is about. So it's like grow and Montes your vlog. Done. Now, it's open sand. So again, make sure to change it to your body font. So for me, that would be aerial. There we go. Keep it simple like that. Then over here, I don't want this eliminate that. We'll call this company done, bold that's, change that to aerial again. And then same with this, we don't need this right here. D that. We'll call this maybe learn bold that. Then again, aerial. Okay. And then over here, delete that we'll call this maybe connect. There we go. Connect, highlight that bold, and then aerial. Okay, so now you can just build out links over here as needed. So this could be like about contact resources and so forth, if you want. So you can have this over here, underline that. Then just build out the links right there if you want. If you want to balance it out a little bit more, just hit Enter, then kind of wine up everything as needed, and then just do the same thing as well. So you can highlight this and you can change it to be off in the left hand side. If you want that again, don't It's the footer. It's not that big of a deal. Just build it out like that. Okay, so ern. We'll say maybe, like, Affiliates, okay, FAQ, and then we'll add an additional page called supports. There we go. Okay, so go ahead and unload your wine. That's. There we are. Boom. Each of these links, you'd have to highlight that. Then manually link it to a page on your site. Now with the connect function over there, you can use the social function over here, social links. You have a bunch of different options with this fourth column design so you can have email, the physical address of your business, and the social media links if you want. Okay, support ab floghow.com, and then you want to click over here and then again, just manually link to the email and it'll automatically link as needed. Mail two does that automatically. You don't have to do anything which is super duper helpful. Finally, you can add in social media links by clicking on the Social Links function right there, so let's go ahead and do that. Okay, so ink number one we say is facebook.com. Then we have instagram.com. And then finally, youtube.com. Youtube.com. There we go. Then click on InseRt. Okay, so it pops up over here. So, always, it's a visual website Builder, so just drag and drop it into play. So let's go ahead and do that. Alright, so see the blue line, drop it in place. Done. And then hit Enter to move everything down. Highlight connect, go ahead and underline that. And that looks very, very nice. Looks very professional. Nice, simple, easy logos. We have company, learn, connect, then a bunch of links over there, a bunch of secondary links for learn, and then maybe, like, the company link will be the primary menu that you have uptop there. You just manually redo it down here. And to finish up the footer, a few additional things I would recommend is one, changing the background color. Like, white is okay, but let's make the footer a dedicated color to help separate it from the rest of the website. So let's click over here for Section Colors, Style two. Same thing with this element right there for the copyright. There we go. We can also add in an image to sit at the very bottom of our website if we want, so to do that again, just click on the spacer right there, and then over here, click on Section Colors and then go to Image and upload an image that you want to put at the very bottom of the website. So I'm going to use the image that I have at the very top of the website, so I'm going to click on select scroll down here, select that image again and click on Insert, and that looks good. So let's expand this down just a little bit. All right. And let's go ahead and preview our website. Looks good. So scrolling down here. Yeah, that looks great. So overall, that's what I would recommend for adjusting the footer down here and maybe add in a little design element if you like. 18. How to make a drop down menu: Creating a drop down link for our main menu. Okay, so our homepage is all done. And if we navigate down here, we have this visual menu for free resources. Well, how do we add that to the menu up top here? How would I do that? Well, let's click on the plus sign over there, create a new page. We're going to call this page resources. Click on Done. Okay, so that's added to our website, and now we have this resource page right here. Now, with all your individual pages, the way I would approach this is I would change the header type, and I would change this to banner to make it smaller, a little bit more readable. Again, it's totally up to you or you could just remove the banner altogether and just have a title like that if you like a nice, clean, simple design. Again, it's totally up to you. And of course, you can just update the image to a more custom design if you want. Okay, now that we have a resource link over there, the easiest way to do this is just click on the little icon right there, and then you want to add a sub page. So you want to go ahead and add in all your specific resource pages that you link to from your home page, and it'll add it over here. Okay, so I went ahead and added logging tips, camera gear, and grow with AI. Now, with this dropdown, you want to keep the menu items to, like, two things max, and with the dropdown in general, you want to keep it to, like, seven items max. Like, less is more. Maybe three to five things to click on Max with a dropdown menu. Okay, so let's click over here for the home link. Now, since these are child pages of the Resource page, just to let you know, the structure of these pages is going to be like for this example for this site would be lockow.com slash Resources slash flogging Dash TIPS, slash Camera Dash Gear, and so on and so forth, okay? So just letting you know, that's how the URL structure is when you create a child page or sub page, whatever you want to call it. I call it Child Pages. Way, so now it's time to add it as a link down here. So learn more. So that's vlogging tips, highlight that. Then click on the little icon right there to insert a link and then click on the appropriate page. Boom. So say page equals logging tips, click on Apply. And then just go ahead and do that for each and every one of your links. So it's super convenient because you don't have to manually type in any type of URL. You can just self select the page that you just created over here. With AI, and there you go. So that's how you add a drop down to the menu for, like, a resource page and link to the appropriate pages over here with your visual menu for your free resources. 19. Deliver your coaching offer: Setting up a coaching offer for your websites. Alright, so we designed the homepage as a visual menu, and as part of that visual menu, we have a coaching offer in the middle of the site design. Now we do want to add a coaching page at the top right here so people can navigate to our sales page regarding our coaching offer. And yes, you do need to create a sales page explaining your coaching offer. A big mistake that beginners always make is that they direct people immediately to the booking page. And that's a mistake because people don't understand what I'm signing up for, what the process is, how it happens. Like, you need to explain all these objections. People would have to signing up to a coaching offer. Like, me with my five or gig, I don't just link directly to my five or gig because this is confusing because a light box appears. You can't read the copy. What's going on? Why should I sign up to this and go through the rigamarole of creating a fiber account. So anyways, let's go ahead and create a page. So look click on the plus sign. I'm going to call this coaching. I done, and I'll change the header type to banner right there. Now we have a nice little coaching offer at the top right there. Let's now we get back to the home page over here, and then just make sure to update your link over here as needed. So the link right there will select coaching. We'll click on Updates, and we are good to go. Alright, so how would you conduct a coaching offer? Well, you need a third party solution. And one solution I do really like is Calendi over here. So Calendi is completely free to use to get started with. I like the design and interface. It's clean, simple, and it's easy to navigate. Now, Calendy is free, but they do have a couple paid tiers. And the reason why you'd want to upgrade to the standard plan is if you want to charge for paid consultations, which is probably what you want to do. Unfortunately, you do need to upgrade to a standard plan. Now, on the free plan, you can totally offer a coaching offer, have a coaching offer, but you can't have people like, pay to book your time, which is what you want. And once you upgrade to the standard plan, all you need to do is go to your calendar dashboard. Then you go to Integrations and Apps. Then you integrate either Stripe or PayPal. Then when you're over here, you click on Schedule, then you click on your meeting right there. You go to More Options. Under more options, you have payment. Then payment right here, you can connect either Stripe or PayPal to your calendar account. But again, it must be on a paid plan, and then you can set Book MT for $50 for 30 minutes, whatever you can do that. Another alternative to calendar is actually Google Google calendar. It's a little bit confusing to use, in my opinion, but you can totally go over here, create, and you can set up an appointment schedule as well. And then once you want to share your appointment over here, you just go to your booking page right there, click on NAT and then you go over here to preview. This is what it looks like over here that the end visitor will be navigating to so they can book your time, and then you can copy the link and share that via a button. So they click on NAT, Wink successfully copy board over there, and then I'm over here on the coaching page, and we'll go to Insert and Button. Then I can just share the link as needed to the Google Calendar app. So if you want to have coaching, that's why I would suggest Calendy or Google Calendar, but you do need to have a Google Workspace account to have paid consultations via Google Calendar over here, or you need to upgrade your accounts over here at Calendy to a paid subscription in order to have integrations for your account so you can integrate Stripe and PayPal. 20. Sell physical products with Google Sites: Adding Ecommerce functionality to your Google Sites. Okay, so you want to set up a store where you're selling physical products? Well, Google Sites doesn't have any type of ecommerce functionality built into it, but you can embed a third party solution. Now, the best third party solution, in my opinion, is EQUID. EQUID just works really well with Google Sites because they take care of all the little technical details on the back end, so you don't need to worry about all that technical stuff, and you can just focus on selling. Like technical details like setting up your product pages, your checkout page, coupon codes, SKU, managing your inventory and sales, all of those things are taken care of by EQUID. EQUID does have a few plans. They have the starter plan, $5 a month, you can have up to five products. Then they have the venture plan at $25 a month. You can have 100 products and eGods. Then the business plan adds on additional features like abandoned cart recovery, as well as being able to have product variations. Anyways, when you're ready, go ahead and click on Login, create your account, and then this is what your dashboard will look like. Now, to set up your catalog, just click on Catalog, and then you click on Add New products to add products to your equid account. You can upload images over here, name SQ and then a product description. Let me weave this page, so let's take a quick look at an example product rights here. Now, under options is where you can find product variations, but again, you need to be on the business plan. Anyways, when you're ready to have this be embedded into your site, you need to navigate down here to where it says website. Go ahead and click on website. Then scroll all the way to the bottom and then says add your store to one or more website. Pick a platform. Okay, and then we want to click on other platforms and Site Builders, so click on Learn More rights there. And then we want to copy the code to our clipboard. Okay, then click on this little blue check mark right there. So copy. There we go. Okay, so let's navigate back to our Google site. Now you have two options with this. You can just create a standard page. Click on page. I'll just call this Shop, click on Done, and then I'll change the header type over here. Then we'll make that a banner, go to Insert, then click on Embed, embed code right there, paste that in, then click on Next, and then click on Insert. Now it's going to populate this area with your products, just make sure it fits correctly. And there you go. Then you have your banner at the top right there and then your products over here that the end user can buy. Another way to do it would be to click on the plus sign, then go to full page Embed. Click on that one right there, the full page Embed. I'll just call this Shop two. Click on Done. And then you want to click on Add Embed, right here, then embed code, and then copy and paste that code in again. Then click on next and then click on Inserts. And then it will begin populating the entire page over here. Now, yes, you can't scroll down, but that's okay. If we go over here to preview, you'll see that it's working as expected. So right now I'm currently on the Shop two page, and it's going to populate the entire page over here. With my products. The only thing I don't like is that there's no title to the page. I do like having a title like this shop over here, and then the products populates over here as needed, but it's totally up to you. So anyways, let's navigate back to shop two over here, and this looks great, okay? So you have this nice layout over here. User clicks on the product right there. Then you have the nice big image with multiple images right there. Then the title right there, product add to bag or add to card you can change the copy over here, product details. Looks great. Like, all you do is set up everything in equid and embed it, and then this is what it looks like. I'm like, my logos right there. Everything's working really well. Alright, so let me go ahead and click on the ADT cart right there. Let's go to Check Out. And then there you go. So it takes you to the Checkout page that's already on the site. So it's a nice clean and easy to use system to add an Ecommerce functionality to add an online store to your website. 21. Sell digital downloads with Stripe: Sell digital downloads via Stripe. So on our website, we have these two sections over here that are promoting an eBook, and we have a ByNow button, but the problem is that the user clicks on the By now button, and they're not directed to any type of checkout page. Now, you have a bunch of different options to host the digital products, but one quick and easy way to sell low ticket products is to use Stripe. So just navigate to stripe.com and then go through the process of creating your account. Once you have a SRPE account, all you have to do is navigate over here to Product Catalog. Click on that. This will show your products. Then you want to click on creates product over there, and then you want to go through the process of just filling out your information as needed. Okay, so I have How to Vlog Grow a popular vlog Channel people love. And I have that, so it matches this product title over there. Okay, so anyways, go ahead and upload an image, so select the image over there, and it has to be under 2 megabytes, by the way. So make sure your image isn't too big. Now this is going to be a one time payment, so we'll make it as a $7 E book, and let's go ahead and add the product. And there we go. So how to Vogt's added right there. So let's go ahead and click this product. And now we want to create a payment link. So to do that, you want to click on the little three dots right there. And then you want to click over here where it says, create payment Link. And now it'll load this section over here, so you're on the payment page, the product, just make sure everything looks good. So you can add another product if you want to this page as well. Collect taxes automatically, customer address. You can have these different options as well. And if you want to explore the advanced options over here, you can have custom fields, promotion codes, allow business customers to provide tax IDs and more. So you can set up a coupon code if you want, whatever. I'm just going to keep things very basic over here. Now, what's really important is, like, Well, what happens after the user buys this? They send you $7 for this eBook, then what happens? Well, you need to deliver the product. So over here, you have your confirmation page. So this is what it'll look like when someone submits payment. Thank you for your payment. And you can replace that with a default custom message. Like, Hey, thanks for buying. Click here. To get your eBook. You have something like that or provide a link where your product is hosted. Or you can have it be don't show a confirmation page and just redirect the customer to your websites. So you can host your eBook within your Google Drive, if you want. So this is Google Drive as a quick example. Here's the EBookimage that I have. So I'm going to take this item right there, and let's go ahead and click on Share I'll say copy link right there. We'll navigate over here and I'll input that share ink right there, and then we can create a product link or a payment link. So anyways, when people buy, where are they directed to? They're immediately directed to this. This will load up for the end visor and then they can just like, click on the download button and get access to the product that they just bought from you. So that's how this all works with Stripe. It's very simple. Anyways, let's go ahead and click on Create Link. Now you want to grab the payment link that is right here. So go ahead and click on Copy. Now we've copied the payment link. Now let's navigate back to our Google site. And let's go ahead and edit the button over there. I'll edit that. Let's go ahead and add in the payment link right here. Looks good. Then click on Updates. And there you go. Let's go ahead and view our site. All right, so I'm going to scroll down. I'm going to click on the By now button over there, and it redirects me to the payment page for this specific product via stripe. 22. How to blog with Google Sites: Blog with Google Sites. So Google Sites is not a blogging platform, but the way I would approach it, if you really want to do content marketing or create a bunch of pages for your sites, well, I would begin by creating a dedicated blog page, so I'd click on the plus sign. We'll call this blog. It'll be added to our main menu at the top right there, and then we can change the title over here. So logging tutorials, we'll just say that, something like that, vlogging tutorials. So the user clicks on blog. Page opens up saying vlogging tutorials. Let's change the header style to maybe something like this over here. Now we want to create child pages. So every time I want to create a new page, I can just navigate over here and then click on subpage, add a subpage. So I'll create a sub page like how to Vlog. And then the advanced path would be I'd want this to be like how to vlog, something like that. Anyways, now we have a child page right here. Now, this page URL structure is going to be vlogow.com slash Blog slash HOLT Vlog. And then you just use the Insert function over here and create content. Now, with the blog page, you see how it has a drop down over there? Well, we don't want that. If you're going to be creating like 20, 30, 40 blog posts, well, you want to hide this. So click over here, Hide from Navigation. And then user clicks on Blog over there. The blog page opens up. Then you can manually link to your pieces of content over here, so you can structure this in a nights easy to use way. Something similar to what I do over on my side with the View All topics page, you can just set up something like this within Google sites where you have your title, and then different blog post. If you want to go that route where you have a blog, it's dedicated content marketing section and link to different things. That's how I would approach this. So I would just build this out with different text boxes, like, right there, and then I'd add another text box over here on this side, and just build it out, make it nice, move that up right there, and then just add in links to your blog post here. So maybe this is like one topic you're covering, and this is another topic you're talking about. Similar to how I design this section over here. On my blog. So anyways, that's how I approach blogging, and then user can just navigate to the specific pieces of content from this singular page over there. And again, then you have your dedicated blog posts and then just build it out with content. 23. Make a contact page: Adding in a contact form to our contact page. Alright, so I want you to navigate over here to the contact page, and now we're going to begin building out this page by adding in a form. So step one is to add copy at the very top of your contact page to set the context for how you want people to contact you. Like, Hey, thanks for interesting website. We'll apply to emails in 20, 40, 48 hours, something like that. Anyway, to get started, just click on the text box and then begin writing. Okay, so I have a nice little paragraph at the very top right here. We'd love to hear from you. Here's different ways you can contact us. Let me just add a little bit of padding to the left and the right of this. Yeah, that looks good. Okay, the next step is to add in a contact form over here. Now, to do that, you need to navigate to Google Forms. And to get to Google Forms, just go to your Google account. Click on this menu item. Then you have docs, sheets, slides, and forms. Now, over here, you can create a contact form very simply. You can create contact information, or you can start with a blank form, whatever you want to do. Once you do that, your forms are going to be populated underneath the Form tab in the right hand side bar over here. So we have this form right there, so just go ahead and click on it, then click on Insert. And then the form will be inserted. And now just make sure that it's sized correctly. So we got to expand this down ever so slightly. And there we go. So now we have a form embedded on our contact page. And one additional thing that you can do with the contact page if you have a physical business, it is helpful to embed a map, so you just click on the map function over here. Then you can choose where you want to embed. So let's click over here. I'll just add a random spot. I'll type in Connecticut USA. There we go. And we'll click on Select. All right. Then we'll expand it all the way out. Looks good. Okay, so you can have this open in a new tab if you want. And there you go. So we have the form right there. You have the map sitting at the bottom, and then you have your site footer. 24. Add Google Analytics: Adding Google Analytics to your website. So Google Analytics is important because that tells you how many people are visiting your website, what pages they're visiting, how long they're staying, and so forth. Now, to add analytics, you want to click on a little Gear icon. Then you want to navigate down here to Analytics. Then you need to add in a measurement ID from Google Analytics. So that means you need to navigate over here to Google Analytics and create your account and then go through the process of adding in a new web property. So let me click on Admin over here. Once you click on Admin, then you click on Creates and you creates a new property. So it's a little step by step process just follow the onscreen instructions. Once you have a web property, you want to navigate down here to where it says data streams. Click on data streams, and then you have your property right here, this is just a test website that I have. Click on that and then your measurement ID is right here. You go ahead and copy that, then you input that right over here, then you enable analytics, and you're good to go. 25. On-Page SEO: On page, JessO for your Google Sites. Okay, so like I mentioned in the Cs section, Google Sites does limit you to your control over the SEO title and the meta description of your website. So how to get around this, how to approach this? I'm going to show you everything that you need to know. Alright, so, first off, what are we talking about? So right over here, this is a block post I have on my business website, and right here is the H one title tag. The keyword is right here, Google Notebook M Review. That's the keyword. The URL is nice and tidy, Google Notebook LM. It's not Google Notebook, M AI Power Blah, blah, blah. No, it's too long. Just keep the URL structure very short and sweet. Then the SEO title matches the page title right there, and then I have a nice column design and images, and the images have Alt text. Like I touched on earlier, the Al texts over here, Al texts right. Is used to describe the image if it doesn't load properly for some reason, just to tell people, what's going on. And if it's purely decorative, that's why you check this box to say that this image is decorative. So it really depends on the image. Like this image right here is not decorative. This is used to describe to people how to access Google Notebook LM. So you have your Google site right here, and this is this page. So let's navigate over here to Blogs HOT Blog. There we go. And the al structure over here is logow.com slash Blog slash Post Title. How is that working on the back end? So we have pages over there. We have blog. I clicked over here, subpage, and then I have how to log as a subpage, okay? And then I clicked over here, then hide from Navigation because, again, I want the end user to just click on Blog and maybe I'll have like 50 blog posts on this page all linked on this page right there. That's how I build this out, okay? Now, let's navigate back over here to how to vlog and how to structure this piece of content? So, first off, you have your content at the top right there, I'd probably make this a little bit narrow over here. And then you want to incorporate images as needed. So we'll just center this ever so nicely right there, maybe make this image of a camera a little bit bigger right there. And then you just want to build out the piece of content, making sure to incorporate H one and H two title tags. Right here at the top is your H one title tag. That's your H one title tag. You have one H one title tag on the site. Then you want to break it up with H two and H three title tag. So that's an H two title tag right there. New section. This is an H three title tag. This is a subsection of this section right there. And that's how you want to structure your piece of content as you're building it out. So if I click over here for Insert, click a Text Box, I'll click on New Section want to click over here for normal text, no, you want to go to heading. Okay? And you don't want title. Title is the H one title tag. The page should only have one title at any time. So you want to go to subheading right there, or sorry, heading. That's your H two, and then use subheading right over here. Okay. And that's it with Google Sites. You have your H two and H three title tags. Then you can add in text and so on and so forth with your Google site. Now, you don't have direct control over the meta description. So as you can see, the way this is popping up within Google over here, you have the SEO title right there, which looks great, and then you have the description right over here. Google Sites doesn't allow you to add in a custom meta data description. So what it's going to do is it's going to take any text that you have over here and input it as the meta description. So you don't have direct control over it, but you're still going to have a meta description. Now, this is where it's a little annoying with Google Sites just a little bit is the SEO title right there. So over here, we have how to vlog and then the SEO title right up top there is How To vog. See how it says, How to vlog? Well, if you want to build that out more, then you have to add more words over here to the title. So how to blog, How to Vlog for beginners, something like that. And then that will automatically update your SEO title over here when you publish this piece of content, okay? And that's really all you have control over with regards to the on page SEO. Now, once your piece of content is done, you're building up multiple pages. Just make sure to have internal and external links. So an internal link would be like, highlighting the piece of text, clicking over here, then linking to other pages on your site as it makes sense, and also link externally to other websites as well, because looks really weird if your website is not externally linking to other sites. And finally, because you had to verify your domain name with Google Search Console in order to set a custom main name, well, now your site is added to Google Search Console. And so you don't get access to a sitemap directly that you can upload to Google Search Console. But what you can do is as you publish different pages on your site. You just take the URL over here. You can navigate over here, inspect any URL, click on Paste, hit the Enter button, it's going to say retrieving data from the index and says URL is not live on Google. So then you click over here to request Indexing. And so as you're building out your sites, you can periodically just navigate to search console and request indexing. So typically, search engines are pretty smart. They have spiders, a scatter the web, they scatter around the web, whatever, and then collect data and then index everything by itself. Your site will naturally be indexed as it gets back links, and you're linking to it from YouTube and social media profiles, and you're driving traffic to it. But if you want to get things going right away, you can manually request indexing of your site. 26. Publish your website: Alright, everyone. So that's pretty much everything you need to know to get started with Google sites. So once you build out your site and you're happy with the design, it's time to publish. So go ahead and click the Publish button right up top there. Then go ahead and click on publish your site. Anyways, that is it for this tutorial video. 27. Conclusion and Recap of Google Sites: All right, That's it for this course. Thank you very much for watching. I hope you found value in it. I tried to create a chorus that's really comprehensive and condensed down to basically the essentials of what you need to know without getting too much in suck in the weeds proverbially because Google sites is great, but does need just Indian a little bit of hand holding with getting everything set up on the back end. So I hope that you have a beautiful sights set up that you can use. It is a powerful tool that you can use for your all your domain names. No, if you want to just create a one page splash page to get people to subscribe, or you just want to create about me website because you're a youtuber or you have like a girls club like my brother teaches softball are doesn't teach me that softball coach He just needed a website. Google Sites is wonderful for so many different types of applications. So I hope you enjoyed this course. I hope you got a lot of value out of it. Thank you very much on Have a great day