How to Create Free Landing Page on Google Sites (2024) Tutorial
3K views
Jun 6, 2024
How to Create Free Landing Page on Google Sites (2024) Tutorial
View Video Transcript
0:00
How to create a landing page using Google sites
0:02
And this step by step for real, I'm going to be showing you how we can do this totally for free. So, guys, the first thing you need to understand is that the Google site is an amazing place to build
0:10
A lot of places, a lot of stuff about websites, about events, portfolios, student portfolio projects, and this is totally for free
0:16
This is an amazing place to get started if you don't have any kind of budget and just getting started with the actual block section, the portfolio, website, much more
0:24
All right, so with that being said, guys, now I'm here into Google Tites. What I want to do first of all is to go into sites.gov.com and I want to sign it in
0:32
And as you can see, I'm already in here. So in order to get started, I can choose a template or I can just start with black
0:39
So since we are creating a landing page, we can go into the template gallery and see if there's some kind of stuff we can use for a actual landing page
0:48
As you can see, we have something about education, we have club, we have student portfolio, we have a loan for a student portfolio and much of
0:57
more. In our case, we don't want to use any kind of template because on the landing page, it's
1:01
a little bit more easier to create. So let's go for blank and automatically it's going to be
1:08
popping up this editor section of the Google site. So in my case, what I want to do is to
1:13
import here the name of my brand that I know my logo or in my case, I'm just going to delete this
1:19
like that. And then what I want to do is to go into change image so I can change this actual
1:25
sectioned for example here change image go into upload and what I want to do is
1:30
just to choose an image that I want to do if you want to upload your own
1:34
personal image or you just want to choose the one that is like totally free I'm
1:37
going to go into select and here for example I want to locate the actual search
1:43
and here I can see there's a lot of sections where I can just use this for
1:48
commosa reuse with modification without being said let's say for example that I'm focusing into some photo photo photo
1:55
For example, so I'm going to go for Photography. And then I want to look for an image that I can use for a background
2:02
I say background. So I'm going to just curl a little bit down. Now let say that I kind of like this one I going to go into Select And automatically it going to be just moving on into the ability like that so after that what i want to do is to if i wanted to change the image i can
2:17
do that once again the top of course whether there will be a banner a title only the
2:22
latched banner or kava that really depends on you in my case i just want to focus into the banner
2:28
i'm going to like that or go into title only if you wanted to and input here then it won't be
2:33
brand i need to go for text press a little bit like that and And then what I want to do is to import some actual blocks
2:40
So speaking about the blocks, focus into the right part of the insert section
2:46
We see the insert, we see the pages, and we see the themes. What I wanted to do is to focus into insert
2:52
And here, what I want to do is to import here, let's say three blocks
2:58
three elements in order to use it for my landing page. So for example, first of all, I want to focus into a text box
3:06
focus into the imaged and focused into the button. So first of all, I'm going to focus into the imaged
3:13
So I'm going to go into Cancel, hit into the images, and here going to go into and pull that from here
3:22
I'm going to drag and drop. If you don't see anything like that, you don't have to worry about that
3:25
What we can do is to actually go and open a new tab
3:30
and look out for the actual place that you want to add your actual logo
3:34
So I'm going to go for, let's say, for example, Instagram logo. So here into images, what I wanted to do is to look out for an image
3:41
There is a PNG file. And PNG file is going to be helping me to copy and paste this actual logo
3:47
without having to choose a background. So there must be like a few squirts into the backside of my logo
3:56
So, for example, this one. As you can see, there's a lot of squares. So I can go and copy this image and paste that into my Google site
4:04
section for example here and I'm gonna try to paste it go for paste or go in here and as
4:11
you can see I can just drag and drop this customed section so what I want to do is to
4:16
make this a little bit more smaller let see for example like this a little bit more I guess and then what i want to do is now i want to just uncrop this and there we go so now what i want to do is to add of course the title of the section
4:34
for example here i'm going to look like that and then i'm going to go into button and just going to
4:39
drag and drop so here i want to import the name of my buttons go for instagram let's go for my instagram
4:48
and the linked you want to import your custom linked. In my case, I'm just going to be importing the Instagram.com
4:55
so you can see this is actually working. I'm going to hit into insert
5:00
And what I want to do is to move this right into this section
5:04
So I can leave this like that. And I'm going to make this actually a little bit more big enough
5:09
like this, a little bit more, I guess. And there we go. Then what I want to do is to do exactly the same thing
5:14
I'm going to just copy and paste the same button. And I'm going to import that here
5:18
So instead of choosing an Instagram account, I'm going to type for my Facebook
5:23
And instead of this link, I'm going to choose, of course, my Facebook linked. Hit into update
5:27
And the thing I want to do, of course, is to choose a new icon so I can input that in here
5:32
So whether you want to input the section of social links, which I think is going to be a little bit more faster
5:38
for the social media links, I can go into this section, hit into select
5:44
And here, what I want to do is to look out for some Google Images and look out for, let's say, for example, Facebook
5:50
Facebook logo. So let's say, I'm going to choose the first one, hit into insert, and here into the link
5:56
I'm going to type my custom link of Facebook. Once again, this is just an example, so we're going to type Facebook.com
6:01
And here I'm going to do exactly the same thing with, let's say, Tech Talk. Go into Google Images, go with Tech Talk, like this
6:08
and go for, let's say, the logo. If you don't find that, go into TextTug logo
6:13
And there we go. So I'm going to choose this option. Hit into Insert
6:17
here into this link i'm going to do exactly the same thing tectag dot com and hit into ensuit and
6:23
automatically this section is going to be added here into my actual uh landing page so this is like
6:29
one way that you can add your stuffed or like this is another way that you can do this so whether you can do something like this for example I have the small let say for example medium I going to go
6:41
for small and there we go. So after that, what I can do instead of adding social media here is
6:46
just to add, let's see, for example, my portfolio. And lastly, what I want to do is just to focus
6:52
into the section colors. And let's say for example, I want to change this style into this color
6:57
or I want to change the actual all the fund here. So I'm going to do it. you with this and here into the header type I'm going to leave a list into the title only
7:05
and this is of course the footer so if you want to add a folder you can do this in my case
7:09
I want to leave like that and there we go so this is like totally really really simple
7:13
since I want to make this like totally free so here into the untitled site I'm going to go
7:18
for text press landing page I'm going to go for I'm going to leave like that actually so here
7:24
it's going to be asking you what's going to be the name of your actual website so here we have
7:29
site.google.com slash view fast forward slash. I'm going to go for text pressed. Let's say I want to
7:37
live like that because this actually it's really working. I'm going to go for published and there
7:42
you go. So lastly what I want to do is to type into one button to see if this actually is working
7:47
So this one should be taking me into Instagram. So as you can see, it's actually working. It took
7:52
me into Instagram.com. In your case, it's you take you into your profile and Instagram and so on and on
7:58
So as you can see, this is actually working. So without being said, guys, is how we can get started with the actual Google site
8:04
to really free. You already have to pay, obviously, for anything. And we have just done this really, really fast
8:10
So I think it's really, really basic. I don't know, like two starters, but if you want to customize your own landing page
8:18
I mean, you can just take your time, change colors, change the background
8:22
change the fill-off section, change that for outlines, change the design. So you can see this a little bit
8:28
bit more accurate into your style. So with that being said, guys, is how you can get started
8:33
by here into Google sites. So don't forget to like and subscribe to this channel. If you want to
8:36
see more amazing tools about these sections. Thank you so much for watching the video, guys
8:41
See you next time
#Computer Education
#Educational Software
#Web Design & Development