WIX Tutorial for Beginners [COMPLETE WALKTHROUGH]

hi there my name is simon and in this video i'm going to show you step-by-step how to build your own website from start to finish this is a complete tutorial for absolute beginners so even if you don't know anything about building website by the end of watching this video and following along with it you'll be having your own professional website set up and running this video is sponsored by wix which is the website builder that we're going to be using to build our website today wix is a very popular website builder because they make it very easy to build and maintain your website but at the same time you get a lot of customization options so you can pretty much build any website that you want to doesn't matter if you want to start a blog build a portfolio website or build a website for your business now in this video i'll walk you through everything on my computer so you can easily follow along and set up your own website while watching this video the goal is that at the end of watching this video you'll be all set up and ready to go with your new professional website i'll leave timestamps to all the steps down below in the video description so at any time you can come back to this video and re-watch certain parts and if you find this video helpful make sure to give it a thumbs up so that more people can find this information so with that being said let's get into the video all right so let's get started creating a new website again this video is designed so that you can easily follow along and set up your own website alongside watching this video so i'd highly recommend you just follow along because that way you'll get the most out of this video if i talk too slow or too fast at some point just change the speed of the video on the bottom right of the video screen or you can just always go back to certain topics or pause the video and then watch when you're ready to go on to the next part now we want to make sure to all start at the same place so what you can do is just go to the video description down below and click on the first link that you find there or just go to the top of the url if you're watching this from a mobile phone maybe and just type in medics medicsmedia.com forward slash wix website and then uh you make sure to actually start at the same place as i'm starting here uh because this will take you to the wix side where we can start to create a new website so this is uh what the screen should look like maybe they change the image sometimes in the future depending on when you watch this video but all you got to do is click on start now on this button and that will take us to the account setup of wix which is the website builder that we're going to be using in this video so here on this page you just type in your email and your password and then click on sign up right so here in the next step wix is going to ask us a couple of questions about what kind of website we want to build now all they do this for is so they can recommend a couple of templates to you later on so actually if you don't want to give them these answers all you can do is just click on skip on the bottom right but for the sake of this tutorial i'm just going to go through it real quick so let's click on let's do it and let's choose i want to create a site for let's say myself and it should be a let's say a business site but obviously for you if you want to create a blog or a fitness site or a designer site you choose whatever this applies to you i'm just going to choose a business site and let's say i have never done this before again it doesn't really matter what you choose here because all they do is they recommend specific templates to you but you can choose any template you want eventually now here in the next step what you can do is choose the adi website creator which basically artificial artificial intelligence creating your website all you have to do is just type in a couple of um answers to some questions about your site upload your logo and all that kind of stuff and then wix will create a site for you now what we're going to do in this video is create our own site so that we have full control over what we are creating so i would highly recommend to actually go with this option right here and not choose the adi editor unless you want to create a site in like 10 minutes but eventually you don't really know what you have created behind the scenes so i would suggest you just go through this option and follow along with this tutorial so we're going to click on choose a template here and that will open up the templates that wix is uh suggesting to us for what we have given them as an answer so as you can see here it's pre-selected to business and services so we can see these templates here but again you can just choose any kind of template you want so maybe if you are into sports and fitness you want to create a website for sports and fitness just choose it up top here and then go through these templates and what you can do is you can always just click on view and then you can see a preview of this template how this website will look like when you choose this template you can also click on view full demo and then you see at the website kind of as it looks like as a visitor so here this would be an example for a fitness center i think and then you can also scroll down you can see how the text looks like how the content is appearing you can also go through these different menu items on the top here contact login and all that kind of stuff so um you can also look at a mobile version so you want to make sure eventually that your website also looks good on mobile so i would suggest you also check out the mobile version of your template and the cool thing with wix is they have pretty much optimized every template they have and for mobile as well so there's not a lot of work you have to do eventually to make it look very nice on mobile as well but let's actually go back and another thing you can do here is to really find the best template for your specific website that you want to create um you can just type in let's say we are a fitness coach so type in fitness coach and then they will give you the exact templates that they suggest to you as a fitness coach so you see tennis coach financial coach so pretty much everything related to coach and you could probably easily change this tennis coach template to a fitness coach template you can also type in maybe something like coffee shop and then see what they have for this specific um topic so tea shop coffee house as you can see they have tons of different templates so to kind of limit the amount of design work you have to do eventually so as an example for this video what i'm is i'm going to do a let's say a coaching and consulting website and i'm going to let's say i'm going to choose this template right here i think this one really nice it looks um very clean as well so this is exactly what i'm going to use for this tutorial and again the colors don't worry about the colors you can always change the colors eventually in the editor later on and pretty much all the background images and all that kind of stuff you can change it as well and so let's go ahead and click on edit this site on the bottom top right and that will take us into the wix editor so now we are inside of wix website builder where we can start customizing everything about this template that we have just chosen as a basis for our website and just start designing our website um to the website that we want to build for our business or whatever we want to build our website for now before we start changing anything around here on our website pages i want to quickly give you an overview of this wix website builder and i'm not going to go too much in detail because i think just going through each menu here is very boring and i think the best way to learn is just to build your own website learning by doing and you'll get familiar pretty quickly with this website builder as it's one of the easiest ways to build your website now here in the top left you have a main menu which probably not going to use a lot but over the course of this video i will go through some of these menu items here so you will get familiar with with some of them the most important ones but i'm not going to go too much into this menu right here because mostly you're not going to use it much then here on the right side on the top you have the save button which is something i would recommend you do each every couple of minutes when you do something just save it and the autosave is on but sometimes it just takes too long to auto save and you will lose work that you have done on your website so whenever you can remember just click on save then you have the preview button which is the option that you can use to preview your website which is very useful so let's say you change something here on your website and you want to see how it looks like as a visitor so all you got to do is click on preview and then you will see how your website currently looks like for a visitor you can also use these different menu items here just click on them and you see each of the pages this is actually fully functional you can also go to the chat box and start a chat so the publish sorry the the preview button is a good way to see um how something looks like that you have just added to your website and then you have the publish button which is something that we will do at the end of actually creating our website because once you click on publish then people will actually be able to go to the url of your website and they will be able to see your website and navigate through your and as long as you if you don't click publish then the changes that you are making right now aren't live yet so let's say you are public you have your page online and then in a month you come back to this wix editor and you want to change some things around so you can easily do that because as long as you don't click on publish then the people will not see the changes yet and then once you think okay this is the new version you can click on publish and then the new version will be live so how do we actually navigate through each of these pages that we have on our wix site for this you're going to use this uh drop down menu right here so right now you can see we are in the on the services page when we want to go back to the home page we just click on the drop down menu here go to home and that will take us back to the home page so that's basically how you can change each page just go to the drop down menu go to the page that you want to change or design and then it will change it and you can change the things around here um the next thing that is interesting is this one right here so we have um the desktop view which is the view that we usually use to design our website or just do stuff on our website the desktop view but then once your page is finished you want to go to the mobile view right here and make sure everything looks nice on mobile as well the cool thing with wix templates is they have already optimized every template for mobile so there's probably not a lot that you need to do but as you can see here a lot of things are different on mobile so if you click on preview you see that the menu is kind of so uh with these three lines it's kind of a drop down menu and you could you also have other options here on mobile so you have the scroll up icon right here so as you can see the experience of your website on mobile is a lot different than on desktop and as most of the traffic nowadays comes from mobile and you want to make sure your page is optimized for mobile as well and over the course of this video once we are finished with our site we're going to go into the mobile um view right here and we're going to make sure to optimize everything for mobile as well and then you have these buttons up top here so you have the undo button this is when you want to undo something so if i would drag this up here and then i want to have it back on the bottom then i just go to the undo right here and then it will snap it back to the original position you can always redo it as well to put it up there again but you're going to use the undo button probably a lot then we have to zoom out and reorder um option here which will take a further perspective to so you can see your website kind of from a macro view and this is very useful uh to kind of uh change these sections around on your website so most website you'll probably know that they are kind of built in certain sections so mostly there's a header on the top a footer on the bottom right here and then in between there are these sections so this is a very easy way to build websites and on um on wicks they are called slips sorry strips so as you can see here this is a strip and when we go to this view we see here this is the first strip the second strip the third strip and the fourth strip and we can also change these strips around by just hovering over the strip and then go to the right side and click on move up and then this contact us strip will be above the about us strip let's do undo this again you can also duplicate strips and then design it from kind of use this as a template but i usually use this view to just kind of uh move things around here on the website and then when you go to exit mode this is the mode that you actually use to kind of start changing the text around changing designs around on the strip itself so that's very useful as well then you have the tools on the top right here as well i usually just untick the toolbar because you something you probably won't use a lot when you're building websites um so i untick this but what do what i do is i take the rulers because i think this is very useful um so the rulers is just uh the width of your website and the height in terms of pixels so as you can see here i've already added a center grid line as well so the the width of our main website is i think 980 pixels so what i've done is i added a grid line here in the middle all you have to do is just click on the plus sign and then it will add a grid and i added this grid line at 480 pixels so you have a center grid line which will make it a lot easier to center objects on your website later on when you start to add elements so this is very useful and obviously these are grid lines so you want to turn these grid lines on as well and something else that is quite important is these two gridlines that are kind of as set up as default are very important because everything you put inside of these two grid lines will be always visible it doesn't matter window what kind of a desktop people have what kind of window size they have this content will be visible everything that you put outside of this grid line will not necessarily be visible so you want to make sure to put all the content inside of these two gridlines and then let's go back to tools and another thing that i would just turn on is the snap to objects because it makes it a lot easier to just align everything on your website because if you have this turned off and you want to move things around here you don't know when it is really centered in the middle but when you have this turned on right here then it will snap automatically as you can see these magenta lines it will snap automatically to the middle or you can also snap it to text above or the bottom so you can really easily align every element of your website so this is the setup that i would keep here for the tools and then on the left side right here you have all these different menu items that you'll be using a lot when building your website but because we're gonna go through most of them anyway while building our website over the course of this video i'm not gonna go through each of them right now so let's now dive into the fun stuff and actually start building and customizing our website now the first thing that we want to take a look at is the color theme and also the font of our new website so we go to the left side here and click on theme manager then as you can see here there is a default theme already set up for our website um for every template wix already have has default themes and you could either go ahead and change each of these colors right here to your branded colors maybe you already have a branded color scheme so you can just change it right here or you could just click on change theme and then choose one of the other themes that are available for this template so you could just go through here and then see how this theme looks like for this specific template so let's maybe choose this one right here and as you can see here this is like kind of a gray grayish theme and if you want to really check it out we just go to the top right click on preview and maybe go through some of the pages the about section the project section and see if this looks nice in our opinion and i think it looks pretty good so let's go back to the editor and let's keep this theme for now and that let's move on to the font so let's click on text which is just below the colors right here and as you can see here you can choose a font for each different type of text on your website so you have five different heading types or six different heading types actually and three different paragraph types and by default it's set up that each heading is a is the font rail away and each each paragraph is open sense so what you could do is just click on heading one and then change the font right here but um so again if you have like a branded font you can just change it to your own um font that you kind of use for your business or you just can't keep it or you just choose whatever you think looks nice the only thing i would recommend is that you don't use more than two or three fonts max because the more fonts you use on your website the longer it will take for your site to load which is very bad as a user experience and also google will rank your website not as high if your pages take a long time to load and also it will just not look professional if you have a lot of different fonts on your website so in this case i will just leave this font right here but if you would want to change it just change it for each of the headings and each of the paragraphs so let's say i would change this to arial then i would change heading 1 2 3 4 5 6 all to arial and so i keep having like only two fonts so this is quite important and then once we've decided on our fonts and on our colors for our website we can move on and change the background the main background of our um website because uh this this website right here you don't really see much of the background on this page and maybe if you go to the about page oh no i think the background right here is actually white so this white that you see in the background here this is the background and if you go to the uh this square we can change that so you can either put in an image or maybe upload an image and put it in there so if you go to image and then we could either upload media right here or we could go to media from wix and then you can just choose any image that would make sense for your website so let's say this is a consulting website so maybe we find some nice backgrounds for consulting uh we just type in and then maybe we can choose maybe we can choose this one right here consulting on tablet change background and then as you can see it will change the background right here but obviously it doesn't look very nice because there's just too uh too little contrast to the to the text in the front of the page so to solve that problem we can go back to the background menu right here and then go to settings and here's where we can maybe change the image opacity to maybe let's say 10 and then as you can see the contrast of the elements on the top on the front of the page are a lot better uh readable than before you can also go into these settings right here where you can change pretty much everything like at the contrast the the saturation and all that kind of stuff right here so you can change the contrast the brightness and pretty much everything so if you want to do that you can go into that menu as well but i think it looks pretty nice so it's uh the the background looks professional and you can read all the elements in the front then what you want to do is go to apply to other pages and then you can apply it to maybe all pages or you could just apply to specific pages so maybe only the home page or the services page but in this example what i'm going to do is i'm going to just apply it to all pages so i'm going to click on all pages and then the background will be the same for all pages so that's it apply to other pages and we can go out here so now that we have set up the basics of our new website we want to go ahead and customize each of the pages um of our website so to navigate to our home page because we're going to start with our home page first we're going to go to the top left side and then click on home and that will take us back to our home page so what we're going to do is we're going to go from top to bottom so first i'm going to adjust the header then each of the strips right here and then eventually we're going to go and adjust the footer on the bottom so let's go ahead and start by adjusting the header so first of all you want to probably insert your name or your logo on the top left right here so this right now is a text element and i want to put in an image actually because my my logo is a jpeg or a png or something like that so i'm just going to right click this element and then click on delete and then it just it's gone so what i'm going to do is i'm going to click on add on the left side and here is where you can add all kinds of elements to your website and probably on your own time you just want to go through each of these items just see what's possible on your website because wix has tons of customization options and just a lot more than i can cover in this video but right now again we want to put in our logo which is an image so i'm going click on image and then i'm going to go to my image uploads because i have to upload this specific logo and then i've already uploaded a couple of images right here but probably for you this is empty right now but what you can do is just click on upload media on the top left and then click on upload from computer and just make sure to just drag in all the kind of images videos and all the kind of stuff that you want to put on your website which will make it a lot easier in the future because you don't have to upload it every time you want to put something on your website so if you know that you want to put in a couple of images just upload all of your images at the same time and then it will be in your media library right here and you can always just choose them this way so right now i want to put in the white logo so i'm going to choose this white logo click on add to page on the bottom right and that will insert my logo into the canvas so obviously this is a bit too large so i'm gonna make it a bit smaller by just dragging it down a little bit maybe like this a bit smaller like this and then you can just drag it to the position that you want to and you see these magenta lines here on the top these are kind of trying to help you to snap the object in position so they they kind of match the overall symmetry of your website so let's just drag it so it looks good to you and i'm going to keep it like this and now we have inserted our logo another thing you can do is just put in a link to this logo that goes back to your homepage because the header this one is what people will always see on each of your pages so it's very helpful that people can just click on your logo and then get back to the home page so i'm going to do is i'm going to hover over this element go to this link icon right here and then you can link it to all different kinds of things you could also link it to an other website or maybe your social media whatever and but i want to link it to a and i want to link it to a the home page which page home and it should open in a current window perfect click done and now i could click on this uh this logo and it will take me back to my home page again we can always test this out by clicking on preview and then go to about then go to again manx media and then it will take me back to the home page and right now by clicking on preview i see that this logo is a bit too too low down so what i'm going to do is i'm going to go back and i'm just going to go ahead and drag up a little bit maybe like this again go to preview and as you can see it looks a lot better now okay let's move on to the menu items right here so by default we have these different pages in the top menu the about the services projects clients and contact now when you want to do probably not everything will apply to your website so what you can do is click on this element click on manage menu and that will open up this menu right here what you could also do is go directly to this menu and it will open up your site menu first thing you can do here is just um just drag these up and down so for example if the first thing that people should see here on the left side is let's say services you're just going to drag these services on the top and then you will see the services right here now maybe you also want to hide different different pages right here so let's say we want to hide the the projects so i'm going to go to projects going to go to the three dots right here and i'm going to click on hide and that will hide this specific page and people won't find this page anymore now when you want to add a new page all you got to do is just go to this button right here where it says add page and then you can either choose from a template here on this side or you can just click on blank page and then it will add a new site so a new right here and let's give this page a name let's say this is a blog and click done and now this page is automatically in the top menu again if you want to put it out of your menu just go to the three dots click on hide and then it will not be visible anymore so that's basically how you can adjust the top menu and again for adjusting your new sites all you got to do is go to the top left side and then go to whatever side you want to adjust okay so what you see right here is basically for a website where people can create a membership account um because this website should be a very basic website i'm just going to delete this because i don't want people to be able to sign up on my website so i just can delete this here and then i'm going to drag this to the right side and then we can get rid of this login icon so this is pretty much it for the header now let's move on to the first strip now this this image that you see right here is obviously not our background image this is a specific image specifically for this first strip so we just click on change strip background right here and then let's maybe change it to something more relevant like i said let's say we built a site for a consulting um consulting firm so let's click on and then we're gonna look for an image that is um suitable for what we want to create so i'm just gonna type in consulting and see what kind of images wix is offering me here i think this one would might fit quite well let's choose this change background and that will change the background of this first strip right here i think this looks pretty good so i'm just gonna keep it like that okay let's move on obviously you can change change to text right here if you want to maybe uh change this text you can just highlight it type in whatever you want to here um i'm just going to keep it as it is but maybe you want to insert a button on the top of your website because that's something um that is very uh kind of a call to action on the topic for website is very useful most of the time so let's put a button just below this achieving growth text right here obviously there is no space so we have to kind of drag things around a little bit so maybe let's see we can just drag this down a little bit make this image a bit larger as well and then just drag this down a little bit as well and now we have space for a button so again to add a new element we go to the left side on the plus sign and now we're going to add a button right here and what i would recommend is to choose a themed button because those buttons fit to your new to your color theme that we have chosen before so we're going to go to we're going to choose this button right here you can just drag it in and now as you can see here it will snap automatically to the middle because i have created this middle grid line right here and you can also make this a bit larger by just dragging it out okay center the button then you want to change the text to let's say contact us and maybe also then we want to also add a link so when people click on this button then something should happen obviously so in this case what i want to do is i want him to go to the content section so all the so all that has to happen is it has to scroll down to this specific section so i'm going to do is i'm going to click on the button then i'm going to go to a link and then you have different options so you can link them to a web address you link them to a specific page on this specific website or to a document email phone number lightbox what i'm going to do is i'm going to do the anchor which is something that maybe you haven't heard of but it's a very cool feature here so i'm going to click on anchor and then i'm going to click on contact because we've already put an anchor on the contact so we click on done and then what will happen is it will automatically scroll down to the content section as you can see here this is the anchor and if you want to um let's say if we would make this say about us and we would want it to go to the about us section about about us and then we would obviously want it to go to the about us section so what we have to do is put an anchor right here so how we do this is we go to the plus sign then we go to menu go to anchors and then we just put in an anchor right here and obviously we can change the name of this anchor to about about us and then when we change this button go to link and then we um change this anchor to about us click done and now when we go to preview on the top right when people click on this button it will automatically go to the about us section now the same thing when people click on contact right here this is also connected to an anchor they will go to the content section this is kind of different than these these buttons where it will open up a completely new page it really depends on what you like to do what you can do is also have all the content on your home page right here and then just put anchors uh to every kind of part of the website and then have these links here go to the different anchors that's really up to you so let's move on to the next strip or the next part of our home page and obviously you can just delete anything that you don't like for this home page or you can add new sections so if you don't like let's say this part right here all you got to do is right click and then click on delete and then it will just delete this specific section now when you delete something there will be a hole inside of your strips right here and the easiest way to close this hole is to just go to the zoom out and reorder button and then you want to just drag this bottom strip to the top one right here and then it will kind of fill this gap then click on exit mode again and then you will be back in your editor so let's say we want to change around this about section a bit maybe we want to add an image of ourselves so we're going to click on add then go to image and go to my uploads right here i'm going to add an image of myself add to page then each element you can just adjust the size right here and obviously we have to change the size of the text the the brackets of the text as well and then i'm going to change this um you can also again you just click on each element and then you can see all the different options i would suggest you just go through each of these options and then see for yourself what you can do and let's say i want to to um i want to crop this and make it round like this cool so again i'm not going to go through each of the options that you can do with each element because you have so many customization options it would just be too boring for this video but one thing i want to show you is the get get text ideas option so when you don't really know what to write about yourself you can click on get text ideas and then type in the industry uh let's go back here type in the industry right here that you that you are active in so let's say we are a consulting agency and then we want to create a text about um may want to create an extended about click on create text and then it will auto generate an example text that you can choose for your about us section so this first option would be your business name offers the comprehensive capabilities of deep industry knowledge or this business was founded in 1981 with a single mission so depending on what fits your what you want to do the best just click on use text and then it will automatically put this text inside of this text box and you can still change all the uh all the words around so this would be medics let's say medics consulting so again i think this feature is pretty nice to get some inspiration about what kind of text you should put on your website now let's say we want to add a new section or a new strip below our about a section and before our contact us section so in order to add a new strip what we can do is click on add and then depending on what we want to put in there we can just go through each of these options we could for example put in a slideshow through the interactive menu here or we could just put in a video or maybe another form maybe uh there's just so much so many things you can put in but for example let's put in a slideshow so let's choose this and then it will automatically put in a new uh but now it's actually put the section below the contact us page but the contact us trip but i want to put it below the about us section so again i'm going to go to the zoom out and reorder and i'm going to put this one click on the arrow and then it will put it just above the contact us section and once in a while you want to click save again and then obviously you can change you can change all the different settings of this uh slideshow as well so you could click on manage slides or change slide background you would maybe want to choose this one then you go to the next slide then you're gonna choose this image um obviously you can change your text as well here and this looks actually pretty nice when you go to your website and you have these slideshows set up and people can just kind of slide through these um so as you can see tons of possibilities um i'm going to also show you how to add a video so let's click on the plus sign click on strip then go to classic and add just a white strip right here and again just put it on the bottom so i'm going to go to zoom out and reorder i'm going to put the strip one uh point one stage above go to exit mode and then i'm gonna put a a video right here so i'm gonna again go to add as you can see the add menu we're going to use a lot because every time we add something we're going to click on add then this time will be a video so let's just choose video upload and we can just drag it in our canvas we can center it a bit like this and then you can change the video you can obviously put in a youtube video or you can upload a specific video so whatever you want to i would recommend to just embed a video from youtube or from vimeo because then you don't need as much space on your website and then when you click on preview uh people can just click on this video and then it will start playing on your website okay so let's move on to the next trip which is the contact us strip um here if you have a local business i think it would make sense to just include this google maps um widget right here but what you got to do is you got to make sure that it's actually your real address so you got to go to manage locations and then put in the address of your actual business so that people see where you are actually located and then you also want to make sure to change this address right here and that's pretty much it now when people contact you through this form then you will get a notification and you will see this inside of your dashboard so i'm going to quickly show you where you see the new people that actually type in their information here so i'm going to quickly save this page and then i'm going to go to settings click done go to settings on the top left and then i go to my dashboard this is where you see an overview of all the different settings for your website and now if we go to the left side here where it says customer management um let's click on customer management and then we're going to click on form submissions this is where you see people that have put in something inside of your form then you can go get back to them email them or whatever you want to do with those leads that came from your website now another thing i want to quickly talk about is this little chat box right here so if you if you want to have this feature you can just leave it on so um let's go to preview and when people go to your website and they click on this icon then they can start chatting with you so they can say hello uh hello there and then you can get back to them using this chat icon but i would suggest that if you don't have any staff that is able to do this for you or you don't have time to do this just just delete this uh this chat icon um entirely because otherwise people will just be annoyed because you're not getting back to them and so you could just go to right click and then click on delete but again you'll see the messages that people send you inside of your dashboard inside of the inbox right here so here you can see that um i was just contacted by yeah by this one hello there so somebody just contacted me so i could just type hi and then you could just chat with the customers or with the visitors on your website so but for now i'm just going to delete this because i don't want to have a chat icon on my website and that's pretty much it for the homepage let's move on to the footer so here what i would do is i would just change i would just delete this um wix uh wix uh advertising right here and change this to 2021 and by james consulting let's change this to our name medics medics consulting and then you also have these social icons on the bottom that you can have there or if you don't want them just delete them but what you want to do if you have them is you want to actually link to your social media accounts so click on set social links and then you can click on facebook icon and then just put in your facebook link so right now it's set to wix but obviously you want to put in your own facebook page so it would be medics media for in my case uh you could also add new icons so add icons here on the orange button and then we could also add maybe our um our youtube channel let's see where is the youtube icon right here add to gallery and then obviously we would have to add a link so i would just type in https youtube.com medics media click done and again done and now when we go to preview and we click on the icon on the bottom it will take people to the youtube channel so that's how you can customize each of the pages of your website all you got to do is add strips and then you add content or elements to the strip and you customize each of the elements now once you're finished with your home page what you want to do is do the same thing and customize all the other pages that you have set up as well so in this example i would have to do the same thing for services about clients and contact and basically everything that i've set up here the pages for my website so i would go to services and make sure everything is set up here change the text change the images and so on now once you're finished setting up all the pages on the desktop view what you want to do is you want to also go to the mobile view and see if everything looks very nice and professional there as well so click on the mobile icon right here and that will open up the mobile editor now again everything that you will change here on the mobile editor will only affect how your website looks like on mobile um so let's go back to the home page for example you could um let's say we want to um take out this strip right here where there's a video and we wanna we want to not show this on mobile so all we got to do is click on this little hide icon so hide section and then it will not be shown on mobile but if you go back to desktop then you will see that this video is still there so that's a very cool thing now um i think this looks pretty good and maybe like for example okay so this logo is a bit off so what i would do is drag this to the left side drag this up and then make this a bit smaller and then it looks already looks a lot better then maybe this also needs a bit more space so what i would do is just drag this drag this down a bit okay i have to do it like that drag this down give it a bit more space for our button make the image also a bit larger drag the button down a little bit like this so you can see what i mean you just drag it around to make it look very nice for mobile as well and also you do this for every page so your home page the the services page the about page and so on okay so let's say now we are done creating our website let's go back to the desktop view and we're ready to publish our website now to do that we go to the top right here where it says publish and just click on publish right here and as you can see um this website is now published and live online which means that people can actually go ahead and visit your website right now this here is the url of your website so this is where people would need to go to see your website and you can click on visit site and check out if everything works you can check out the different sections the different menus right here and as you can see right now the url kind of looks ugly because right now it says medicstutorials.wixsite.com forward slash my site now you could change the my site to whatever you want to but the wixside.com is something that you will not get out of the of the url unless you connect your own domain to your website and unless you just want to play around with building website i think you really need to put your own domain on your website because otherwise it just doesn't look professional so in order to get our domain or to assign our domain to our newly created website we have to go ahead and choose a paid plan because you have to choose a paid plan in order to be able to connect your own domain now i'm going to quickly go over the plans that wix is offering and also give you a recommendation about what i would choose for your website so in order to see the plans we have to go to the top here where it says upgrade and then we're going to go to compare plans and then we want to make sure that you are on the website plans because they also have business and e-commerce plans for people who want to build an online store but that's not really what we want to do with this website so make sure you are on website plans now um what you need to do to connect a is this connect domain plan which is the cheapest one they're offering now um i would actually not go for this one the reason being is that they still have the wix ads on your website when you go for the cheapest plan so you would see still see this this site was designed with wix.com blah blah blah which also looks very unprofessional so what i would highly recommend is to at least go for the combo option right here which is probably more than enough for most people you don't need to go for the unlimited plan unless you want to um right now they have a discount going on if you choose the yearly plan you get 50 off so if you want to go for the yearly plan it might make more sense to go for the unlimited right away but i would go for the combo one because then you get a free domain for a year you get you can use your custom domain you get rid of all the wix ads you get ssl basically you get this with all uh with all the plans and you also get two gigabytes of bandwidth which should be enough for most new websites and then once you see that you need more bandwidth you can upgrade to this unlimited plan um which then will be probably uh also more than enough so in this tutorial i'm just going to go ahead and sign up for the combo plan because that's the one i recommend and here is where you can choose your billing cycle so and depending on how serious you are with your website you want to go for either the monthly the yearly or the two-year plan if you know that you will use this website for two years at least anyway i would suggest you go for the two-year plan um if you don't really know if this website will be the website that you're going to use for your business or for whatever you want to create the website for then i would go with the monthly plan because if after two months you decide that you don't want to have that website anymore you will be locked into the yearly payment so for this tutorial i'm going to choose the monthly plan because this is just for demonstration purposes and i don't want to actually pay for an entire year and then you're going to click on continue to checkout and by the way you get a 14 day money back guarantee on all premium plans so even though even if you choose the yearly plan and you then you decide that you still you don't want to use the website you can just send them an email or contact their support and then you will get your money um refunded to your credit card or however you paid for your plan then here you have to type in your credit card information your name and all that kind of stuff and then click on submit purchase all right and then the next step is to actually connect your domain so it could be like simonconsulting.com medicsmedia.com fitnesstips.com or dotnet or whatever you want to for your business um i would choose a domain that has dot com because it just looks more professional and more legit and if you can't get the com i think the dot net or the dot co is okay as well but and the best case scenario is that you can actually get the dot-com domain now if you already have a domain you can just click on this button right here where it says connected and then it will walk you through how to connect your existing domain basically all you have to do is change the name servers of your registrar from your domain to the name service off wix but if you don't have the domain you can just type in your domain name right here that you want to go for let's say i want to choose medicsconsulting.com so let's see if this is available um search and cool it is available so what we could do is we could go ahead and get this domain so click on get it and again here it's up to you what you want to choose if this is a domain that you know that you will be keeping for a long time you can go for the three year plan because you will be saving us some money or if you don't if you aren't sure yet you can go for the one year plan which is a bit more expensive but it doesn't really matter too much so because i don't really need this domain i'm just gonna go for the one year plan and then click on continue then on this step you have to check if all the contact information is correct and then again click on continue and then here i would highly recommend that you actually activate the private registration i know it is like 10 bucks a year but otherwise you will got you will get a lot of spam emails to uh in your inbox and people will be able to see your your address and that's something you don't really want to so i personally i'm not going to register register any domain without the private registration or without the um the privacy protection set up so i would highly recommend to just choose this one right here and then click on continue then we have to submit the purchase right here and that's it now wix will assign this domain that we have just gotten to the website that we have created before so there's nothing more that you have to do to actually assign this domain but you probably have to wait a bit because sometimes it takes a couple of minutes or even longer until this domain is assigned to your website so now you can close out of this page and get back to our website editor the next thing i want to do is i want to go over the general settings for your website in order to get there we have to go to our wix dashboard for our new site so to get there we go to the settings on the top left and then click on my dashboard all the way on the bottom and that will open up the dashboard off your website where you can see all all kinds of informations basically about your website so you have analytics so you can see how many people visited your website you have different settings and so on i will go a bit more in detail later on about the dashboard but right now we just want to go to the bottom left where we see settings and then we want to go through the general settings that you see right here as you can see we already connected our domain and the next thing would be our website so let's click on website settings and first of all we can change the name of our site so let's say this is my example site then i'm also gonna as you can see here this is our new domain that we have just set up so maybe let's let's try if this actually works already so let's just paste it in here and nice it works so as you can see we have a very nice looking domain ssl protected we have our website set up right here all the pages are working perfect now um the next thing you want to do because actually when we go back here you can see that we don't really have a favicon because when you go to the wix side this little logo that you see in the top here that's the favicon and for your site you also want to have a favicon which is optimally your logo so i'm going to put in a logo right here so on the general settings what we can do is we can go to the favicon section click on upload image so let's change let's choose this m logo click on choose file and then click on save and now let's go back to our site once it's loaded let's go back to our site and reload this page and as you can see here now you see this m favicon on the top so that's the favicon now let's move on to the next step here you have the social share image which is the image that will be visible when you share your website on facebook or when other people share website on facebook so i would recommend to also just upload an image it could also be your logo or something else so i would just take this one again and then facebook doesn't doesn't really matter site history here you could restore all the versions of your website if you want to if you mess up at some point but that's pretty much it you want to make sure to click save then we can go back to settings again and then go to business information you can fill this out on your own again you have to insert your logo your name maybe a short description and your contact information and so on just fill all of this out and then go back to settings um language and region all the stuff that you fill out here it will make it easier for your website to rank as well so i would choose that i would recommend to actually fill out as much as possible in the general settings right here um if you would if you have multiple people working on your website you can also click on rules and permissions and add the people that are also working on your site or administrating it right here now really the last thing that we need to do for our new website is the seo seo stands for search engine optimization which basically means that you're trying to optimize your website for the search algorithm so for google for yahoo for being all the different search networks you want to optimize your website so that people can actually find your website through these search engines and the cool thing with wix is that you don't need to know anything about search engine optimization and they will help you and setting up everything for your website so to do that we go to marketing and seo on the left side and then click on get found on google you will get to the seo wiz that's the so-called seo um it basically helps you optimizing your website for google so we're going to click on start now and then you just want to follow along with whatever they give you here so first we have to enter the name of our business so that would be let's say medics consulting click on next then do we have location let's say we it's it's online we don't have location next uh how you would you describe your business here we have to enter three keywords for our business so let's say consulting um let's say we are social media marketing or let's say um social media media and marketing so uh try to find the keywords that are most relevant for your business so if you have a photography portfolio you would use photography for example and so on and then click on create seo plan and that takes us to our own seo plan for our new website so all you got to do here is go through each of these steps and do whatever they ask of you so everywhere where you see a green check mark this is already done so perfect and everywhere where we see this exclamation mark the red exclamation mark and this needs something to be done so the first step is to actually connect your site to google so click on connect to google and once you do that it will be indexed in google search and people will actually be able to find your website through google then the next step is set the home page title for search results so open the tab and read exactly what they want you to do so the current seo title is home example site which doesn't make sense at all what they recommend you put is consulting um consulting medics consulting or social media medics consulting or marketing medics but basically you're free whatever you want to put there on um on the title for the website so what you could do is click on copy and then go to editor and then it will open up the editor and it will show you exactly where you have to set up this title for your website so as you can see it automatically opens up the home page and then goes to the seo and the seo settings so you can do this actually for every single page here just go to services then go to seo google and then you can change the title so we actually want to do this for each of the pages so let's first do it for your home page click on seo google and then we can change this to marketing medics consulting then you would want to go to services page and also go to seo google and also change this to services um let's say medics consulting so you want to make sure every single page has a specific title so that in google uh it will be easier to find or google will be able to rank for your relevant keywords so that when somebody types in um what services does medics consulting provide then this specific site will come up then once you're done here you can go back here and click on refresh and then once everything is done then this will be a check mark obviously i haven't finished everything on the site right now so this isn't a check mark already but once you've done that you go to the next thing add a homepage description in for search results so again we have to go to the editor and then we have to add a description right here so home page description um advanced settings sorry seo google here type in something medics media blah blah blah and then again uh click on obviously have to save it probably that was the problem then when we go back and maybe maybe refresh this as you can see now it is a green check mark and we can move on to the next thing so again here's the description you want to put in a description and then just go through each of these steps until you're finished and that will optimize your website for the google search engine and when you're done setting up your seo settings you basically have a fully functional new website if you haven't yet started your own website make sure you click the first link in the video description and start your website today if you found this video helpful make sure you click that thumbs up button because then a lot more people will be able to find this information and if you want to if you still have any questions obviously just leave them down below in the comment section also if you want to see more step-by-step tutorials about how to build website how to do email marketing all that kind of stuff make sure you subscribe to the channel or also take a look around on my channel because i have already tons of tutorials for all kinds of marketing tools for online marketing and make sure you check that out and with that being said thank you very much for watching and i look forward to seeing you in the next video