in this video I'm going to show you
everything you need to know to build
your first website with Weebly so this
is a step by step tutorial in which I'll
show you all of the tools where to find
them how to use them so you can
effectively and efficiently build your
first website today now this is a
tutorial for beginners but in the
description of this video I'll have some
notes there for different times if you
are not a total beginner and you want to
jump to a certain section feel free to
do so in the description so let's start
off going to the link at the top of the
description and it'll bring you right
here to a page that looks something like
this so it's Weebly and there's
ecommerce buy square there's different
options here we're going to go to sign
up on the top right and this will be
pretty straightforward they just want
your name and your email so let's do
that right now now there now if you're
watching this video you probably already
selected Weebly compared to Squarespace
or Wix or many others out there and it
is definitely a good choice I like using
ones each one has its own purpose Weebly
is great because you can also have a
free version when you start off but I
really do recommend if you have a
business upgrading to premium is very
very necessary so we'll talk about that
later on in the video
but once you sign up for an account it
brings you to the very next page again I
really like the clean layout right here
so it says do you want to just have a
website or do you want a website with an
online store I will make another video
in the future about online stores in
particular or we can add one if we
really want one but right now I'm just
going to say I just need a website and
I'll show you how we're doing that in
this video so just selecting website
they give you a whole bunch of templates
you can select a theme as they call it
and so there's lots of options at the
top if it's a business a portfolio they
split it into several groups that really
make sense for for most people at least
so you can say if you're like a blog you
probably go with one of these over here
and they definitely kind of arrange it a
little bit more for a blog type setup
now that's not to say that if you you
know choose this one it has to be a blog
if you choose it you could easily make
it a portfolio or a business or a
personal one
it just might require a little bit more
of reworking which is really not a big
deal so for our purposes let's go down
and choose how about this one right here
just a personal blog about food so they
show you what the theme looks like you
can go
through here and kind of click around
and use the website for an example say
there's like an about me it's a personal
type of blog you can go to the blog page
and you can have a contact page and
maybe for our purposes today that's all
we really need to have and for this
tutorial I'll show you everything you
need to know for the other tools as well
if you're making a business or something
else but just for the example let's use
a blog one right here so we can go up to
start editing click the blue button in
the top corner there and this will bring
you into the actual theme so they're
gonna build it for you have the website
ready and then we can start customizing
so the first thing you're prompted with
then is to actually select a domain and
you can actually transfer or connect one
if you already have one I'm not going to
show that in this video instead we'll
just get a brand new one so right here
WWE mike o'brien
is cool dot-com let's just say see if
that's available who knows if it is we
can snag it and so they show you right
there there is a professional domain
Michael Bryan is cool calm believe it or
not nobody took that one so it's
included with a 1 year plan so we can go
down and select this one and they have
other ones as well other domains that
are similar if yours is not available
they suggest a few that are available or
you can just keep looking for it so
that'll bring you to the next page here
and here you can see there's several
different plans you can choose from and
each plan has different features and a
different price associated and if we you
actually want a free one I know earlier
I said you can have a free one so if we
jumped back one step you'll notice that
on the bottom of the screen you can
actually go and select a free one and
you'll continue on everything will be
pretty much normal but when you publish
your site it will definitely be less
professional so you'll have Weebly ads
all over there and you also won't have
your own domain you'll have limited
storage and some other limits like that
so your domain will be like Michael
Bryan is cool weebly.com if you're
running a business you obviously can't
have that but if it's like a personal
maybe a project for school or if you're
just doing it for fun or if you're
looking to maybe have like a wedding
website that's not professional then it
might be fine for you so definitely
check that out but for most businesses
and I recommend actually most websites
in general you probably want to upgrade
here so three plans one thing to note is
the price that they show you is the
billed annually price so you
you save money if you get it for the
year if you want to pay month-to-month
it is a little bit more expensive as you
see on the bottom that's like 50% more
expensive or 30% what ever more
expensive so I recommend you go down and
compare all features so if we go down
they show you them and there's
definitely some big differences here so
instead of just jumping on the cheapest
one right there you'll notice that you
do have to pay extra for your domain
then that might only be 10 or 12 dollars
a year maybe a little bit more they do
all have SSL security which means that
they're all encrypted they're safer they
had a little lock icon on the top next
to your domain a lot of people look for
that if they're going to make online
purchases this is not an e-commerce
store but they still pretty much look
for that when they go to websites you do
not have unlimited storage with the
cheapest one or actually sorry yes you
do but it does not remove these square
ads which is kind of a drawback there
that I find I like to get rid of those
ads so it doesn't say powered by Weebly
on there I think that's kind of
unprofessional so for most people I
recommend going with the middle plan
right here unless you really want to go
with the unlimited one over there when
you have more members or you can have
just some other stuff going on so I'm
going to select the professional one for
this video and I'm making this website
it's not I'm not actually using this
website for anything so while I type in
my credit card information and pay to
show you guys this tutorial please
consider going down and clicking the
like button and the subscribe button and
let's jump back to this in a second okay
so next I want to give you guys just a
full tour of the editor here what the
tools are where to find them and how to
use them so starting off with the top
bar there the first thing is build and
build gives you all everything on the
side there on the left side these are
your tools when you're really doing most
of the work on your page when you're
trying to really build it move things
around make it look good add content
most of that is going to be done in the
build tab and we will come back to this
I'll show you pretty much everything in
here but continuing through we have
pages and pages is a great way to go
through your different pages so right
now we only have four with this template
we have home we have vlog we have about
and we have contact
so with those four you can go into each
one of them so if you click on it it'll
bring you to that page and also brings
up the menu for it on the left side so
this is where you want to rename it or
you can hide it from navigation so
for example if I want this to be about
Mike I don't know same thing really and
if we want this to well first of all
you'll see that if we do about Mike it
shows up in the top right there in your
navigation if you want to hide it and
you don't want that to be there maybe
it's a page that we just want to maybe
only link to we can go and hide it in
navigation and you'll see it disappears
in the top right you can have headers so
you can have if you want a head or no
header or if you want like splash
whatever although let's check out splash
right now different headers you can see
that it just looks a little bit
different I don't know
so for this one I'm gonna say let's add
just whatever regular header we can tap
and edit that later then we can also go
into our SEO settings and one thing with
Weebly is SEO can be a little bit tricky
we'll talk about this more later on in
the video but this is where you can have
like the page title the page description
the meta keywords things like that the
footer code if you're gonna add like a
maybe a pixel or something you can do a
lot of that in here so we'll come back
to that later on in the video now if you
want to rearrange the pages so if we
want to switch like contact and blog
here you can click and drag them switch
them either way and if you want contact
to be a subpage of blog which means that
it'll pop up in a menu below there and
people can go and check that out then
you just click and drag it to the right
and you'll see it disappears from the
main menu there but people can still
access it if they go and check out up
there see how it pops out below that
when you hover over a blog so that's
essentially everything in the pages area
of course you can add another page if
you want and there should be some
options for what the page is like if you
want like a product page or a category
page a standard page most of those you
know should be covering pretty much
everything you're trying to do then if
we go over to theme we already chose a
theme before but you can change the
theme you can change the fonts and you
can change some theme options here if
you want
so not actually that many theme options
there as you can see you do have a lot
of different fonts you can mess around
let's change whatever the default of
that I recommend using as few fonts as
possible while it still looks good and
you want to if you're trying to have
this load fast and rank higher on Google
you may want to look into some very user
friendly or load friendly fonts so like
Roboto or open sans or - very popular
ones so just something to look into if
you want your website to be a
quicker then if we go over to apps there
are lots of different applications you
can get on Weebly here so there's some
that are made by Weebly there's some
social ones you can have some traffic
boosting ones and there's lots of apps
scroll through here and check these out
if you want I don't typically add that
many apps for your average just a quick
online store or just simple you know
when you're first building this website
you might not need these apps right away
so let's go and close this not get any
apps yet if we go over to settings this
gets a little bit more advanced you can
go into some general stuff there
there is also SEO so again for your
general site if you want your site
description and stuff like that you can
decide the editors if you have other
people working on this website you can
choose you know who they are what role
they have and you can see like last log
in there you can have members joining
your website if you have like a members
website some people do that if they have
like a creative content on there or
maybe like somebody has to become a
member and you collect your email for an
email list then just some other options
there you can go down and manage your
apps and you can actually manage some
blog stuff down here and then we also
have help up there if you want to reach
out to Weebly so that's everything
across the top let's go into the main
one as I mentioned before which is build
and actually let's go and build a
different page let's work on the home
page first so if we go to home right
here you'll see that brings home up then
let's go back to build and within build
let's go down and just start looking at
what we have here so if you just go
around you can actually see it's kind of
a strip layout pretty common for a lot
of website builders like Weebly of
course Wix is kind of the same way where
you have options here where this is like
one whole strip right here then we go
down and the whole white area is another
strip and then we go down here and this
isn't another strip so you can add more
they call them sections is what they do
but it's like a strip layout and so you
can add things you can add different
strips you can move these around and so
let's just look at the first one let's
just say if we want this which I believe
is an image then we can either edit the
image we can replace it we can make it a
lightbox which means if somebody clicks
on it it'll come fill up the whole
screen you can you can link it to
something so let's just say if we want
this to be a link we can actually go and
link it to maybe like a website URL
so we want this to link to maybe another
another website or if we want it to be
linking to another page you can easily
do that here and so we should be good
with that so let's link that and we can
go back so that now links out to another
website another domain and then if we go
down this is text right here so the
little text editor pops up above there
so you can change like the text color or
whatever if you want it to be on a redo
and undo but those are the options on
the right and right there
or you can just use the hotkeys on your
keyboard you can remove all the
formatting or what is really common for
a lot of things like down here if you're
writing a blog post a lot of times
people will have certain links to either
different sources as a backlink to
somebody else or a link to another
article within their website so right
here we can go and create a link and you
can link to whatever you want somebody
else's page like I just showed you a
product page a blog post a phone and
email lots of options be creative
whatever your need is it should be very
easy to add links and that's a really
big thing in a lot of websites today so
down here again learn more that's going
to be something that is probably linked
right now and it'll bring you to
probably a blog post or maybe to about
me or something on the top if we go up
to the top left you'll see right here
this is some text right there and this
really you want this to be linking to
your home page this is really everywhere
you go on your header you want that logo
on the top left
I recommend instead of text just making
your logo it's usually pretty easy so
you get the right font and everything
but just link that back to your homepage
so wherever people are on your website
they don't get lost they can click on
the top left and just always go back to
your homepage now as we go down you'll
see that if we really want to move
things around you'll see they have a
space right here they have you can
choose where this divider is so you can
move it over so the way that we bleep
works is not as much like a click and
drag in more like kind of a grid type
system where you have a block and you
put in whatever you want so let's go
over here I'll show you exactly what I
mean so if we take another section and
we click and we want we click and drag
the section between these two you'll get
a nice blank section right there you can
choose if you
wanted to be like you can add a gallery
or a contact menu featured thing a team
thing whatever you want or what I want
to show you is just how to go and add
elements so if we want a title at the
top of this block see there's a little
blue line at the top there you can see
it shows up and you're just going to
drop it and it'll show up at the top of
this block right here so you can click
and say this is a new section so now
let's say we want to add some text so if
we click on text and we drag it down
again it highlights all the sections so
you can see if we want to add it to this
section right here you can see the blue
line popping up above to the right I
mean to the left or below the title so
let's drop it right below the title
there and we'll have some text down
below so we can add some text just
whatever we want right there a whole
bunch of new text there and let's say we
want an image here as well so if we go
down the next thing is image you can
click and drag and here you can see the
image can go to the left of that to the
right of that so if we want it to be
let's just say we want it right between
the two right there we want an image to
pop up right there and we can choose
what image we want we can upload an
image but you can't really resize things
that well what you have to do is
actually add a spacer so if we want to
do that we can go down and add a spacer
as you see right here and let's add it
to the left of this image so there is a
spacer and this allows you to click and
drag and this is kind of how you resize
things so if we want the picture to be
narrower we click and drag that to the
right and we'll have an image in that
corner and then a nice blank space right
here if that's what you're looking for
now if you say you know what I actually
don't want a spacer right there I'd
rather have some text there you can go
and hover over the spacer and click the
red X button right there and then delete
it and this will go back to taking up
the whole snow spanning the whole width
of the website there now like I said if
instead you want something else maybe
you want a map right there or something
you can click and drag this and have
that on the left and then you'll have a
small map to the left of what you have
right there so as we continue down you
can add a gallery or a slideshow and
when you do that you can actually have
different images from your computer you
can search for them favorites this
actually looks a little bit archaic that
looks kind of like a 90s bar at the top
but uploading images works just fine for
me then like I showed you you can have a
map or
there and you can actually adjust your
map settings how far is zoomed in where
it's zoomed into so maybe like your
business address would be a good idea
and then you can have a more advanced
location more advanced display if you
want that so showing the markers showing
the scale map control so zooming in and
out so it should be pretty interactive
again hosted by Google right there
Google Maps is what they're using and it
could be a great way for people to find
your restaurant or whatever your you
know brick and mortar shop is people can
find it like that we can have a contact
form I do recommend contact forms all
the time pretty much they're a great way
to get leads or get feedback or get
emails or you know it's a great way to
get interaction from people who are
visiting your website so if you click on
it you can view the entries you can go
to form options and change what they
type in so you can have like email too
you can have confirmation mashes message
you can have spacing you can change the
button you get a lot of things you can
change the fields you can change what
they are and again kind of the same
layout here where if you want anything
on the left here if you want like
checkboxes you just click and drag that
and you can put that like right up maybe
right above email so we go until we see
the blue line and from the blue line we
could just drop that in right there and
you'll see that you have different
options so contact forms are very easy
to adjust and you'll see all we do is go
up to save and we have it right there
that's our contact form so it'll say
right there it'll automatically sync
with promote let's not do that right now
we can do that later
as we go down the left again we have
newsletter form
we've got buttons buttons are a big one
because they're just essentially a small
image that just does something so if we
want to add it to maybe like right we
want to add it like right down here
let's say we want a button right below
right above learn more let's get rid of
learn more instead have a button right
there
and so this button we could have it say
we could have it say learn more button
text could be learn more right maybe we
want a button instead of this down here
which means we can just go and get rid
of this so if you just hover over them
again click on the X delete that little
link text right there and we'll have
this button instead and the button can
link out to maybe a blog post and we
don't actually have any blog post
right now but it would be right there
that's how you link to a blog post as we
continue down you can change a lot of
stuff with here so here you can see what
they did is in this section they have
three images they have little dividers
right here and you can move where the
dividers are so if you want one section
to be bigger than the other you could do
that and then we have just below there a
little title another title a little
squiggly line and then a button so it's
really easy to make this however you
want and one thing is you are limited to
this width and you pretty much have to
fill that with unless you go back and
add more spacers as I showed you here
sections are the whole area dividers
will make these little things like that
and then spacers will essentially be
like if you want a blank space between
different things you can add different
media so HD video you can add audio you
can add whenever a document a YouTube
video flash or you can add a file and
then also you can go down and add some
ecommerce stuff if you want to have a
store if you want to have some different
things so let's go and check out another
page let's make a new page right here
we're going to make this a product page
and we're going to add products to our
store and so we can do whatever we want
if we want to call this like product
number one so let's add an item right
here it kind of walks you through it so
we could say product number one we can
make it price is like five two dollars
or something and then this is a product
and so we can just choose a lot of
things about this and like I said I'll
show you more of this later on but for
now we're just gonna add that just so I
can show you guys how to do that very
very quickly so we are pretty much good
with this item right here so then if you
just go up to overview and click on edit
website it'll bring you back to where
you were with your website so the build
tab and we were scrolling down the left
side so left side we go down we went
through structure we went through media
we I just mentioned ecommerce a little
bit I don't want to talk about that too
much because that will be another video
like I mentioned before I can show you
how to set up ecommerce with this but
essentially you'll just be clicking and
dragging that over and adding products
it walks you through that fairly easily
then you can add a search box so if we
want a search box
I don't know pretty much anywhere
we just want it like on our title right
here let's say we want a search box we
can add that right there so people can
search on our website I really don't
recommend search boxes it's something
that you saw a lot maybe five or ten
years ago but people are removing them
now because with Google as the primary
directory to getting to websites people
tend to end up at the page they want and
typically your search bar will not
perform as well as you want and may
cause more problems than it actually
solves so I recommend just making a very
easy navigation instead of using a
search bar now let's go down and how
about we want to add something else
let's check out a block quote so a block
quote if we want to add that above these
three you can see right there block
quote is pretty much what we saw like I
believe that might be a block quote
there and it's pretty easy to just add
whatever you want it's just it's really
no different than any other text is just
italic and already centered so sometimes
convenient and you can add surveys you
can add Google Adsense stuff like that
Google Adsense if we want to slap an ad
in maybe like right there you can
authorize it and you can add you know
different things make sure you're signed
up and registered for Google Adsense but
it's a way to monetize your website and
it's a really easy way
Weebly makes for you to just throw ads
in there and make it very easy to use
Google Adsense on your website then we
can also add like a cookie opt-out so if
you're tracking you can add it right
there and people can opt out of your
cookies if your tracking them with like
a you know a pixel or something like
that and then also we can go down and
change things like adding different apps
now there's already one app here because
this is a template that we're using and
obviously they have it set up for that
the next thing that I didn't mention yet
is actually checking out the blog page
so if we go to blog it is pretty
straightforward very easy to do so what
you'll see here is they have some
authors archives categories you can
change the layout of your main blog page
but if you don't have any posts
obviously nothing will show up here so
on the bottom you'll see a little blue
button on the bottom right and it says a
new post click on that and this is how
you create a new post and it should be
pretty straightforward again kind of the
same tools we saw before we can change
like the post title could be how to how
sorry i can't type right now how to
use Weebly and then here you can start
dragging elements so if we want like
some text right there you can add that
and you have so a very straightforward
website builder honestly it's gonna be
just like the rest of building a page
but you're just building a blog post so
you can add an image right there and
then maybe below that if you want to add
some more text you can put that there
if you want the image to be next to some
other text go and just put the text to
the left of it and you'll see that again
it's very easy to build your blog and
make things look really good and you can
have comments on there you can shows the
date and so that's pretty much
everything you need to know about
building a blog and you can go up to the
top right and you can post it or you
could discard the draft you could save
and of course I'm just going to post it
publish this and now you do have a blog
post well I have a blog post out there
on how to use Weebly as you can see it's
like ten letters long I guess but you
get the idea of how you're actually
going to be doing this so you can see
right here that you can actually share
your post then and you can share it on
Twitter whatever you want to do I'm not
going to do any of that right now but
then your post will pop up right here
back on the main blog page so if we
click on that it does give you it brings
you in to the blog post and you can edit
it if you need to and then you can go
and update the blog post meaning like
republish it and let it you know Google
refine it again and people will start
seeing the new one and so when you're
getting started those are really all the
tools you need to add content to your
website but that's definitely not all
you need to know the next thing that I
recommend doing is actually going up
right here and clicking on this the
device switcher and you can actually
switch to mobile view and I highly
recommend this that everyone should do
this as much as possible to make sure
that your website actually still looks
good so you can see that things are
moved around now the map is up here and
we don't have our spacers in the same
place and things just look different and
so it's really important that you go and
check this out because a very large
portion of your traffic will actually
come from mobile devices so people use
their phones as much or more then they
use their laptop I mean comment right
now if you're watching this on your
phone I think there's a pretty good
chance that a lot of people are watching
this on a phone and if not I'm sure lots
of people will be visiting your website
regardless on a phone so definitely go
and check that out and make
make sure that your website looks normal
with this and if it doesn't you can
always go and we you know just revise it
a little bit go back to desktop mode
move things around one kind of drawback
with Weebly is that they don't have the
best mobile editor right there so if
you're trying to edit how it looks in
mobile most of that you'll be doing over
here in the desktop version just one
small drawback but it's pretty easy to
work around and for the most part I find
they do a good job because they're kind
of a block layout here instead of a
random drag-and-drop I find that they
make it pretty easy and they generally
do a good job of translating from the
desktop version to the mobile version
and so that's pretty much everything
that you really need to know here then
if we go down to the bottom right you'll
see this is where you can go and find
some some different tips you can learn
about adding an element right there
removing an element I showed you all of
that in this video but if you need
reminders it is nice that they have that
right down there and then the last thing
you'd want to do is go up to the top
right and click on publish and you can
publish your website it will be
available out there at the domain that I
showed you so next I want to talk about
how you should manage and optimize your
website so once you have all the
information on there go up to the top
left click the X and you'll see this
will bring you to your Weebly kind of
dashboard right here they have a setup
guide in walk you through some basic
stuff we're not gonna look at that right
now but you'll see that it does give you
some information how many sales you made
how many page views how many unique
visits you have and then the setup guide
like I mentioned before is down here for
like connecting a domain setting up like
shipping and tax and stuff like that if
you're selling things publishing your
website and they walk you through a
couple different things then on the left
it does get a little bit noisy over here
as you can see you can go down and have
different options for like messenger or
pop-ups so if we want pop-ups we can go
and click on that and again this is all
a little bit more advanced stuff but
it's a good way to you know have a
pop-up to have an email campaign for
example so you can have it pop up have
people sign up for your email campaign
you can offer discounts you can make an
announcement if you just changed your
website or it's under construction it
might be good to do that or it could be
like I don't know if you're maybe like a
liquor store or something you could be
as having a pop up to verify the age of
a visitor to make sure they're like
over 21 or whatever they need to be so
let's go and check out maybe build an
announcement I'm not actually gonna go
through all of this right now but you'll
see that they do have some different
layout so you can have like when you
when someone gets to your homepage maybe
after some amount of time it'll pop up
and they'll say like hey we've got some
special offers or hey our websites under
construction and you can see what it
looks like on mobile and again you can
see what it looks like on desktop you
can change the settings for it you can
change the frequency of it like every
time I visit or it could be like once a
day once every three days different
options here and it's all really cool
that you can do that so let's say I'm
not gonna save that draft not gonna add
that but it's something that you
definitely want to check out and
consider doing on your website we go to
messenger you can set up Facebook
Messenger I'm not going to do that in
this video if we go down to items you
can see like an item library categories
reviews gift cards this is more like
store based stuff so gift cards or
coupons maybe could be something that
you use right there marketing gets into
some more advanced stuff so if you want
to run ads or have a mailing list or
have you know pretty much any of this
stuff let's go to overview right here
not every website is really going to
concern themselves that much with
marketing it obviously is very important
but specifically more important if
you're doing things like an online store
for example but obviously if you're
doing something like just a personal
portfolio or a wedding website or a
website for you know basic casual stuff
like that and you're not trying to just
grow an audience with it maybe marketing
won't be as important for you so again
down here they have some suggestions you
can add different pop-ups and things
like that it's all a little bit less
important you can go down to insights
and see the overview for your traffic
maybe this is an OK tool I wouldn't say
it's the best tool out there to see how
well your websites doing I typically use
something like a drafts or a lot of the
Google tools out there with their
analytics that can really help to track
your you know your website a little bit
more and compared to other websites but
for basic comparisons and for basic
understanding of what works and doesn't
work and what blog posts work and don't
work it's not bad to do this so guys I
think that's pretty much everything I
have to show you in this video about
starting your first Weebly website
obviously when you get started the
biggest thing is not going to be to know
every single
detail about Weebly it's really just
going to be doing it so like at the end
of this video go out there start your
website and just start adding
information to it start building it and
publish a website so you have a website
out there because the best way to
succeed on the Internet is to be on the
internet so you know sitting back from a
recliner and watching you know lots of
videos and thinking about it and
watching other websites grow is great
but eventually you just have to take the
next step and build your website and I
hope this video helped you to do that I
wish you success with your online
website and whatever ventures you're
doing out there good luck guys thank you
all for watching I'll see you in the
next one
#Best Education Page #Online Earning
online earning,make money online, earn money online, online earning, online earning sites,
make money online free, online money income, earn money online free, money online, best way to earn money online, online income site, money earning websites, best online earning sites, easiest way to earn money online, earn money payment bkash, online money income site
Posts
No comments:
Post a Comment