How To Build A Website in 16 Minutes (Wix AI Builder Tutorial 2024)

hey my name is Mike and in this video I'll be showing you the easiest and most effective way to make a website and this works well if you are a business making a personal portfolio maybe you have a fundraiser whatever your reason for making a website is it doesn't need to be hard so in this video like I said this is the best and easiest way to make a website and we're going to do this in just about 15 minutes we're going to Leverage The Power of AI and one of the most powerful and popular website Builders out there being Wix to get started we're going to go over to to my laptop all right so we're going to go to sandal media.com swix and don't worry if it looks a little bit different from this you should see somewhere that says enter your email address and then a button that says start now so I'm going to enter my email address then we can choose a password and then for this it doesn't actually matter which one you choose I'm making one for my business this does matter we're not going to do Wix Studio you want to continue with Wix instead it's very important you do this Wix studio is a little bit more advanced and then here it's very tempting to start this I'm going to set up without the chat I just found it's a little bit too buggy for some reason whenever I do this I end up with a blank page when I get to my website so let's start without the chat we're going to choose maybe the example here is a a surf shop I'm just going to make a surf shop that's the website I want to make so I can just type in maybe like a surf instructor uh maybe surf surf instructor right there there we go so we can say continue and that'll bring us to the dashboard now from here we're going to get a popup that says tell us a bit about your business we're going to choose a name and an address so perhaps we're Nantucket surf Supply say continue and the next question is what hours are we working so let's just say every day of the week and maybe 6:00 a.m.

To 6:00 p.m. let's say we work kind of a lot and then we can choose the services now depending on what your website is like if you are an online store you might not have this but because we're having Services uh it suggests some that we can add and we can customize these in Greater detail later so right here let's just say maybe we can scroll through they're not going to be related to surfing we're going to rename them but pick ones that make a lot of sense like a private lesson makes sense oneon-one maybe you have like a package where somebody can do this multiple times and maybe the third one is going going to be I saw it somewhere on here equipment inspection there we go so maybe they can bring in their surfboard and our our experts are going to fix it or something like that then we can say continue and now we have the the staff members so I'm going to add my name as one of the instructors and so people could potentially book different coaches here and what else do we want with our business so I do want to accept payments in person as well as online I would like to have automated emails and SMS reminders so people are not late or skipping their appointments and I want to make sure that we have uh the ability to manage this on the let's continue to the dashboard now we're going to have a popup here that wants us to get a domain as well as upgrade don't worry about any of that right now close out of that and we're going to go to design site the button on the top right now we have two options I'm going to go with design based on AI so on the left we're going to click on that and it's going to walk us through a couple different questions and it's going to generate a site first just based on our name although we will be able to customize it with the different prompts on the left in just a second so you can see we have a pretty rough start to our website right here not exactly what we're looking for but we do need to customize all these little blue phrases on the left side so starting off with our site profile we have the name of course but we have to add a logo for example I'm just going to upload a logo I made in canva uh just a little quick free logo I made and then we can add our site description as well and of course our contact info down here so once you have all that click on apply changes or actually wait no we want to add these Social Links as well here so you can add your Instagram your your Tik Tok whatever and keep in mind each one is basically just instagram.com FL and then whatever your username is so for me Mike O'Brien we can add one again for Facebook we can add one for YouTube for any of your socials that you have and it'll be very convenient as you're working throughout your website so I'm going to add YouTube right here Sandell media and maybe we're going to add a Facebook by the way I recommend every business gets at the very least a Facebook business page and an Instagram business page I have a tutorial on how to set up both of those I'll link those down below all right now we're going to have the same thing pop up again but we do have our site profile set up now so it's regener ating the website great now we're making progress moving in the right direction here at least we have a logo and some more relevant details you can see site structure is going to be what you want on your homepage so if we want to have maybe an about section we want to have testimonials we want to have an Instagram section and then down here what other Pages do we want on our website maybe I do want an about page and a contact page and now it's going to rebuild the website again version three including all of those different pages that's our site structure all right so we have site profile structure and description now we just need the theme and the layout starting off with the theme this is really going to be the fonts the colors the transitions things like that so by default it gave us the one that was a bold style sand sah font and stuff like that so we can either type in different things here or generate a new theme or just Shuffle the colors that they currently have so maybe I'll say please change the primary color to a bluish mint color let's just say that and see what it does it's not really going to interpret that as a human wood but it should shift it a little bit more to some shade of blue usually is what I've been seeing like uh let's see what we get all right a little bit more light blue gray all right so like I said it's not going to do exactly what I said not a bluish mint but it is a light blue gray by the way we can customize all of that later on very very easily it's just kind of good to get an idea of how to kind of push it in the right direction right now now we can change the layout so again you can either just generate a new layout or Shuffle this layout around if you kind of like it a little bit this one is not a terrible start but there is a lot that I would like to change about it all right so now we're moving in the right direction here I like this one a lot better it's still not not perfect but I think this is really a great start for us it already populated a lot of the the photos and the text I think there's a lot we can definitely use here so I'm just going to go back to the brief and continue with this design now before we go and edit this we can actually get a domain I recommend doing this now it prompts us now it makes sense to do that mine is uh let's see if we can get an anet surf Supply I might have used this in a previous video let's see if it is available it looks like it was taken so I'm just going to say Nantucket surf supply.com it is available just easy to get that domain I recommend a shorter one than that but now we have to choose a plan you could just buy the domain you're not going to be able to connect it but I like I said I recommend getting the plan anyway it'll give you a free domain for a year there are four different plans most websites are totally fine with the light one the smallest cheapest plan available unless you're doing more e-commerce stuff but because core is cheaper they have like a promo going on right now it seems I'm going to go with core in the future I can always downgrade to light if I want I get the free domain so it makes sense for me to do this I'm just going to go with this one right here now as far as the billing plan goes you only get the free domain if you get yearly or two years or three years you could like if you do monthly you're not going to get that free domain and you end up spending like three times the price per month so uh yearly just makes the most sense to me for this one so I'm going to continue to check out then we just enter our payment information and submit the purchase and again you could always continue with a free website on Wix there's nothing wrong with that but I generally only recommend that to anybody who is doing it for like a school project or if you're just doing it for fun but for just about anybody else I really recommend getting the upgrade here so you don't have the branding so you do get the storage so you have a professional domain it just makes a lot more sense now we can enter our contact information to legally register the domain now we can choose if we want to have private registration it's an extra $10 per year or public registration the difference is if somebody goes to who is they can find your personal information unless you do private registration this is very common practice to do this I would recommend getting private but again you could always save the $10 if you have like a physical business and your information is perhaps not private at all and you don't care if anyone else knows that now we can submit our purchase of zero doar and it's prompting us to get a professional business email I'm I recommend doing that eventually but don't bother with that right now let's close out of this tab it'll bring us back to the previous tab we were on which is the Wix editor so if we just kind of reload this you should see our domain show up at the top there instead of like the my site.

Wix thing let's see what it does right here and I'm also going to show you how to do everything in the editor yeah there we go so the new domain is there and now kind of a quick rundown of this editor with is using what's called a section layout so everything highlighted in this light purple here is the welcome section usually the different sections have different backgrounds so this is a section this is a section down here and each section has your settings on the top right so if we click on that it outlines the whole thing in a darker purple we can move it up or down we can do quick edit that'll change the background the title of it on some Bas basic contents within it of course uh this is something you can do for every single section let's close out of that go down to the next one now if you want to resize this one here on the very bottom you see this little arrow this little arrow right here if we click and drag that up or down that'll resize this section and kind of extend the same background if we do it on the one above us it it extends that one above and so we can make this one a little bit longer we go down here maybe we want more space above feedback and reviews we can drag it down the dark green gets a little bigger and same thing down here just kind of space out the website a little bit more now on the left side if we want to do anything else with sections there are a lot of tools over there but if we click on ADD section there are a lot of pre-made sections as well as an AI generator too but if I go down here and let's just say we want to add maybe testimonials a testimonial section let's add it somewhere I don't know if we have one yet let's add it towards the bottom of our website so right around there if I click on testimonials in the left side testimonials and say maybe I like this one I can click and drag it just drop it onto the website and now it has like we have a testimonial section all you have to do is change the different elements within that so that brings us one layer deeper we have all these different SE sections and within each section we have a bunch of elements so this one right here we've got a title we have some text below that and if you click on any one of them you can move it around simply by clicking and dragging so we can move it over there if you don't like it you can just click the undo button and it brings it back to where it was and of course we could resize it we could double click on it and change the contents of it uh there's a lot of things we can do with this so double clicking it let's change what it says maybe we're going to add our title right here our business name n Tucket surf Supply company and then down here we can add like a little tagline maybe we were like voted number one or something like that let's say we were voted number one there we go and now let's make this font a little bit bigger so the controls are on the right side of course you can make it bold or metallic or whatever very familiar controls I think a lot of people are used to these let's make it centered and of course we could resize this as well and you'll see it kind of snaps on with these magenta lines to different things on our page now another thing you'll notice something between sections and elements is actually going to be what we have right here these little strips they're essentially containers that hold different things so this one right here has two different images in it uh we can move the entire strip around and it's just easier to move kind of multiple things at the same time for example these two titles at the very top the title and the text they're both in one strip you can click and see the outline is a strip right there and we can click and move drag this around wherever we want higher and lower on the page and it just moves both of them they're kind of grouped together it's an easy way to think of that now if we want to add other elements we click on the little blue Plus on the left go to add elements there are a ton on here I'm not going to go through all of them in this video but of course text image button let's say we want to add a button to this page maybe so let's say right below the title we want to add a button that says book now just encouraging like a call to action high up somebody goes to the website they can book their lesson or their rental right here now the first four buttons are based on your theme so when you change your theme which we will do change some of the colors that'll change the button as well it keeps it within the theme I think that's very important we could resize the button and if you double click on it just like every other element you're able to edit that we can change what it says to book now we can change the icon we can choose a link and this can link to a number of different sources of course you can go to a section on this page you can go to a document an email anything else and let's just say we want to go down to the service the services list section on this page so I'm going to say done next up let's talk about editing our site design if we click on site design on the left we can choose a bunch of different themes and these are just a combination of of colors and of course fonts as well and transitions so let's say maybe I really like the technical one right here it changes some things and we're going to have to kind of tweak the website but I like this a lot better than what we had before so I can go with this theme click on back and for any theme of course down here you are able to change the color the text the page background the page transitions let's go to the color and say maybe of the four accent colors I want to change this one right here and I can you know I have a full hex you know I can change it however I want let's say maybe that's the color I'm looking for and maybe it's green I want it to be a little bit more of like a teal or something I don't know something like that now we have these four colors now if we click on it again that makes that go away and we can go back to editing this we need to kind of change the font size a little bit so that it actually fits all in one space here and I'm still not really happy with this first section I want to change the background of it I don't want it to just be a color I'm going to add an image and I'm going to delete the two images down below that so if we go over to section background we can change that you can see other colors it just doesn't quite look right I'm not really happy with that so let's click on image now we can change this section it's stretched right now I'd rather have it just fit in the middle of the page I think that looks a lot better so it's centered all the time and now I still don't really like the background I chose this kind of ocean picture washed out I'm going to change it again find one maybe more related to surfing if I click on image we can look up surf uh surfing and uh based on the Wix ones yeah this one looks awesome this is exactly what I'm looking for I'll change to this and I know this is going to be a great website look at that okay so now maybe make the section A little bit longer and look at that now we're getting somewhere now we're really getting somewhere with this website that is exactly what what I want to see on the top of this website down here I can change the background of this we could make it again maybe like a color it could be a gradient for example now we have the first two sections pretty much looking good we can save it and at the top you'll see switch to mobile this is a really important button because you actually have a separate mobile editor it copies the desktop site but then you can tweak it a little bit to make things look good on mobile devices which is honestly going to be probably more than half of your website visitors so right here we can customize the header I think that looks good we can have our our quick actions on the bottom I'm okay with that as well and do we want to have a back to top button I don't really think I need that so I'm going to say no it's kind of a short website and we can go to the mobile editor now within the mobile editor we're able to move things around so if I want this text to be a little bit lower I could just click and drag the strip down I think that looks a little better just some more head space up there a little bit less claustrophobic and then as you scroll down if everything everything looks good then there's nothing else you need to change but you can make a slightly different website here so again save it preview it publish it click on view site you can see your entire website right there I'm going to close out of this and go back to the desktop editor now going down the left side some other things to know on the on the very top we have the pages so we have all these different pages the about page the contact page if I just click on about we can edit this all the same editing tools we had before additionally going further down we didn't talk about the app market yet if you click on the little four four dot array this is the Wix app market I recommend checking out the Wix ones in particular they're the most optimized most of them are free some of them like you pay a little bit for but you've got cool things like a pro Gallery if you are a photographer and you want high resolution photos you can have bookings on here you can have a Blog you can have online programs like maybe a course for example a members area you can have videos file sharing a restaurant ordering thing like you've got a lot of different apps that Wix has available so it's not always in your face you only add them if they're relevant to your website these are just ones that like I said maybe the restaurant one I don't know maybe they have a fee for that I haven't checked all of them but a lot of them are just free to add and you're able to use them just natively on here but there are a lot of non- Wix apps as well in this Wix app market for example MailChimp or a lot of other email marketing softwares you can get ones for like running ads on Tik Tok or Facebook setting up your pixels like that there's a lot of great options you have available so that's a crash course on how to make a website with Wix I think it looks pretty good right now I hope you found this helpful if you did I recommend checking out our full tutorial it's 1 hour long and I really dive into details on how to set up your business email how to set up your search engine optimization so you rank on Google how to add different apps like really a lot of nitty-gritty things that really would be the next step but this is a crash course like I said in about 15ish minutes on how to make a website using Wix we did that I think it looks great it's up and running it's on the domain and I wish you all the best of luck with your website so leave a comment below let me know what your website's about and any questions you might have thanks for watching I'm Michael Bryan with santal media and I'll see you in the next one

Affiliate News