Welcome to the Webmaster Academy. I'm
your host Michael wood and I am a
Wix Certified Trainer and we're going
to be going over the stand-up comedian
template so stay tuned
 
thank you for joining me here and we do
have a...thank you
for being here
I really appreciate it As some of you
are watching the replay, go ahead and
let me know where you're from
and let me know if are you web designer or you are interested in creating sites for
yourself or for others. I like to know
who you are out there. Please leave a
like or a comment and I really like
these sessions to be as interactive as
possible
let's talk about and let's look at the
stand-up comedian template. In this
template I mean you may not be a
stand-up comedian you might be pretty
funny but you never thought you could be
a stand-up comedian that's fine and you
might ask yourself what is this template
have to do with me well along this
journey we're gonna learn web design and
if you understand the stand-up comedian
template you'll then understand how to
customize it for yourself
maybe you want to just represent
represent yourself and have kind of a
virtual portfolio or way for people to
know when your consulting services are
maybe you're a coach or a consultant so
got to use your imagination a little bit
and get step outside the box and think
about ways you can use this template to
match your business or service and if
you're a web designer this is good for
you to know in case you get somebody who
is a stand-up comedian or an entertainer
and they want you to build out a site
for them so remember that's what these
templates are for the templates are just
ideas for you to build upon so what
we're gonna do right now is go on a tour
of the website itself so here is the
cover page and I want you to notice the
layout we have a menu bar at the top if
I hover over you could see that it glows
blue on the side on the Left we have
actually we have menu
links on the left and on the right so on
the far left we have shows and on the
far right we have contact so that's an
interesting element I haven't seen in a
lot of websites we have our social media
icons here at the top by the way this
template is free just go to wix.com and
sign up there and you could play with
this template and build your own free
website if you want to learn more about
Web Design from concept to automation go
to the webmaster academy at
www.andyjenkins.com
arrow and you get the details of the
venue ok so this is a module we'll have
to fix actually on the back end when you
scroll down you have all about you all
about the comedian scroll further down
and there is a video and this video is
actually being hosted on Wix servers you
can also put your YouTube or Vimeo video
in place here instead or you can have it
hosted with Wix comm also I click on
this arrow and there are other videos to
watch so there's a navigation menu built
right on top of the videos but what's
nice is instead of a lot of thumbnails
it's just one big thumbnail or one big
image and that is much cleaner in terms
of design and then when I scroll down
you have an Instagram feed so not only
you are you asking people to follow you
there's an Instagram feed right here so
when you update your Instagram from your
mobile device this area will be updated
automatically and then you have the
press this is a good section for people
who are talking about your business or
service in this case it's comedy so
these are some of the these this would
link to some of the articles that are
talking about your performances and then
there is the contact page where we do
have personal appearances the publicity
info and the management company people
can also subscribe and you can get their
email address and collect a list of
leads who you can then market to later
using Wix shout outs there is also a
footer down here at the bottom says who
created the site social media icons down
below as you can see the social media
icons are redundant and that's okay you
want them everywhere also as we scroll
down this website I want you to notice
that the left and right menu buttons the
contact and the shows have been with us
the entire time and so as I scroll up
and down those tabs don't leave so
that's a really nice feature in case
people want to just contact you and they
don't have to really find it or they
don't have to even scroll to the top now
this is a long one page design which is
very common especially because it's most
compatible with mobile devices and iPads
and other tablet type of computers where
people are using their fingers to just
slide up it's a feed just like Facebook
or Twitter people are used to that type
of navigation and when you're talking
about mobile devices it's just easier to
slide up and down on the screen instead
of finding the place
to tap your finger and if you look up
here at the top you have this menu where
it says shows about videos gallery
contact but when I click on these they
don't actually go to a different page
what they're going to do they'll
actually just go to a place further down
on this page in fact I don't think that
those are hooked up right now let me see
okay so I sometimes I need to refresh
the page so we're just going to refresh
it here if the interactions kind of
blank out just kind of refresh ah here
we go
so now when I click on shows what it
does is it Scrolls down to that part of
the page okay let's go back up to the
very top if I click on contact
so the page scrolled down automatically
to that place so instead of building a
multi-page website this is a one-page
website but we've built in traditional
navigation at the top so if you want to
start playing and customizing this site
let's go ahead and click on edit the
site
and it's going to ask you to login
so we're gonna go ahead and login
it's now going to open up the Wix editor
now I'm curious to see who's got
questions and denver's here hello Denver
welcome this is a live broadcast if
anybody has questions go ahead and type
those into the comments section I hope
you're enjoying this overview even if
you're not going to be a comedian that's
okay you can learn web design along the
way so now we're in the editor and one
of the first things you're going to want
to change is of course the title simply
double-click and change the name so
we'll just say Michael wood here as you
can see it keeps the same font and
everything in place so you can change
the name your next you're gonna want to
change the image you could either have
yourself or another image maybe you
think there's something that's funnier
so we'll just put this guy this
gentleman in here for now
hey that's not Michael wood but a it's
an image now that's kind of our low
resolution image so you're gonna want to
upload a nice high resolution image if I
go to free from Wix I can actually find
a lot of stock images here and it's okay
to fill your website with stock images
especially if you're working for a
client and then what happens is as the
project gets more approved then you can
switch out these images with more
authentic images so we have stand-up
comedian instead of comedian we could
even change it to a stand-up chef you
know maybe maybe this guy does live
cooking shows this is what I mean when
you get a template it's only an idea
from which you build upon so if we're
gonna go with the stand-up chef we can
change this background maybe you don't
like that that's sort of orange we can
switch it out with an actual image
or just a scenic background and I'm just
giving you some ideas here we can even
switch it out with video so there are
some free videos from Wix com
and if I change this to food and drink
maybe there's a video of someone making
something
and let's see what this looks like now
as you can see the image here is
covering up the video so you may not
want to do a full video but let me just
do a preview just want you to see what
it looks like so someone's making
something we're not sure what it is so
this is where you really have to
experiment and change backgrounds and
find something that's going to work for
you in this case we want because it's a
comedian site or a sort of entertainer
site then we want to call attention to
the person let's go ahead and do a quick
preview here and so I have a video in
the background but it's very subtle and
it doesn't take away from the main image
but it does show some basic animation
and makes the page a little bit more
appealing and what's nice about this is
this website is built using what's
called strips horizontal strips because
if I scroll down I want you to notice
when I go to shows the video is no
longer being displayed because this is
built on strips so this is a strip right
here where we put the video the orange
is one big giant strip and the blue one
is a strip what's nice about building
with strips as we can switch them out
rather easily because you just click on
the strip and we can move the entire
strip here and just simply swap things
out and we can also resize them but the
strip is sort of like a container it's
like a shoebox and we fill the shoebox
with our text images and videos and then
we can move the shoeboxes around and
that tends to be much easier in terms of
design because you can make changes very
quickly without changing the entire
webpage or having everything get thrown
off in terms of layout just because you
wanted to add an
element so we're basically stacking
shoeboxes and that's part of the design
now on this part right here this is the
booking and so to do this we would have
to go to manage event and you're going
to use Wix events if I click on settings
see this is see it says create your
first event this is where I would create
my first event
so here I'll just go ahead and create an
event and now it's going to load
properly so now I can give it a name and
I'll say cooking demos I could go ahead
and add an event a photo I can go to
free from Wix and just find some food
somewhere
looks like so I want a picture of not
just food but someone actually preparing
food I like the salad in a jar that's
kind of cool so
and then we could say learn how to make
salad and in a learn how to make salads
that store well in jars something simple
like that
instead of cooking demo we could say
salad in a jar demos
come join us
okay we can then set the times we could
say time is to be determined or we can
go ahead and set up the times as you can
see just got to click on that slider and
this case we're going to do this at 7:00
p.m. we'll end at 11:00 p.m. it's going
to be a very long salad session we can
decide where it's going to be we'll have
the demonstration at the Mission Inn and
River site and as you could see the
locations pop up automatically and they
load into Google Maps I can now add
details of my event such as you know
things people should bring maybe they
should dress warm some other speakers
that'll be there this will be all about
your event right here and now I'm going
to before I create it there's some tabs
I want to do
and it's asking us to save so I'm going
to create the event okay here it is
salad in a jar demos now let's keep
editing the event let's go to tickets
let's get started we're gonna do you
could do for sale or for free and we can
go ahead and make it free VIP free
tickets now I can only fit about maybe
30 people in that room so we can limit
the quantity and then we could describe
the ticket if we want to and then they
have a ticket policy that's already in
there feel free to make changes but I
usually just stick with the policy
that's already there and we're going to
save
so here we have free VIP tickets there's
30 tickets
raishin form we can ask for more
information if we want it always asks
for their first name their email we
could add more options we can add a
custom question we can ask them if
they've had any cooking experience so
then we know the people coming in there
or how experienced they are then you'll
know how to address the crowd so it's a
good way to screen who's coming this is
the forum preview that's what it will
look like and then you have of course
your guest list and I could actually
invite people to the event so if you
have an email list you can actually send
the invitation out so that's really
handy and under emails this will list
sort of the automatic emails that come
out I can edit the confirmation set up a
reminder and I can notify guests if I
cancel the event so everything you need
to manage your events are built in to
the Wix dashboard alright and then I can
continue adding events let's go ahead
and go with that and as you're gonna see
this this box is going to change to the
salad in a jar demo now when I go to
settings I can now adjust what events or
which events I want listed here so I
don't want multiple events I don't want
all the comedy clubs
I just want my salad demo so see it
reset itself
and it's going to really configure that
was a beautiful thing I did everything
on the back end just click the button
and the web design is automatically done
for us the code is done for us and it's
gonna look great on mobile devices and
on tablets okay so how are you guys
liking this and this is this pretty cool
or what let me know in the box what you
think so far
alright now the other thing is you can
of course change the about page which is
just changing images and changing text
the video page for that you're going to
use Wix video so I would have to go to
settings
and in settings I could decide which
channels or videos I want here
so in waiks video you would develop a
channel you develop videos that are all
in the same subject and I could just
display the channel that way I don't
have to manually add videos I just say
anything from this channel I want
displayed here so I could choose the
channel if I change to webmaster Academy
it's going to show all the videos that
belong to that channel or any video
projects it's going to add the videos to
that channel I do a much more in-depth
tutorial on video working with vixx Wix
video at the webmaster academy so be
sure to check those out if you want to
learn more about how to work with video
ok so that's pretty straightforward and
this is the Instagram feed so on here
you would go to settings
and then what you would do is go ahead
and change the the connected feet so
right now it's under stand up dot
comedian which is an actual Instagram
account I would need to disconnect and
then sign in with your Instagram feed
and you'll see it populate automatically
what's nice about that is you can have
somebody manage your Instagram feed or
you can manage your Instagram feed and
not have to touch the website so that's
really useful if you want to keep a
website that's updated and also gain a
list of followers
the press is these are just simply
images that you can click on this link
button click on link and you'll change
the link to go to the articles that are
talking about your performances or
reviews and things like that this is
simply text just change the text and
then this is a signup form right here so
what I would do is just go to settings
when I go to manage the form I could
decide which email that subscriber is
going to go to so they'll put in their
email address and then I this email that
I put in in this blues box will be
notified that there is a new subscriber
okay so it's always good to know and you
get new subscribers you can also adjust
what information you want collected we
if you want their name you could add it
there if you want their phone number you
could add it there so you can adjust
these signup forms how you like you can
also change the design I can make it
more of a postcard looking design or a
strip or a headline so there's lots of
different options here on how you want
it to look I could change the layout I
can make a vertical or horizontal so a
lot of little changes there and you do
all that from the setting okay and then
we could start building your email list
right there of course all of these
colors can easily change and then down
at the bottom as your footer and
remember always fill in those social
media icons all I do is set social links
the media the social media manager pops
up I can add icons so as you could see
on the left there's all these different
places they have just about everybody
who-who means anything these days
listed so you would add the icon and a
gallery and then you would go ahead
click on that and then add the link to
that social media page you would just
paste it right in there and then say
done in this case I'm going to delete
that say done if there's a social media
icon for an account where of which you
do not have for example if you do not
have an Instagram account then don't
have the Instagram logo on the social
media bar just go in here click on the
Instagram and click the
trash icon and that will remove it from
the list you only want to have active
active I said that twice active social
media accounts not just ones you have
but the ones you're updating I talked a
lot more about social media accounts and
the module three of the webmaster
Academy alright so that's a pretty quick
walk through I showed you how to
customize some of the major elements
what you need to do learning how to use
Wix events Wix bookings and changing the
background let me do a preview I'll show
you it's a video as you see it's a video
there we even have these little
animations on these shapes right here
which is just vector art and they
clicked on the animation icon if you
want to learn more about animations or
anything else that we talked about here
just go to the webmaster academy and
I'll show you how to do each of those
individual elements alright just
checking to see if there's any comments
I hope you enjoyed our time together
and I hope I gave you some ideas on what
you can do for your business or service
and with the stand-up comedian template
from Wix com thank you for joining me
and we'll see you next time on template
Tuesdays or we'll see you at the academy
be sure to like and subscribe if you
want to see more videos like this and
we'll see you again you guys thanks for
your time bye bye
here is go to the web password happening
I'll show you how to do each of those
individual elements
alright this checking the scene is in
the comments I hope you enjoyed our time
together and I hope I gave you some
ideas on what you can
