Play Video

Introduction To Web Design And Using The Wix Editor

Thanks for watching.

now once we get into the editor it’s a lot that you could do and I can’t teach you every single feature because it will overwhelm you and there’s too many features to just teach in one video so I’m going to do the basics pretty much what you want to do is whatever you want to edit just click on it so let’s say we want to edit this text just click edit text and then you can put whatever you want so let me see we put on I don’t know we are a web
development firm whatever you want to put you get it you get my idea and you could put the text wherever you want you could drag it around so when you want to move the text you just want to click on it and then you could drag it wherever you want to put it and you’re going to is going to be a sharp learning curve with web development but the best way that you’ll learn is by spending hours just practicing and just you know getting your experience
of the more that you play with it and toy with it and and you know get your experience the better that you’ll get because practice makes perfect and web design is it has a sharp learning curve so you know make sure that you’re just putting your time put in all the time that you can into it and you will get better the more time you put into it and down here you could you know do the same thing you can edit whatever you want this to say down here
change it around you can change this photo if you want just click on it and then just click change image and you can put whatever image you want to put there so then when people click on these pages so let’s say somebody clicks on this web page you want to build a page for that let’s go up here and click on pages and then just click on web and then you know edit the page though however you want to look you could put some of your projects that you
are working on some of your private project that you have completed so that your customers can see your work you know you always want to have customers see your work and you know just how ever you want to whatever you want to put on there so I for example you see that this is a slide show and when whenever you want to put the pictures in there of whatever pictures you want to put just click organize images and you can you know upload images from
your computer it’s real easy the thing that I love so much about wicks is that you don’t have to do know coatings you don’t have to do none of that coating or whatever it makes web design very easy you know because ten years ago you couldn’t build a website like this unless you knew how to do out a programming in HTML and writing all those codes so they make it very very simple to use and that’s you know one of the best best things about wigs let
me go back to the homepage when you want people to click on this web right here and go to that page you got to click on it and then put right here link to click on link 2 and then it’ll have the page and then it have your pages right there didn’t this click on web and that’s how people could click on it and go to that page but you can also link link stuff to like like a web page like let’s say you want to link something to google com or whatever
any other thing so that’s good to know you can also put a video right here so let’s say you want to move this up move that up a little bit just for this example move this down move that down now you can put a video right here I know you I do is click over here on the left hand side and click Add now you can add an image text whatever you want to add gallery but click on media and then click video and there you go you got a video that you can put
right there and it could be YouTube video you know any kind of video that you want to add vimeo whatever kind of video so that’s good to know you can also add SoundCloud or music if you want to put that on there to iTunes button Spotify player all different types of media that you can add and one of the all other cool things about wicks is that they got what’s called an app market so app market is just different tools that will make your website
better so for example let’s say you want to add comments on your website where people can comment that’s app that you can add or gift subscribers is an app that you can add for getting people’s email address so when they give you the email address you can email them whenever you know you do update or something like that you can do a contact page you know browse through the apps they got all kind of X and they got a social app to where you can add
you know your Facebook Twitter Instagram you can display your social media feeds all different kind of apps I don’t need to go through all of them but like I said before the more that you just go through this and play with it the better that you will get so don’t worry if you just starting off and you overwhelmed and you new to it all you don’t know nothing don’t worry everybody started from scratch you know so just play with it take your time
and don’t rush it you know just just take your time and just learn and then when you want to edit your settings let’s go over here on the left hand side and click on settings the site address is just your domain name so like up here is wix com that’s dado name domain name or site address and i’ll show you how to purchase a domain name in a minute in the next video anyways SEO is Google that’s how you rank in Google so that’s just like let me
click on that that’s just like your keywords for your website you know your site description this is we this will be will pop up when uh people search for you on google these keywords is what your site is about that will help you rank higher on Google so that’s what SEO is social settings is like your facebook username and stuff like that you know pretty simple statistics oh you can get google google analytics which is pretty much it shows you
all the people that are coming to your site like it are they coming from europe are they coming from Africa wherever all different types of analytics that you could you know use and your favor con or favicon is like the little thing up here you see how it works out this little blue thing up here that’s what the fabric on is so that’s what all your little sentence is and I mean it’s pretty much that simple I mean all you really got to do is just
toy with it and you know move things around play with stuff the more you play with it the better you can learn I mean a 10 year old could build a website nowadays and that crazy to think about so I just want to teach out how to get started just you know get familiar with the editor and like I said before and I will always tell you the more did you play with it the better that you will get and eventually you’ll become an expert and another thing I
want to point out is over here where it says design you can change the background if you want you can change the colors in the fonts and uh let’s say you want to change the background all you gotta do is just click on the background that you want so you could let’s just say we use that one for example you can change the background app you want to even though the template you can still customize it however you want it to be and you could you know
change it change it all if you want to but anyways I want to point that out and when you want to add more pages to your website or your idols click on at and you know just just go through everything on your own time and you will learn more and more you know this barge is going through stuff another thing I wanted to point out is editing your mobile so that people can go on your website from the phone all you wanna do is go up arrow on the left
hand side and click on mobile editor and then now you can edit on you how you want it to look on people’s phones so you know you could move this around whatever you want to do with it um you know move this around however you want to move it there that I whatever put you know the menu wherever you want to put a menu and just you know however you wanted to look on the people’s phone because you want to make sure that it is ready for people’s phone
so i just want to show you how to add to and if you want to start with a blank website you don’t want to use a template just go up here and just click on blank templates and you can just start from scratch with a blank piece of paper pretty much and just design a website how you got it in your mind and then your vision alright so i wanted to show you how to edit with a blank piece of paper or blank template because you don’t want to always use
templates for all your work because you want to be versatile and the best way that you’re going to learn how to be a developer anyways is by using blank you know blength pieces of scrap starting from scratch on blank templates so that you can learn all the different features and it’s not are already all pre built for you anyways i just want to go through a quick cup of basics the one thing that I would stress to you a lot is the power of boxes
you boxes for a lot so let’s say you want to own you know create some on the bottom of your your your website to get in touch with you so click on shapes and lines and then click on box most people underestimate the power of boxes but let’s say our so let’s we’re gonna use this box let’s change the color of that real quick so click on change style click personalize this box now you can just click whatever you know whatever kind of you want but
we’re gonna change the background so let’s change the background so what’s just change background of that this example now put click move the footer now what we could do is now stretch that out now we stress that out so now what you can do is add some text to that add text so we just use whatever kind of text so now we got some text in here now let’s make that text white so that we could see it okay now you can have like I don’t know about us um
contact us you know all the different things that you want to put at the bottom or whatever you want to put but i just wanted to show you how how effective that boxes could be because i didn’t i didn’t learn how important boxes wasn’t till way later you know i was editing for a while before I realized the power of boxes and how you can use them for so many different things so I just want to give you a little tip in a little pointer so always use
boxes whenever you know I’m saying whatever you can because they can help you out a lot anyways let me see adding the menu it’s two ways you can add a menu the first way is by using a box like I said or strip so click on shapes and lines over under at click on shapes and lines and you can click strip so a strip is pretty much as a long box so you want to drag it up you could leave it down here if you want but I would have just attacked it to the
header so just click drag it up in there now you see where it’s clicked on where it says show on all pages that means it’s going to come up on every page of your website and that’s what you want because it’ll be like a menu anyways so now which one do is add some text you can click add text and then you could you know put it however you want to put it you could put on I don’t know home whatever sections that you got your website so you get to do
like home and then I don’t know about you know all the different little stuff that you have on your website two different pages you have now what you could do is what you want to do is click on this click on these texts on the text now highlight it and click this right over here where it says this little link click on that now you want to put that to your page to the home page and they like you got created about page you were created about what
you want to do the same thing for the about all you got to do is just highlight it and then just click on the link and you want to don’t want to be underlined so click underline not that’s a link not when people click on that home it’ll bring them to your home page and you can do that for all other pages too and I already told you how to add pages just click on pages and add pages but anyways you know then you can add your background design it
however you want to design it and this will be the best way to learn is to just use a blank page but I have seen people make money off of using templates like a friend of mine he used the template to design a real estate website or nose construction he used a template to design a construction website and he got paid 1200 hours for that just by using the template because the construction person don’t know nothing about no websites and they don’t
know that he’s using wicks and how easy it is so they’re gonna pay that 1200 anyways i just want to show you oh yeah let me show you the other way to do a menu let me delete this so that’s one way that you can add a menu the next way is by clicking on buttons and menus and then click on menu or you can also add a paypal button too if you want to collect payments but that’s if you want to or not anyways click on menu and then this would be a menu
right so you want to drag it up here and I don’t like how big that is so let me let me make that smaller now what you want to do is add more pages in the more pages you add it add to your menu so for example let’s add an about page page let’s add about right about so we’re just say this is your little about page order the dog whatever now what you could do you see how I add it right to the menu automatically now what you could do is you can
customize your menu to be any kind of colors that you want this by clicking on the settings and change style and do how if you want to do it well let’s say that you want to put it where people could see other parts of the menu when they just hover over so I’m gonna show you example what I mean so let’s create another page right so let’s just create about another about page just for this example now what you want to do is slide that about right
under under the page so let’s say that you got a store right and you got I don’t know men’s clothes you can have it we’re under diabetes uh hoodies there are other stuff so let me show you what that looks like when you preview you can click preview right up here now when people going about their gonna have that other page right there you see it i’m saying so that’s what i mean when it when it you know you can it’s called a drop-down menu so
people could click on other parts of that page without having to go to the page oh I’m doing my best to explain it but I’m sure y’all know what I mean when you see that’s how you add stuff below the different parts of the menu you just got to drag it under that part anyways you will learn more on your own and by just doing this and like I said always will say experience is the best teacher I’m gonna say that always but anyways the best way you’re
gonna learn just by playing with it for hours just staying up late nights or you know putting your time into it and just just you know playing with it just practicing with it and that’ll be the best way that you can learn I’ll learn everything just from you know nobody taught me just from teaching myself just from scratch da da da da you know and just being creative that’s the best advice I will also give you as be creative and have a vision and
always think outside the box always think of ways to to solve things think of you know always be thinking of different ways to you know have a solution so anyways I just want to show you how to start from scratch on a blank template and I just a little couple pointers or whatever I thought that I was done but I’m not done I want to show you our real quick two more features that’s real helpful the first one is adding email click over here I add
and scroll down and click on apps and I’ll click Subscribe form now people can add their emails you can put this wherever you want on your website but now people can add their email so that you can send you you can get their email address and build an email list and your email this will come up in your home page on your home screen where all your websites are like your dashboard and that way like let’s say you want to promote something to
somebody or you want to get a word out to a thousand people at one time you can just send it to them all that once so this is a very helpful tool to use also another tool that I wanted to show you all is how to add a members only page where people have to enter their password and an email address like pretty much you can have members on your site so let’s say you want to you want to add a page where only want members to see so let’s click on
pages click at click page and then let’s just say we’ll just say blank page right now we’re going to name this are we going to name this page members only so this could be any page that you want only your members to see and what you want to do is click right here where it says protect page now when you click protect page that means people will have to enter an email address see right here where it says restrict to strike site members or you can
click add password protection either either way but click restricted site members now all you people will have to enter their email address and a password to enter that area of your sight so that’s how you can also gain people’s email address and build members so I just want to point out those two features real quick because those are two of my favorite features and last but not least if you have any questions what you can do is go up here to the
top are your screen and click on support and the help center is so valuable I can’t even put it into words but anyways if you got any questions as acts and then they’ll have somebody answer for you and they already got pretty much all the questions that people have already axed answered right here and they got almost every single topic to deal with wix and they got all different kind of valuable information so this resource is very very very
valuable so make sure that you use it if you need it