Play Video

THE WIX EDITOR | WIX WEBSITE DESIGN TUTORIAL 2018

Before you sign up for Wix it may be helpful to learn your way around the Wix editor. In this video I show you the main features that make up the editor, how to design the header and footer, and finally how to design the main area of your website.

CREATE A STUNNING WEBSITE WITH WIX:
http://bit.ly/2nxITs9 (AFFILIATE LINK)

Follow me on social media and let’s connect:
TWITTER:http://bit.ly/2mT9gYZ
INSTAGRAM: http://bit.ly/2iR9m3V
YOUTUBE: http://bit.ly/2jTSqru

MUSIC USED IN MY VIDEOS:
T-Mass & Jaxxtone – Gave To Me http://bit.ly/2qEEhEq
Unknown Brain – MATAFAKA – http://bit.ly/2qB1tUb
Cartoon – On & On (feat. Daniel Levi) – http://bit.ly/2qFBsCS
Warriyo – Mortals – http://bit.ly/2qGbeAs
Debris & Dazers – Double D – http://bit.ly/2qDgnJl
Sekai – Somebody – http://bit.ly/2qC3QWR
Unknown Brain – Perseus – http://bit.ly/2qHOss3
Beatcore & Ashley Apollodor – http://bit.ly/2qCOIs1

Thumbnail Image Credits:
http://unsplash.com

hello and thank you for joining me in this video right now we are in the Wix editor and this video is dedicated to helping you learn how to use a Wix editor to design your own website now to get here you basically when you’re picking a template on Wix you’ll see a view and edit you click to edit and that leads you to the Wix editor the editor is composed of several components let’s get into what they are the first one is the left many of these
buttons you see here is called left menu and it contains a lot of the design features and added functions the top bar here and it gives you the site features pages menu where you add delete and change a lot of the function of the pages in your editor toolbar which edits elements on your page now your website is mainly composed of three parts the header the body and the footer and so to get started here what we’re gonna do is kind of go over the
header first and how you can customize and design your header your headers made up of like your logo your company name and a menu and all these things are you can add and delete as you want and resize what you want so to resize it you would just drag it like this and if you didn’t like what happened you can just undo it and go back to the way it was so don’t be afraid to experiment or don’t be afraid of making mistakes now to change how the order
of the pages in your menu you would go to the pages menu but we’ll go into that a little bit a little in a few minutes if you want to change some other stuff on your head on your on your header click on the header and this is change header design click that and you can customize add a different header here and these are all all tailored to what you currently have so if you want to make that dark if you want to make it some kind of different color
you know you’re free to do that so that one didn’t look too bad and then you of course you can also customize the design of the header that you select now settings you can freeze the header and what that does is it keeps the header in place so when you scroll the scrolling happens behind the header but you can unfreeze it as well so let’s take a look at what that looks like a header frozen so let’s save it and when you save it for the first time
you can name your site I’m just going to keep it like that I’ll change it later and hit preview and this is what as you can see everything goes kind of behind the header there so let’s go back to the editor scroll up and let’s unfreeze the editor and preview what that looks like and as you can see everything goes up the header is no no longer stuck in place okay and so that’s basically how you the functionality of it if you want to change the
name of course just click text and edit text and if you want to add your logo just click there well this one is a text but you’re gonna add a picture if you want and to add anything to it you just click this button and add an image and add it up there so the footer works pretty much the same way where you can resize it you can add pictures or any type of text or if you want to add a menu here you can do that as well so menus are located in the
add section right here and as you can see you get all types of menu styles and even anchors I’ll cover anchors in another video but as you can see you have a lot of different designs for menus which can go in your footer or header so let’s carry on to the editor toolbar here toolbar here so your basically this will edit your your elements you can delete an anima element copy/paste change the position etc and this functions show on all pages an
element you can have showing on pages like this one it’s got yes but if you don’t want that to show on any page you can just unclick that now you can actually get rid of this if you if it’s in your way and I’ll show you how to do that in the top bar here you’ve got a lot of functionality so let’s check take a look at the site so you can access your site manager where you get a lot of the backend of your website site history your dashboard all
kinds of stuff here it’s just good to know that’s there and the tools you can decide what shows up in the editor while you’re working and if you want to get it rid of the toolbar you can just get rid of that if you want to get rid of the gridlines etc you can do that and whenever you want that to come back just click and do that in X out if you want to so another thing you help is just a click away on anything that you get stuck on so I wouldn’t
worry about getting not knowing what to do when you are designing your website now this is a good section for page sections of the body of your website is made of of section by section so like here you have a strip that is an anchor here’s another strip for products here’s another little section I should call them section for just communicating something with your website viewers an About section but you can add and another section that you can
add in your footer in social icons of course you can rearrange everything add and delete so just click the that little circle there let me go back to it make sure it’s zoom out and reorder button is what it’s called you can click on that whenever you want to like delete a section easily or move a section between each other and here are the you can move this section up let’s try that and as you can see now it’s right there you can move it back
down you can duplicate a section and then edit it to look a little different as you want and then you can delete so it makes it easy to add and delete anything you want on your website so let’s get out of this so I’m going to add the gridlines back to make it easier to work with now let’s take a look at the Left menu which are these buttons right here so you have your background the add button the apps you uploads your store and your bookings so
these two least you’ve really we’re not going to look in because for most people if you’re not selling something or you just have a website this won’t be relevant and I probably need to make a an entire separate video for for these in which I will they’re coming so let’s just look into what’s available for the background so the background you can add pictures videos and you can change change to a solid background so let’s do that and remember you
can always undo what you’ve done so let’s do that I’m just going to change strip background click that it’s going to take you to the same thing that was really right there it so I can change it to a solid color let’s say I want that then I can add text or anything like that so let’s undo that and settings whenever you want to get more functionality the image of there you can change the opacity you can change the color behind an image you can add
scrolling effects and change positions etc so there’s a lot of functionality that is available to you for your backgrounds okay let’s go to the add now here is where you can add a ton of stuff images text galleries sliders here buttons even boxes strips shapes etc and each of these like the which is really good it it turns it to a fully functioning website very quickly these are all things I’m going to be discussing in future videos but I want to
show you what was available like you can add your YouTube YouTube videos or Vimeo videos etc you can add music to your website social here are there social icons so just go through here and know that a lot of functionality is just right here in the add button whenever you want to add something to a section etc so that just about covers getting to know the getting started with a new Wix website how you’re going to build it and how you going to
design it like I say you save you can preview and once you’re done designing your website then you can publish it you can publish any time that you want really oh one thing I almost forgot is the pages menu here you can add delete pages in each page you just click these like three dots and it adds a lot more functionality to it too so let’s go over those you can delete it you can hide duplicate rename the page go into the settings in settings you
can hide a page from the menu you can make this your make it your home page then go to layouts you can have no header or footer or standard which is what it’s on you can grant permissions where it’s only a Members Only thing and you can adjust your the SEO for the page so that’s how you access all of that let’s go out of that let’s click done and of course you can too like if you want to make a drop-down menu just take it and slide it to the side
so now that becomes a drop-down under frequently asked questions and you can return it to a page there and as you can see whatever changes you make to the arrangement of the pages it adjust in the menu as well now to here in the menu you can add them in you here and I think they already cover that so I think I’ve covered everything of course if you have any questions about wakes and getting started I definitely leave your questions in the comment
section mr. holeczek [Applause]