- Hey everybody,
it's Emily.
And today I'm gonna walk you from header to footer,
top to bottom of building your homepage.
For some of you,
this may be all you need to make your site live.
Let's get started.
(lighthearted music)
We are starting our free trial
and the first thing we need to do
is tell the builder what type of site we're creating.
Today we're setting up a site for our running club.
If we're setting up a site for our accounting business,
our painting business, or any other type of business,
we would select one of those business types.
The name of our site is Emily's Running Club.
This is the website editor
and now we're ready to build the site.
Let's start by picking a theme
which is basically the overall look and feel for the site.
(lighthearted music)
Now we can customize the fonts and colors that we like.
If we already have brand colors
we can enter a hex code here.
We're gonna go with this tan color.
Moving on to fonts,
we can choose what font we think looks good.
I like this one.
Let's go back to the website homepage.
Before we start customizing the homepage,
let's go into settings
and add our information in the site profile section,
so our customer can find us in person and online.
Perfect.
Let's jump back over to our homepage.
The first thing I wanna point out
is the website builder added sections
with placeholder content,
so we can really visualize our site.
As we scroll through the sections,
the highlighted box means that content can be changed.
You just have to click on it.
In the right-hand corner of each section,
you can use the arrows to move the section
up or down on the page.
So if you don't want your About Me section to be first,
you can move it on down.
The next icon is the layout option.
This displays, if there are other layout options
available for that section.
Changing the layout,
lets you basically change the look of that section,
and last but not least
the three dots bring up a menu
that allows you to delete or duplicate the section.
Let's get into the nitty gritty and edit our site
starting with the header.
Click in the preview window
to open the header pane on the right.
Let's start by editing the cover image.
You can change how the image looks,
delete the image or change it,
which is what I'm gonna do.
If you have your own image, you can drag it in here.
I'm gonna use a stock image.
So I'm gonna search for running
and pick the one that I like,
and insert it here.
Now I'm going to click done
Back on the header,
I can change things like the accent colors or alignment,
or even add a promotional banner.
The cool thing about a promotional banner
is you can let people know when they come to your site,
maybe you have something special going on.
You can get 20% off if they sign up now
or put your phone number up there so people can call you.
You can edit the headline
by typing right in the preview window,
or you can use the pane on the right.
This is what shows up front and center
for all your site visitors.
You can also add the paragraph section as well.
Use this to describe that title a little more.
Tell us a little bit about who you are
or what you're offering.
You can even edit the text on the button,
which is your call to action.
I'm gonna say, "Join us",
and when my visitors click the button,
they should jump down to the subscribe section on my site.
Looking good.
The About Me section shows next.
It doesn't have to say About Me.
You can just put About, or Our Story,
or really anything you want.
Let's click on the about section
to open the pane on the right.
If you don't like the layout, you can change it.
I'm gonna choose this one.
(lighthearted music)
You can change the accent color and alignment.
If you wanna change the title, do that here.
Now you're ready to edit the section groups.
You can click on the group you want to edit
in the preview window or use the pane on the right.
Either way you can use the format bar to format the text.
You can add an image to each section if you want.
I'm gonna do that real quick using stock images for now.
I'll change them out to my own personal images later.
Let's move on to the next section,
which is about supporting my dreams.
I'm not looking for donations,
so I'm going to delete this section.
Just click the three dots and delete
(lighthearted music)
The calendar section shows and lists some upcoming events.
This is useful so those who visit my site
know when the running club is meeting.
Like every other section,
all I have to do is click what I want to edit
and start typing,
or I can use the pane on the right.
Let's edit what's here and add one more new event.
(lighthearted music)
The next section down is a photo gallery.
I like the idea of showing pictures
of the running club in action.
I like this layout where visitors
can scroll through the pictures,
but let's check other options just to be sure.
(lighthearted music)
Yeah, this is the one I like.
Let's pick our accent color
and scroll down to the gallery images
and delete the placeholder images.
(lighthearted music)
Now to add our own images,
I recommend you add your own personal photos.
I'm gonna use stock images for now
but you can add up to 250 images, which is a lot.
I'm gonna add a handful for now.
That looks good.
I don't need any reviews
so I'm gonna delete this section.
Let's move on to the social section.
Clicking on this section, opens up the pane on the right,
and I can paste in my usernames for any of my social sites.
I'm gonna add Facebook for now.
Doing this makes the links available on my website.
I'm also gonna change the title to, Follow us on Facebook.
I can change it again later, if I add links to other sites.
(lighthearted music)
I can change the accent color.
The next section is where site visitors
can subscribe to my emails.
You can change the layout if you want.
I like what's here
and as you can see by now,
it's pretty easy to edit the different sections.
Moving on.
The next section on our homepage
is the, Contact Me section.
This is how people are gonna be able to reach out to you,
whether or not you need to get their phone number,
their name, their email address,
or to have them just send you a little message.
You can choose a different layout if you like
but I'm gonna keep the one that's here.
If you're on WhatsApp, you can add that button.
We're gonna skip that for now
and move on to the contact form.
This is where you tell the form
what information you wanna collect.
I think name, email,
and a place for them to add a message is perfect.
Oh, and I'm gonna flip the toggle,
so anyone filling out the form
can opt in to receive future emails.
We're almost done.
Moving on to the last section on our page,
the footer.
Let's click in it
and view our options in the pane on the right.
You're already familiar with this
but you can change the layout,
change the accent color.
And then, here's where you can add copyright
by your name or your business name,
whatever you wanna put in that section,
or you can just leave it blank.
Same with the footer note.
You can take out the Powered by GoDaddy
or replace it with maybe your phone number.
Customize it to your heart's content.
And then if you wanna add
or link your social media accounts down in the footer,
you can go ahead and do so.
You can even show your site navigation there as well.
Our homepage is now ready to be published
and made available for the world to see.
Let's preview the site
and make sure it looks good on desktop and mobile.
(lighthearted music)
Looks good to me
so let's click, Publish and make our site live.
And that's how you build your homepage.
Now just go share it with friends and family
and start getting some feedback.
You can always make edits or changes
and publish your site again.
I'm Emily,
thanks for watching.
(lighthearted music)