Wix Website Design: Build a Professional Website From Scratch

1. Introduction to Course: If you can build stunning professional looking websites without writing a single line of code and without paying a developer hundreds of dollars. And that's exactly we are going to learn in this course. Hi, my name is Sad, and I'll be leading you throughout this course. With over ten plus years of experience in building the websites for businesses, freelancers, and personal brands, I have designed tons of websites on WIX and I've trained hundreds of students on how they can build their online presence, especially by making their beautiful websites or their portfolios. So I basically know what works, what don't works, and what can save you Rs in creating your website. In this course, we'll start from absolute zero. You will learn to create the WIC website portfolio. You will learn how to set up the WIX account, choose the right template or start from the blank Canvas. Then we will start designing the pages that look clean and modern on both desktop and mobile. We'll cover all the aspects of creating the beautiful website, especially for brands that considers layouts, fonts, colors, images, and galleries according to a specific theme. Also cover it further. We'll see all the basics of SEO so that people can actually find your website. We learn how to finally connect it with a custom domain and finally publishing your website for the world to see it. So this course is perfect for business owners, freelancers, and all the individuals who want to make your brand identity by creating a professional looking website, or even if you're a person that wants to earn money by building beautiful websites for clients. You can learn to do all of that within this course. And don't worry. You don't need any prior experience to learn you just need a computer and an account that you will create on WIX. So by the end of this course, you won't just understand WIX. You will have a complete professional website that's live and ready to impress. So let's build our first website together, and I'll see you in the next lesson. 2. Setting Up Your Wix Account: Guys, to get started with the WIX website creation, obviously, you need a WIC account. So that is free, and this is very easy to access. All you have to do is just head over to Google and right here WIC like this, and you will be presented with www.wix.com. This is the official website to create a fee website today as you can see. So let's click on it, and it will present you a beautiful screen where it shows you how you can create a website without limits. And this is a little blue button right here which says gets started. And if you check out the layout of this website or design of this website, it's simply beautiful it shows you how many options you have to create a professional website with just a few clicks, and it has explained all the beautiful things that you can do in this particular platform. So you will be presented if you want to sign in with thewxs.com, you have the option to sign in with Google as well. But let's explore these options later on. Let's scroll up, and let's click on this blue button right here which says, Get started. So let's click on that. And again, you will be presented with the login screen where if you want to just continue with Google, you can do that. And if you want to use an email or password for your professional use or for your company email, you can type in here as well. But let's just continue with Google for now and let me choose one JML ID. Let's say this one. And let's click on Continue. So once you click on that and you proceed further, it will ask you that you creating this website for. So if you are creating for a client or you are a freelancer, you can tick here. Otherwise, if you just want to practice or just want to create yourself, and for your business or friend, you can just tick that and click Continue. And this will open up this one that you can bring your ideas to life with AI, tell us about the site you're creating and get personalized dashboard with everything you need to manage it. So that's pretty amazing, guys. They have implemented the AI. You can just start what your website is about. You can just start the chat and write about it. So for example, my business is a coworking space, so you can start chat and write about it. But otherwise, if you want to set up all by yourself, just click on Setup without a chat. Here it will ask you again, what type of website that you want to create, whether it's an online store, portfolio, blog, and consultant, restaurant, whatever. But I believe all of you are from different backgrounds and want the website for different purposes. So we will not specify what type of website do you want to create. We want to create all by ourselves from the scratch. So let's skip this part. From the corner right here, you can click on the skip button right here. And it will prepare the dashboard for you. Et me just turn it to the full screen so that you can see and experience it properly. And now it is asking you what would you like to call your website? Right now, I don't have any website name in my mind, so you can just skip this part so that we can quickly see the dashboard of it. What are the goals for this site? You want to sell products, offer services, promote a business, or what? We can also skip this part, Wix apps if you want to give your site more functionality, let's skip all of these so that we can quickly continue to the dashboard. And we create all by ourselves. So it is now loading a dashboard, and you can now see that right now we are on the setup page, but if you click on the Home tab, we will get something like this, of your activity feeds and all. And here, if we go back to the setup tab, right now we are on your update your site type area. You can just update it again and you can just specify all that we have skipped before. You can connect to a custom domain, you can design your website, start designing from here. You can get found on Google. These are some additional options. So this is pretty much it. This is how you can create a WIC account and just head over to dashboard. So I want you to follow each step video by video. So after this video end, I want you to create account of your own and bring it to this dashboard so that you can follow along as I'm showing you in this course. 3. Understanding Wix Templates: Now, before starting, if you want to access all the design templates or website templates that Wix offers, how we can access those templates, let's see. So if you have already logged in and set up your account and went to the dashboard, and you are already on the dashboard on the setup page, you can see this design site right here. So once you click on this, it will take us to how would you like to design your website? You can generate a design with AI, but we don't want that. We want to see the templates that WIX offers. So let's click on Pick a template, and there you go. This is all the website templates that WIX offers. You can continue with any of them. You can edit them and customize that for your own business. So let's say we have a shop here. So we have the templates that are pretty amazing if we have some online teaching website. We can write here. And we also have the templates for that one, as well. If you want to develop it for your school or college or education website, you have amazing templates that you can explore and edit them just like this. Just click on Edit and it will ready the template for you. And it shows here that it is preparing your website and loading your pages. So this might take a while, and as you can see, now we have a complete up and running website. It's adding the WIX forms and payments forms to the site. And as you can see, a beautiful website is right in front of you. So if you want to customize just for your business quickly, you can do that, but we will see how you can completely start it from the scratch and create our own website. 4. Designing a Blank Website: In this video, we are going to learn how you can design your own site with Wix from scratch without using any template. So if you are on this main dashboard right here on the top, you can see my site one since I have created one website with a template, but now I want to create a new one. Let's click on Create a new site. And here it will show you that you can use AI to start the chat and just guide AI how you want to create your website, but we want to create it ourselves. So let's click on Setup without a chat. And here, again, it's asking you what kind of website do you have? So let's skip this, and now it's preparing your dashboard. Now, once you are in there, it will ask you about the website name, since right now we don't have any name of the website. Let's skip this part, and we don't have any goals yet. So let's skip this part as well. Wix apps, we don't want to connect it to Wix apps right now. Let's get on Skip and let's continue to the dashboard. Will again load it and there we have the final look. And now we are on the dashboard. Let's click on Design site and it's asking you do you want to generate a design with AI or you want to customize a template. From here, we will click on Pick a template, and let's click on Blank Template from here. And if you want to start it from scratch and design all by yourself, let's click on this start from scratch option, click on View. It says, use this template as a starting point. Change anything you want to make your website, click on Edit this site. And now we are on the main dashboard where we can add all the elements, sections, pages to our website. This is a complete blank document where we can customize however we want. So that's how you can start the website completely from scratch on a blank template. 5. Setting Up a New Website: Right, guys, now let's talk about the template of this website and how we can customize this. On the top, we have the header. All the captions will be right here. So this is the header in which you can start designing your own headers. You can add elements to it. On the center, we have a section which is untitled. Here we can design the section. You can use AI and you can add elements. And on the bottom, we have the footer. Again, you can design your own footer. Here is the caption. You can adjust anything here by just dragging and dropping or increasing the size by holding a mouse key. As you can see here, as we hover over to it, it says, adjust footer height or double click to remove any extra space above. Basically, this is broken down into three areas. One is header, one is your content area where you can design different sections and then comes your footer. Now let's design something. Want to insert a background image, a big background image like you see on websites. How you can do this, it's pretty simple. You just need to click on this site design right here on the left hand corner, and here it will show you all these options which Sales color theme, text theme, and page background. Here we will go in the page background. Now, from here, you can select any background that you want or you like, or you can select your own image or a video if you want. If you are doing it for a personal brand, I recommend you to have a designer and just let them design a beautiful background image for your brand because this is your business, right? So you must upload your custom image instead of using the stock images. But as a starting point, you can do that, as well. No problem at all. Now, for example, if you're designing a travel website or a blog, what you can do is use some of these images as you like. So let's say I want to use this one. And as we can see as soon as we clicked on air, it's quickly inserted in the preview panel where we have this header and footer, and this is the image that will show on the full website. So this is how we do it. But if you want to, let's say, upload your own image, let me just download some of the landscape. Now, for example, I want to get some of the landscapes from the Google Images. What you can do is you can even use pixels for that. So let's visit the site. And here you will find beautiful images to be used in the background. So what you can do here is whatever you like. Let's continue with the email. Let's say I really like this one, I click on Download, and here we can see it's downloaded and now we can use it. All right, let's take an example that let's say you are using a stock footer from pixels, or you want to upload your own background image on your blog, how we can do this. So in both cases, we are taking this scenario that you already have it on your PC. Now what we can do here is just click on this image right here, which will take you to this upload media option. Now you can drag and drop as well. But if you're in the full screen mode like I'm right now, so let's click on Upload Media and upload from computer. Let's choose our image, and let's choose this and click on change background. And now you can see now our new background is applied. Now, we are here on the side design, but if you want to move back to the editing panel, just double click in here and it will take us to the main editing panel. One thing more before moving forward, if we go back to this area again and click on the page background, let's go to the settings and let's explore some of the settings. Let's say if you want to increase or decrease the opacity, you can do that, and you can see the changes in the background. You can make some color adjustments, if we turn that like this, it's making the page background change, as you can see here, behind the page background is this color used. And when we change it like this or this, it's changing it here. Can add some scroll effect. You can add these kind of effects, and you can define how the image is scaled, whether it's filled, fit, original size, whatever. So if you want to, let's say, tile through it or you want to set it to fit, you can make all of these adjustments right here. We click on these settings, you can make some further adjustments like brightness, contrast, highlights, shadows and all the amazing stuff you can find it here. You can also crop and extend the image however you want. You can set it to all of these different sizes. So if you think that your background image is too big and it's taking a lot of time to load the website, obviously, the loading time of the website should be kept to minimum. So in that case, you can change it to original or you can reduce that from here. If you want it to be cropped like nine by 16 or any standard size, you can change it from here. You also have some amazing AI tools here. For example, if you want to erase any particular object, you can just select and erase that right away. You also have AI image editor where you can just describe this and it will change or design the image according to you. You can add a cutout effect. So for example, if you want to cut out any part of the image, you can do that. But we will explore all of these options later on. For now, let's click on Cancel and leave it from here. Let's go to the editing now, at this point, if you want to see the final look of the website without all of this dashboard stuff, what you can do is just google the preview from the top right corner and click on Preview, and it will show something like this. But we haven't done anything yet, right? So let's go back to the editor. Now I want to add a text, something like this. How we can add those texts on the website. Let's see. For that, we can simply go to this plus sign right here where it says add elements, and that's all the elements you have there, whether it's text, whether it's image, buttons, stripe. So we will explore all of them, but like a project. So right now we are in need of adding a text. Later on, when we feel the need of adding some stripe buttons, some call to actions, we will do it later on. First of all, we need simply a text. Let's click on text here. Now, on the right hand side, you can see the theme text. You can see the titles, you can see paragraphs and all. But let's keep it to theme text. And the sequence it's showing is on the right hand side, you can see at heading one, at heading two, three, four, five, six. So what does it even mean? Heading one is basically this theme is for page and section titles. As it is mentioned here, if you hover over it, it is self explanatory. So if you want to make a heading for your main page or for a particular section, you will use heading number one. If you want to mention some of the subtitles, you will use heading two. And if you just want to mention some further information about it, you will use this paragraphs section right here. You will not make everything a hearing, and that is a very important thing to consider in the SU. So basically this heading one is called the H one tag. Now, if we take an example of this Apple website, this one is heading one. This is the main heading, and this one is heading two. Similarly, this one is heading one. This one is heading two. This is the section main heading, and this is the subheading. So this is how we can customize that. So now that we understood all of the important stuffs, let's click on add a Heading one, or you can simply drag and drop and here you have the heading. It's that simple. Now let's customize this. If you want to customize this or write something attractive, you can just simply double click and you can write it whatever you want. For example, Halo mountains or something like that. Now, as we can see, we cannot read the text properly because it is in black color, either you have to change the color or you can add a background on the text Mox. How can we do or insert that background in the textmox? As you can see that whenever we double click here, we have these text settings right here. For example, if you want to get a highlighting effect for only the text and not the complete text box, how we can do this. Let's select the complete text and then click on this highlight effect. As we are in the text settings now, we have all the customizations possible here. Let's go to the highlight effect and we want, let's say, white background. So this is nice. This is how we can select that, disclose out of here, and there we go. Alright, now that we have added our H one heading, now let's add a catchy tagline, and let's take the support of Chat GPT here. Now, as you can see here, I have written here the prompt, Hello Mountains is my blog, heading one. So there's some amazing catchy tag lines for the Switzerland blog. So let's say I have recently traveled to Switzerland. Now, this is the tag line. And as you can see, it has suggested some amazing taglines. Let's copy this one. Now if we want to add a tagline, it will be considered Herring two because this is the main heading of the section. Whatever comes under that could be called the Herring two. So two Herring is that. So that one will basically be called the H two Herring. Now, how will we insert that remember that whatever you want to access in WIX, this plus sign to add the elements is your best friend. So you can go here and you will find all the amazing options here, whether it's button, images, whatever. So let's go to this text and theme text. Now we want to add Heading two. Just click here and you can drag and drop anywhere you want. Let's paste it the tag line. And as you can see, the tagline looks big. So instead what we will do here is we will increase the size of this one. You can just increase the font size like this. And we can reduce the size of air. So let's select all of this, and let's reduce this one like that. And if you want to add a background, as we can see, we cannot see it properly. So what we can do here is change the text color to white and the background to black. So that will be exactly the opposite of the above. So this will look nice. Now, guys, it depends on your creativity, however you want to create it. For example, I want to do some creativity and change it something like, let's reduce the space, and let's change the heading one to two aligns. Now what I can do is just move it somewhere like this and just increase the size even further like that. And now let's say that we want to adjust the tag line just in that particular space. So let's reduce this size, and let's place it like that. So as we can see that it looks nice. So this totally depends on your creativity, however you want to create it. But I'm just showing you all the options. Now that we have added H one heading and H two headings, and it is in certain arrangement. Now, I don't want to disturb the arrangement. So what we can do here we can group that together, especially if you have done a specific arrangement, you need to group elements because otherwise, if you want to move anywhere, this will be moved separately and this will be separately. So instead, what we will do is just select both of these and click on group elements. You can get this option right at the top. Otherwise, you can just right here and select group elements from here as well. Now we can see that we can freely move it however we want. If we ever want to move it separately, we need to ungroup the elements. So this is how we can add a tagline or the edge two headings. Just try this by yourself, and then we will see further. 6. Adding a Call to Action: Now on our Wexpage if you want to add any call to action, how we can do that. And you obviously guessed it right because we add everything from add elements because it is our best friend. We can just click here and we can simply go and find the buttons right here. Now, if we scroll down, you will find how amazing it is can get all types of buttons right here that we can add to our website, even get it from iTunes, pay now, something like that. By now, as you see on different websites. So you can add all of these buttons right here, and we also have the related apps to create some awesome buttons. But let's keep it simple. Let's say I want to add this. So let's click here and let's place it anywhere like that. And if you want to customize that button, just double click right here. And since this is a button only not the text, it will be shown like this, accessible name is up. You can change it to any name, but I don't think it's appearing anywhere. So this is it. So that's ideal for the blog post. Let's say if anyone wants to read further, we can just double click on that button to customize this is the icon. You can change the icons as well. Just click on replace icon and you can change and select it from the gallery. All right. Let's choose the link. Now, for the link, you can choose whatever you want. If you want to move to a specific page within our website, you can move that. And you also have the option that whether the user will experience a new window or it will change the current window. Let's say that if you want to move it to a specific web address. For example, we want to move the user to a particular video on YouTube. So let's write www.youtube.com. You can paste your link of the video where they experience that log of yours. So here's how you choose it and click on Done. And as you can see, we have a lot of options that we can explore. We can add a phone number. We can add an email or document, whatever. Let's click on DE now let's say that if you want to change it to not only the icon, but the text and icon. So it will show something like that, and now it is showing this up option. So this can be done as well. Let's change it to act to icon, and let's close it right here. Now, as we have already added the link, let's click on Preview and let's see how it looks until this point. Click on Preview on the top because we don't want to see this dashboard, we want to see the final look of it. Let's click on Preview. And as we can see, it looks nice. If we click on this button right here, it will take us to YouTube. So that's pretty much it, guys. I want you to follow until this point so that we can move together in this journey. So I want you to complete until this point, and then we will move to the next video. 7. Designing Welcome Banner: Alright, guys, right now, the website is looking great and it's looking beautiful. Now let's insert some of the introduction section or kind of about a section that you see on the websites. So how we can do this, it's pretty simple in Wix. Just go to the add elements. And here, if you check out this special option, instead of sections, you can use this one, like strips. And it's like this. You can add something about the team, about yourself, the greeting message, and we have different options here. So whatever you want to insert, it's pretty simple just click here and it will be inserted right away. So let me just choose one that I like. Now, for example, I want this one and I want to customize that one. So all I have to do is just click or just drag and drop right here and it will be inserted just like that. As you can see, it took very little time to put all of this and make all of this. Instead of manually creating, you have the different sections pre created that you can just drag and drop to insert. Now, until this point, if we scroll up, this one looks bigger and this other one looks smaller. Also, the image if we feel that it is disturbed, we can just view it in a preview to see how it actually looks, and there is a problem that we need to adjust the image to the whole page. So let's go back to the editor. And let's actually first of all, adjust the background image. So let's go to the page background. Let's go to settings, and let's go and change it to original size or let's say fill. So fill is perfect, disclose and rebu. Now, this one is good. If you want to move it anywhere like here, we can push it anywhere we want. And also, we feel that this section is too big, you can reduce the size of it by holding it from the corners just like that. As we can see that we can increase or reduce the size of this. So I guess now it looks better. Let's select the text and push it and now it looks better. And now on the right hand side, we can see the text. We have to make sure that it is two tag, double click here, and there it is. It is heading two, and that's exactly what we want here because the first one, only the introduction text of the website is H one heading, and the rest of the others will be two. Now, similarly, if you want to check the other texts, for example, this one, how it is created, this is of paragraph two style. And if you want to check this other one, this is how it is designed. This is also paragraph two. So if you want to change the fonts, you want to change the textiles, whatever you want here, you can do that. You can add the glow to it and it will look something like that. So this is how you can make some customizations. Let me just click Undo Control Z. Now if we want to customize the column, this column, not the text. So we will click on the corners right here, and as you can see on the caption, we can see that it is column two selected. So this is to change the background or manage columns if you want to adjust that. So for example, we want to change the background here. So as we can see here, we have the change background option here. So let's go in here and you can choose any background. You can choose any color from here. Now, as you can see on the colors, we have different theme colors. We can choose the white, we can choose gray. We can also choose some gradient colors if you like. As we can see here, gradient colors looks quite nice. So you can choose anything that suits your theme, something like that, and you can increase or reduce the opacity just like this and something like this. This looks nice. Now let's close this and let's close this one as well. Now, let's explore some other options. We have the managed columns option here as well. If we go in here, right now it is selected two, but if we select to one, let's see what happens. Okay. This brings the changes that we made here in the gradient and colors to the strip as well, to the picture as well. So if you want to keep it out of this, you can choose to. Otherwise, one will expand the color scheme that we selected in the gradient throughout the section. Actually, this looks nice, so let's keep it as it is. And we can also insert some scrolling effects here. It looks very nice. Once we click here, we can explore that. Let me just actually, you need to select these columns first, and then you can add it. So as you can see, the fade in effect, it appears like this. The fade out effect, it appears like this one. So let's actually try one. Just select this one and close, and let's click on Preview. So because we don't have much content here, that's why you can't feel that effect, but it's a little bit of fade in, fade out effect. Let me just scroll again once we scroll down, as you can see that it fades in just like that. So it looks very nice. Alright, now that our section is final, let's make some changes in the photo. So if you want to change the photo and replace it with our own, what you can do is go back to editor and just double click here. And now, what you want to do, make sure that column one is selected just like that. If it is somewhere else, it will not show any caption, but when we select that, it will show us a caption right here. So like this. So once we see that, you can see that we have a little image in the background, and it says change background. So obviously, this means that it will replace this picture. So let's click on there. And if we want to replace it some background pictures, we can do that as well. But if we want to insert our own picture, and that is exactly what we want here and click on image, so we can upload the media and insert our own picture. You want to insert a person's picture, you can just write person here. Let's see. And as we can see that if you want to insert some other pictures, the stock images, you can do that as well. So let's add travel person, something like that. And this looks nice. I want to insert this one. Click on change background. And as we can see, guys, this is how you can replace it, and it looks very nice. If you want to change the position of it or make some more settings, you can just go to the settings. You can increase or decrease the opacity just like that. And you can set it to original size, let's say, to tile or to any placing you want. So basically, these are all the settings that you can make. Close out of here and let me keep it to second one in the manage columns. Now, for example, if we want to crop out this section and make this section lesser gray, means I want to crop out some part from here. Just double click here, click on change background. Click on these settings. And let's click on crop and extend. And let's say from the left hand side, we don't want that much. We want to appear something like this. We want to crop it from here as well, and let's save it. And now as we can see that it has adjusted it, now it looks much better. You can still adjust the positioning of it, as you can see the pictures at is not showing property. So you want to adjust that, click on settings here and click on top, and now it looks much better. Let's close out of here. And this is how you can adjust that. Guys, there are no limits to experiment. So I want you to try different things, try crazy things so that you can get to know all the functions that Wix has to offer. Basically, you can just play around and do anything crazy like insert different backgrounds, you can make some crazy adjustments like you can push the brightness all the way to fullless reduce the contrast, highlights. Whatever you want to experiment, this is your website. You are the leader. So whatever you want to do, just experiment this and maybe you will come out with something good. So let's cancel this for now and click leave and close out of here. All right. Now let's add some scrolling effects in the background as well here. So if you want to add a scroll effect, right now, it's none. So if you want to add something like Zoom in, let's see how this one looks. If we close out of here and click on Preview, it will start up from here. But when we scroll down, it kind of zooms in like this, and this looks really nice, as you can see here. I need to adjust the position of the photo a little bit so that it can appear fully. Let's go to the editor and we can make some adjustments. So in that case, if it is not showing properly, you can move to the original size. So you can try out different things, or even you can extend it to the original size or image they conceive. And now let's see how it looks. All right. Same problems here. Let me just make some adjustments. So I think that it's better to change it to any other image. Let's say this one. Let's try this change background, and now we can make the settings. And now we have inserted the image, but it's not looking properly. So when we click on preview, everything looks good. So as you can see what we wanted is here. So now it looks nice. So, guys, this is how you can play around with different sizes, different kind of images to see what works best for you. So just try this by yourself, and I'll see you in the next one. 8. Inserting a Visual Menu: Alright, guys, now that we have inserted and created our first page, which is the title page along with the welcome message. And on the second section, we have inserted a stripe, which looks kind of like this. So so far, it's looking great. But now that we have already inserted multiple images, we want to break the section and we want to insert a visual menu. So how will we insert a visual menu in Wix? It's pretty simple. You have to do is just click on this plus sign right here, and you will find all the elements out here. Just click on the strip, and we have different ones like we have already inserted. But this time, we will use the one which doesn't have an image. So let's say this one. This is the services, but let me just choose the location first. Let me just make sure that if you want to insert it somewhere down here, we have to move onto this point. And then click on Dis plus sign right here and then insert the image. And if you want to still make sure that it inserts it in the right area, you can just drag and drop like this. Nothing happened. Let me just do it again. So as you can see that it inserted it down here. Now, it looks quite nice. Let me just change this picture because it is not looking very nice. Let's say I want to change it to a colorful picture, something like. So I want to put none here, and I want to change it to a colorful picture, something like let's say this one. Now, this looks nice. Now, it's not necessary to add the effect. So let's keep it as it is at this point. And now that we have changed the background, let's try a different effect, as well. That looks proper. So, for example, I want to change the effect to fade in and disclose out of so make sure that image is looking properly even after inserting the effects. So only that way, it will show properly like this. As you can see, it kind of fades in just like that. When we scroll down, it is fully visible, and when we scroll up, it kind of fade out. So this looks nice. Let's go back to the editor. If you want to change the color scheme, you can simply change the color scheme here. Very simple. You can change the background, as you can see. We have different columns inserted in this stripe. Column one, column two, column three, and column four, as you can see on the captions. And for each, there are different settings. You can change the background. You can change any vector art, whatever you want. You can change the basic shape from here. Basically, you can insert it whatever you want here. You can change it and replace it with your name and you can change the text about it. If you want to add some links to this read mode section, so for example, it is about our interesting journey. See the log right here. So if you want to link it to a log or video, just double click right here and just choose a link and you will follow the same process as I have shown earlier. Now, same thing goes here. You can change. You can even add this explore with us the complete journey, the details about the journey. What is the cost of the overall trip? And let's say you want to see the blog, then go in here and watch the amazing log. And you want to link it to different sections, pages, or videos, you can do that. So it's that simple. If you want to change the background color like this one, I want to change this to let's say let's say this one or this one is also very nice guys. Let me just choose any color. Let's click on Add, and let's see the color that complements our theme. So let's say this one. Let's click on Apply. Just taking an example, you can just change it to gradient and let's move it to that scheme. Now, this one looks nice. Alright. Let's try different kind of themes here. And let's see I want to choose this one. Close out of here, and this is how you can fully design this section. So that's pretty much it, guys. This is how you can insert the visual menu. Right now, we're just taking an example of how you can customize different things in WIX. But obviously, when you are completely designing your website for your brand, it might take some time to think about different sections and how we can customize these, but that's only about it. You can also take the support of Chat JBT here that just defined that I have a strip of four sections, and I want to insert these kind of details. So it will tell you all the contents that you can put in right here. Sounds interesting. Just practice this by yourself, and then we will move to the next video. 9. Adding Videos to Your Site: In this video, we are going to see that if you want to insert the YouTube video or any kind of video basically to your website, how we can do that. So we have done a lot of things on this website. This is the website that we have created. Just click on Preview and you can view all of this. We have inserted different texans. But now let's see how we can insert YouTube video. So for that, we need to decide that whether we have inserted all of these sections via this plus sign or elements section right here, or you have done it from Ad section. Why? Let me tell you that if I want to insert let's say a YouTube video. So I simply go to elements and click on Add element. Now, you will simply find an element called video in Music, where we can insert our own video. Let's say you want to upload it from your PC, then you can use this template, Video upload. You want to insert it from YouTube, you can use this one. You can use Vimeo, Facebook, daily motion, and all of this. And these are different formats as well if you want to add a grid or a bunch of videos right here. We also have the Wix video video box and all. But let's move and stick it to the YouTube video. Now, once we try to insert it, we can simply click it and it will be inserted just like that. But as you can see that it is inserted in the middle of nowhere. So if you want to push it down, as we can see here that right now we are able to push it down. Why? Because the section size is increased. Let's say if we reduce the photo size like this, and now if we try to add the element or add the video, you won't be able to push it down, as you can see here. Now, I can't insert it downwards. So in that case, we have two options. Either can just go downwards and just increase the footer size so that we can adjust some more content here. So you can increase the size however you want, just like this. And now you can see that we have a lot of space now. And after adjusting that, you can just take your video right from here. And just go downward and adjust it however you want, just like that. So this is how you insert it, right? But let's see some other example. Let's say that I don't want to adjust the footer size, I'll just hit Undo. So in that case, what you can do is just go to add elements, and under the stripe, you can insert a blank stripe as well. We will choose the classic one, and we just simply click on that and it will insert a new smart section for us, and there we can increase the section size just like that, like this. So I believe this looks more professional, but it's up to you or whatever you want to use. So, click on Add elements. And now let's go to video and music and click on this YouTube video, and it will be inserted just like that. And similar thing, you can adjust it however you want in that particular section. So oops I accidentally duplicated that. So now that we have inserted a video, let's customize this. This is just a sample video attached. Let's insert one of my video. Now, I don't have a travel blog. So instead, what I will do is I will just open up any video and just click on change the video here. And from this area, what is the video web address? Just select that, remove that, and paste your video link and you will see that it will be inserted immediately. Now, you have the choice. If the people scroll down, the video automatically plays that, but I believe that's very annoying. So don't just enable this option. It's very frustrating. I don't like this. Please in Loop, also we don't want this. You can add a description, but I don't think it is necessary since it is already connected to YouTube, so it's showing the description right here. Let's close out of here, and let's click on Preview. And this is how it looks. Let's go back to the editor. And if you want to change the layout, when playing Control show on O never, you can check out that one, and the video design is like that. If you want to add some shadows, you can just click on Apply Shadow and you can apply some kind of shadows here. So these are some basic designing and animation if you want to video to appear something like this, you can add some amazing effects here. Just close out of here. In fact, let's add some effects here as well. It will look nice. Let's click on Preview. Let's load it again, and you can see our website looks like this. As you can see, Internet is pretty slow. That's why it's not showing the animations properly, but this is how you do it, and this is how you can insert YouTube video in your Wix website. Just try this by yourself, and I'll see you in the next one. 10. Making Visual Adjustments: All right, guys, before moving forward, I have made a little bit of adjustments, and if you want to make the adjustments and you don't see all the images fit in properly, what you can do is just go to the editing mode and increase or decrease the size that you want. So for example, for this one, I've increased and changed the positioning for some of the images, just like that. And since this image was having some problems, so the image or section was very shallow. So what I have done instead, I have increased the size of this photo as well. So if you're facing the same problem, if it is cutting out on the preview, especially if you apply the animations, you just increase the size. You can simply select the section from here and you can increase it just like that. And as you can see now it is showing properly. And after that, you want to make sure that everything looks good, and none of the section has these extra lines here. If it has just hold the section and move it a little bit upwards until it covers it properly. So now let's see a preview, and also I made a change in here where I just changed the animation. In fact, I have changed it to parallax effect. Let's close it here and preview. So now it looks proper. If you want to adjust it further so that it covers the whole place, and then it moves it like this, you can increase the size even further. Let me just quickly do that. So that is how we increase it a little bit more so that it covers the whole section like this. So this is the first section, and when we scroll down, we will see something like that, and then it moves upwards, and it shows the next section, and then it shows the video. Similarly, if you want to add some of the animations here as well, you can do it one by one. But unfortunately, here we have the fade in fade out effect only. So, in fact, let's keep it as it is. If you want to add some animations to the video, you can add some animations just like that. So this looks nice. You can add these kind of animations. And with this adjustments, just make sure you do all of these adjustments in order to fit in the picture properly and all the above sections. So just do these kind of adjustments, and then I'll see you in the next video. 11. Adding a Photo Gallery: All right, guys, so far we have inserted the main page. We have inserted some of the stripes, and we have inserted a video as well. Now, let's see that if you want to connect it to a photo gallery, whether it's your own photo gallery on your PC or if you want to connect it to an Instagram feed, how you can do that. So that's pretty simple. All the elements can be found in the ad elements section. And from here, it's pretty self explanatory that if you want to insert some of the images, you need to go to the gallery because this one is for images, right? If you want to insert any particular single image, you can insert it from here. But if you want to insert a gallery, you need to go here. Now, here we have different options. You have some of them recommended for you. So for example, if you want to add some of the grid carries like this, or you want some like honeycomb, and different styles are here, freestyle these kind of carries. So you can just simply add it dragon drop. And if you can't push it downwards, all you need to do is just push this footer downwards. As you can see here, let me just delete that. Now, if your footer is right here, then maybe that when you try to insert this gallery, it won't be able to push it down. So in that case, just increase the size or you can add a section or a blank strip. So it's your choice. You can either increase the size of the footer, or you can just go to this plus sign right here, go to strip and click on plus sign right here, and it will insert a classic stripe for you. I think here as well, we need to insert some extra space. We need to adjust the size of it. So let's just put it like this. If you want to make it a transparent background or something like a gradient background, you can click on change background, and you can give different shapes to the dividers as well, just like this one, something like this, something like this. So this looks pretty nice. You can do these kind of customizations here as well. Now, let me just increase the size of this divider, and let's say the shape of the divider is something like one. And now I want to insert the gallery. Let me just go again and click on Add elements. Go to gallery. And first of all, we will see how we can insert it for the photo gallery that you have on your PC. So let's click on Add here, and these are different photos, but obviously, these are the stock photos that you can adjust and edit. This is just a stock photos. You can click on change images from here and you can add the images and delete all of these images. So let me just quickly do that, select some of the images from our PC. Click on AddimagesUload Media, and upload from computer. Let's say that these are some thumbnails that I want to add just to add an example. These are different pictures that I want to upload. So once these are all loaded, we can simply add it to the gallery. You can click on Add to Gary, and you can see now one is added. Similarly, if we want to add multiple images, we will select hold it like this and Dragon drop and click on Add too Gary and it will add all of the images and click on Done. So that's how it will add all the images now if you want to add some of the amazing animations here, just like this, just like these. You can add that as well. Let's click on preview, and let's see the overall look of the website. So that's great, as you can see here. So that's pretty much it, guys. This is how you can add the images gallery into your Wix website from your PC. In the next video, we will see how you can connect it to an Instagram account. 12. Linking Social Gallery to Wix: Previous video, we have seen how you can connect the gallery app or the gallery with your local media. That is whatever is present in your PC on your laptop, you can connect all of these pictures and give it a pretty nice gallery style. And not only this, this is a scattered form. You have a lot of options to choose from. If you go to elements and click on Gallery, we have simple galleries as well, just like grid style or simple styles or even the slide bars. So you can add any one of them. But what if you want to connect it to an Instagram account? So we have deleted that one. Now let's connect it to the Instagram app. All you have to do is just click on this plus sine right here. Most of the times, just remember that you just need to click on the plus icon and you will find most of the elements here. Now, if you can't see or find out any particular section that is suitable for that, all you need to do is just click on this search button right here and you can write Instagram here. Now, it will open up some of the apps, but we will ignore that and just go to the app market and let's explore it ourselves. Now here, you can write here Instagram. Hit Enter, and we have all the amazing apps right here that you can use. Some of them are free, some of them are premium, and some of them are partially free. So you will use this app, Instagram feed. If you can't find it here, you can just write full name that is Instagram feed, and you will find it here. Click on that and click on ADT side. This should be by Wix. Click on ADT side and it will take some time to make some of the settings here. Here it is inserted like this. But as we can see, it is a little downward. So if you want to move up, it's very simple, just drag and drop. But as you can see, it looks very simple and it is in the full grid style. I want to change the layout. So let's click on change layout here. Actually, let's move it downward so that we can clearly see all the options. And let's change the preset, actually. So it is on one row. We can change it to grid style, two rows side by side, whatever we like. So let's say side by side. So it will show you something like this. If you want to change it to the grid style, you can change it like that. But as you can see, it's too big, so we need to make two kind of adjustments. So first of all, we need to reduce the size of it. We can click on the layout. Now, if you want to make some of the changes here, just click on the Instagram feed, and then you will get all of these options regarding the Instagram feed. And from here, we will make some further adjustments, just like this stretched form. I don't want it to be full width. I want to disable that. So now we can see we have a gallery kind of style. This kind of look nice, especially if you want to align it to the same sequence as your video. So this is how we do it. And if you want to remove all of these handles and all the other elements, you can just go to the element section and remove the hashtags. Let's say I don't want that, I don't want the user handle as well. I just want it to be shown as a title. I don't want all contents. I don't want title. So let's close that. Now finally, once you have finalized the overall theme, you can add some animation and finally connect it to your account on Instagram because this is the gallery right. We have two sections here. One is Instagram feed, and one is Pro gallery. So you can see the titles. The title will be activated once you click on that, and you will feel the difference in the color. Right now, it's light color, but when it is active, this window is active, it will show something like that. And after that, you can just go to the account settings and click on to your Instagram account and just simply login to show all the pictures directly from your Instagram. I'm not going to add it here. Guys, just remember in some of the regions, it won't be able to connect it because of some problems or it is not supported in some countries. So in that case, you have to use a third party application for that. So this is how you can connect the Instagram app in WIX. Just try this by yourself, and I'll see you in the next one. 13. Transparent Backgrounds: Right, guys, so far so good. Now we have added our gallery from the Instagram. Now, let's say that before making further adjustments, I want to make this one, this background white. I don't want this particular background to follow through all of the image. So what we can do here, either we can make the changes in the background or what we can simply do is we can change the photo design, and we can click on fill color and opacity just increase this to fold. So this will make the background white or whatever color you have chosen, for example, black or whatever. And you can also make it a little visible, just like that. It depends on what opacity do you select. So for example, here, I want to make it completely white. So this is how you do it. And let's say if you want to make changes to the page background, let's click on site design. And click on Peach background, and let's go to settings. As you can see that this is no more visible. We had mountains in earlier, less like that. So it's not showing anywhere here. So let's adjust that. Let's click Settings. Let's click Fit, and let's click Top or anywhere just like that. And let's add a parallax effect to see how it looks. Let's close out of here. And let's just make sure that everything is good and selected. Now, guys, it's all about using your creativity when working on the website or designing something. So let me just close out of here, click on preview, and this is how it looks now. Much better. So back to Editor. If it looks too simple, you can just make the changes again, just change on the footer and fill the opacity. Let's see this. And now it shows something like this. So for example, I want to make this changes here. And if you want to make this one, also with the widget background, let's say, I want to make this one like this, just make the opacity to 1% so that you can not see the borders around that. You can make all of these changes. You can add shadows just like and this is how it looks now. Now, I'm not going to spend much time here because you got the point. This is how you can make all of these customizations right here. Similarly here, let's say, I want to make this one transparent as well a little bit, just like that. You can do and manage all of these stuff like that. With this little corrections, just try this by yourself and then we will move to the next video where we will learn how you can add the blog post to your Wix website. 14. Professional Call to Action: Right, guys, in this video, we are going to see that if you want to insert a block post in your Wix website, it's very simple to add. But for the blog posts, obviously, we need some blocks, right. So right now we are on the homepage. So how will we insert those blogs? Let's see. Now, let's click on this plus sign right here and just straight away search for blog. So here we have blog. Now let's click on add to site. It will take some time to make some settings in the layout. And once that is ready, you can click on this Wix blog. You can just close out of here and it will show you a blog. Once you add it in here, you will get confused. How will we arrange all of this, right? Now, from here, if we click on this block right here, it will show it's something like this, but don't worry. It's not the homepage. Let's move to the homepage and we will add it separately from there. So once the blog is added as a separate page, we just scroll down to the bottom where we want to insert the blog and click on add elements. Now let's go to the blog and whatever design you like, you can just add it directly like that. For example, I want this one. Just click it here and it will be inserted right away, just like that. Now, if you want to give some space between that, you can give the space just like that, and we can increase the size. We can adjust that. So just like that. Now, here we have the Managed post and we have the settings. So if you click on the Managed Post, you will go to the dashboard where we can create multiple blog post to be posted on your website, just like you do it on the Wordpress, we have comments option categories, post, whatever you like. So you can create the new post and you can schedule it, trash it. From here. But let's just go to the settings and make some adjustments to it. Now, here on the settings, the choose to category, it is set to all post, all tags, and single page. Now, the total post to be displayed on the main page is three because obviously I only want to display the latest post and not all of them, because if you have 20 or 50 posts, who wants that? Are only interested in the new ones. So you can make these settings. Let's go to the display tab. In the display tab, we can see what shows on your feed. So by default, it is set to ideal settings, but if you want to just show the published state, in some of the cases like a news website, we might need it the published reading time. But that's not of the general public interest if you have a travel log, let's say, or food log. So in that case, you don't need this published de reading time and all likes counter view counter. We don't need that. So we are only interested in the cover image and the description, so that is the default setting of it. Pretty convenient. Now, let's click on layout, and we can make all the adjustments in the layout. From here, we can see the post size, we can increase the post size just like this. But as we can see that it was already set to an ideal size. So I guess everything looks good. Let's click on Design, and you can see some other adjustments, but these are pretty basic. You can explore it on your own. This is pretty self explanatory. So let's close out of here. And now we want to give a heading. Now, simply just click on this plus right here, just go to text, and like I said, that the text we are going to insert in all of the other headings will be H two headings. So let's click add heading two and place it anywhere you want. Increase the size, however we uh, like that, and just simply write blog posts. Or let's say latest blogs and close out of here. And this is how it will be displayed. You can place it anywhere you want. And now, obviously you can spend some more time designing your blogs, but this is basically how you do it. Alright, the last thing that I want to add it to my website is the call to action, and that is asking the people to subscribe to our blog post or any updates so that we can collect the emails from them. So the best way to enter that is right at the bottom in the footer or at the top. Now, one way you can do this is by just clicking this plus sign right here from the elements and just click on the search option right here and just right here, email, hit Enter, and you will get some subscription forms just like that. So these are the contact forms that you can add here. You can create your own form or you can use an existing template. Just click here and it will be added to your website. Can also just click on this plus sign right here and go to Contact and Forms, and you can use any one of them. So just drag and drop wherever you like. Let me just increase this white space here. Let's make some space for the contact form. Let's say like this. Okay. So now we have the space. Let's go again to contact and Form and these are all the forms that we can add here. But let's say I want to add this contact form only. So just drag and drop it here. It will take some time to process, and then you can just resize this and there you go. Now, guys, this is a pretty basic form and it doesn't look that professional that normally people use in their blogs or in their websites. So what I recommend you instead of using this one, you can use the HTML code and paste it on Wix in the embedded code section and you will get the form from there. So there are some external websites which is very effective in that. Let's explore that. There is one website called kit.com. So just login in here. So you can start of retrial here. And let's quickly mention the name, the email address, and the password and get started. So I am just starting out pretty basic information quickly fill that, and then you should see the main screen. And now this is the welcome screen. This is the dashboard. From here, you can create a landing page or a form, as you can see here. So let's click on Create a landing page. I want to create a form. Now, it will be an inline form. So let's select that. And we have different options here. So whatever you find convenient or professional, let's say you are taking an inspiration with a website. So what is closely linked to your needs, you can just choose that best way of doing this is just choose a simple one so that it can blend in the website. So let's choose this clear one. Let's choose, and you can see it is a simple form with just the email address. Now here we can make all of these adjustments. For example, if you don't want to show this branding, you can change that. Also, if you want to add some more fields, you can just add the field and then customize it accordingly. What will this field be called? So, for example, with email address, you want the name as well. So you can just change the name custom field to first name, and here the first name is required. You can make it compulsory field. You can change the fg colors as well. And if you want to delete the field, it's here. Now, how will we get the HTML embedded code? Because this is not about the tutorial of the kit.com. We only want to get this form on our website. So let's finalize this and click on Publish here. And from here, just go to this STML code and click Copy. This is the complete HTML code that I'll be using. So here on this website, just click on this plus sign right here and on the bottom anywhere in between, here is the embedded code. Now, here we will just use this embed STML. And as you can see, here is a box, but you will get the option on the right hand side to paste your code. Let's paste Control V and update. And that's pretty much it. It will take some time to process, and then our form is ready, as you can see, looking nice. And now, if you want to give it a more professional look, what we can do here is just add a section. Just add a stripe, a blank stripe. Let's click on add elements again, and let's click on stripe and let's insert a classic stripe. So it will insert it right at the bottom. Let's pace it over just like that. And now we cannot see the email, right. So right c here, and in the arrangement, let's move it backwards. And there you go. You can see now it looks professional. Now it looks great. This is how you do it. Alright, here, let's keep it simple. Let's keep it gray or let's say white. No, white is too simple. I guess black is good because Blacks works in every type of scenario. So let's go to settings and just reduce the opacity so that we can align with the overall theme of the website. One more thing that I want to edit here that is when you get the embedded code right here, you won't be able to edit this build with kit. What you can do here is just click here, Build with it. And if you don't want to show up, just uncheck that. And then click on Publish and just get the new STML code and you can edit the code right here. And paste right here and update, and it should update and remove the logo. So after that, let's quickly adjust the size. If you want to stretch it to a full width, you can do that as well. But I think that doesn't look very nice. So let's just keep it basic and simple. Let's place it on the center. This looks nice. You can also reduce the size of this section or stripe just like that. There we go. Now, here it is showing this option to subscribe, but you have to mention why the people should subscribe, right? So we have to add a text here. So to add the text, it's pretty convenient at elements. Go to text. Now what we can do is you can add two heading, different headings, or you can just add a title because here it is title, so it will be better if we choose a title, and it should be a small title, not very big. So let's choose that. I think that looks nice. Only we need to increase our size a little bit, double click to select all the font, and let's make it bigger, not too big. Now, we can write anything, get subscribe to stay in touch for all the upcoming tours. Like that. Just write anything. So let's do this. And since the background is black, I need to make it white, right? The text color should be white. Okay, just like that. Looking nice, but you can center that as well. So let's go to the alignment and make it center. I think it looks nice if we just reduce the size of it. Just like that. Okay, that looks much better. And in fact, it looks very professional now. So let's quickly see the preview until this point. Let's make it center. Okay. That's perfect. Let's click on Preview. Right now, we haven't added much animations here, so animation is not a problem. You can just add it later on. Oops. I got it here back to the editor. If you just want to delete this one, just right click here and click on Delete. And there we go. It is deleted. And now I think it looks very nice. Only the thumbnail is not that relevant to traveling. Otherwise, it looks pretty nice. Alright, so until this point, we have almost designed everything on the elements section or the content section. Now we only want to add some menu right here on the header, and we also want to place some kind of footer here so that it gives a proper look of the website. So let me just zoom it, and this is the complete look. We're in the editing mode, and I've also showed you the preview. So that's pretty much it guys. This is how you can add the subscribe form or a call to action in the footer. Just try this by yourself, and I'll see you in the next one. 15. Creating a Privacy Policy: All right, guys. So far, this website is looking great. What we need to do now is just adjust the footer. And for that, I have reduced the size up to the last stripe. So this is the end of the footer right now. So if I want to add a section, a new stripe, how can we do that? We've already seen as we can see here on the footer section, if we increase the size of it, this is the footer design right here. So if you want to change the overall theme, let's say to other thing or let's say to a darker theme, we can just make sure that we are in the photo section, as you can see here we are in the footer. And once you click here, immediately get this option right here to change the footer design. So let's click here and let's click on fill color and opacity. So let's say that I want to make the whole overall theme darker or completely white. Or you want to make some adjustments with the color, let's say. So when we click on change Potter Design, this is the color option. And here we can choose any gradient color if we like. Let's say this one or radical or something like that. Pretty nice options. So if you have a Famc website, you can use these ones as well. So this looks nice. And if you want to apply that, just close out of here, and this is how it looks now. So it's so colorful. But if you just want to continue with that, you can do that as well. All you have to do is just change this theme that suits with that. Then you are good to go. But let's just make it simple. Change the photo design, and let me just turn it to a simple color with some opacity, and let's make it a little darker like this one. So instead of white, we are using this. Let's make the opacity like something like this and close out of here. So basically, we have extended all of this area in the footer. As you can see here, wherever we click here, apart from stripes, you will get this change footer design options right here. For example, I want it to appear at this till the bottom. Let's say this is the perfect size. I think that is good. So this looks something like this. Let me just increase a little bit more. So okay, it's still showing some extra sciss but don't just worry about that. At the moment, we are good to go. So this is how you increase the pooter size. Now, if you want to make some more adjustments like, you know, want to shadow, like apply a shadow just like that, you can apply that, you can apply some borders. And you can make all of these kind of adjustments. Now, here, we have chosen or extended the size of the photo right. But if you want some different color here. So for example, gray or black, whatever, you can just go to the stripe and click on Add More Stripe. Now, guys, it depends on your creativity, how you want your website to be designed. So it is your own terms. There is no fixed rule in Wix, how you can do such kind of customizations. Whatever suits you, you can do that. So, for example, I like this one, and I want to change it to black, so this is how you do it. Now, what do we add in Footer, basically? What we add here is the privacy policy terms and conditions or the copyright, something like that, something about your other link, your contact form, your help us menus, just like that. Or you can also link to other pages that you don't want to link to the main menu. So instead, if you have a big menu, you have many options that you want the user to be seen. You can link it all down here. Now, how do we add this? It's pretty simple code is plus sign right here. And now we can just use the text. I'll just go to the text here. And from here, we can choose anything. We can choose the paragraphs, you can choose the titles. So let's say I want to add a privacy policy. So whatever suits you in the paragraph theme, you can just choose that. Let me just make it larger so that you can see it clearly. Alright. Let's say that I don't want this little bold kind of style, I want this simple one, or let's say this one is nice. So let's choose this and here is our text. We'll just scroll down and place it right here. Now, obviously, I can see this because this is all black. So let me just change the text font first and then move it downwards. Now, here just select the text and click on change design, and from here, you can change the text to white and read Me button to white. I want to change that. Alright, let's move it down here, drag it anywhere you want. Now let's say that this text was not added in the stripe section, but you want to add it as a footer and you have not extended the footer. You have used the sections area for that. So in that case, what we will do is, let's say we are here. Now, to write disclaimers, copyright, et cetera for your blog footer, you can use this kind of formats. I just use habit. You can write here, write disclaimer, copyright, et cetera for a blog footer, and here is what you can add in here. For example, we want to add the privacy policy here, and this is the summary of it. You can just add it right here. Let's say I want to just change the text. Here is the text. So let's change it like that. So let's close out of here and let's see the complete look of it. Those a preview. Now, this one, as we can see, is a collapsible textbox. I don't want that. So let's add a text again. And instead of a collapsible text, we want a simple text, not the collapsible one. So let's use this one. All right. So let's change it to white, and this is perfect. This is however we want to adjust that. We can simply do that. And let's copy and page this privacy policy here, just like that. And for example, this is the text at the end that I want to link to external page or a website. So how you can do that, select that particular text you want to link to an external link or a link within this page or to the link or a page within this website. Let's click on Link, and now you can link to either page of your own website. Let's say you have created a page where you have written the complete privacy policy, you can add an web address for it. You can link or refer to a section or an email or a phone number, so just like that. So let's say I want to link. Let's say this is the privacy policy, and you want this to open in current window, not the new window, click on Done, and this is how we do it. Now, similarly, you can place it like anywhere here, and now we want to duplicate this textbox to write something else. So all you have to do is just hold the alternate key and just make the duplicate just like that. Just hold the mouse key and just move it downwards by holding the alternate key. And now you can quickly add the terms of use. So here is my terms of use. And let's say I want to make this text centered so that it can look more professional, just like that. Alright. Now, that looks nice. Make sure it is center. And when you make it center, it will show you this line right here to show the indication that it's on the center now. So this is how you can add you can add different at the rate copyright reserved and different links. You can take the inspiration of all your favorite websites and make a format of your own. But whatever you want to add, you want to add different links to it, add different text. This is how you do it. Alright, let me just show you this one. Let's say this blog name is travel to Mountains blog just above with some sample data. Let's try this because it has given random fields. I want it to fill the data. So let's say this one looks cool, looks professional. I want to add this. So if you want to add the same text, what you can do here is just make the copy of it and copy of it is very simple. Just hold the alternate key and just drag and drop it and it will make the copy immediately. Let's place it right here and it's already centered. That's the power of it. That's the thing. So now we can place it right at the bottom here. Like that. So let's see the final look. Let's click on Preview, and this is how you can do this. If you want to add awesome animations, you can do that as well so that it can look more professional. Now, for example, you want to add a menu. You want to add it to different links, different external links, you want it to contact us, help, get in touch, whatever, more information. So what you can do is just write different text here, separate it with separators, and you can simply write it and then link each one of them to external links. Let me show you how. For example, this is what I want. I have given a simple prompt, as you can see here, and let's just copy that, and let me just show you. So, for example, I want to show it on the top of each. So let me just move it down here so that we can make a space for that. And let's choose this one. Let's make the duplicate of that. And let's simply paste it like that, and this is how you do it. So as you can see, it's very simple. Now we can simply add each one of them and link it to external links. So for example, this one, just choose that link, and let's say to a web address. Let's try that actually to youtube.com, and it should open in a new window. Let's click Done, and this is how you do it. Let's quickly add another one. Let's say this time to Facebook. Dot com, and click on Done. So now you can see this start looking professional. So let's click on Preview and let's actually test this. So as we can see, it's looking nice, it's looking professional. Once we click on this particular link, it will move right to YouTube, and once we click on the other one, it should move to Facebook. So don't complicate things. It's pretty simple, pretty convenient. You just have to use text and link each of those texts to external links. I feel that this one is not in the center, so let me just go back to the editor, and let's make everything the center of the page so that it can look professional. I think now it's center. So, guys, this is how you do it. Just practice this by yourself, and I'll see you in the next one. 16. Designing Menus: Alright, guy, so far so great. So now that we have completed much of the website, let me just move this one a little upwards. Alright. Like this. You might tweak a little bit every now and then, as you see fit. Now on the top, we have the header, but we have an empty header, right? So we want to attach a menu to it. And this is c side search. We don't want that, so we can just right click and delete that. So we have a clear header now, and we want to attach a menu to it. So just like home about us, contact us, whatever, we want to attach a menu so that it can give a professional look of a blog or website. So again, it's very simple to add. Just click on this plus sign right here to add the elements, and we have the menu and anchor right here. And as you can see, we have different design to the menu. You have the themed menus. You can have menus like that. You can have the colored menus. You can have different all bunch of kind of menus. You can get this hamburger sign off the menus. So when someone clicks on that, it will show you the menu after that. So we can choose anything we want, but I want to just keep it simple. So what I want to do is I just want to add this one. So let's drag and drop. Go to the top section and just drag and drop just like that. As you can see, now it is attached and it is looking great. But all you have to do is right now, we only have two pages, right? One is home, one is blog. So what I want to do is I want to make some adjustments. If you want to manage the menu, we have the option to manage the menu here. Now, if you don't want the home tab just because when people click on Logo, usually, it moves to the homepage. So it is not really required to have a homepage. So you can just rightly and delete, but you can keep it however you want. This is your website. This is your choice. So we only have two right now, but just to add an example of the pages or different menu, we can just take the support of hat GPT here, right? All the menu items from far above. Let's say only give the main list. So this is the main list. So home we already have that one, we can add About us. Let me just close it. Add menu item, and click on New Page and let's say this one is a blank page, and here it is added. Just change this to About us. Click on Done. So as you can see now it's added. Let's click on add a menu item again. Now let's add an other menu item, or you can just simply add a page from here. It's more convenient if you do that. So click on BlankPage. And it will take some time to move it back here. So now we can rename that. Let's say, destinations. So right here, destinations. This one was blog. So let's keep it as it is. Let's click on Add a new page, Blank page. And that takes time, guys. So don't worry about that. So destinations okay, travel tips. We have travel tips. We don't watch this search results slide here, delete the Okay, let's keep it, but let's keep it downwards. So you can just drag and drop to move or rearrange all of this menu. So I think that's enough. You can click on Contact us. You can just add a new page about to contact us, and you can refer to a particular section as well. So let's actually refer to a section. Now, similarly, you can add a section here for a phone number, whatever you want to add it to somewhere. You can add some anchor pages as well or anchor sections, and you can refer to this contact page. All right, now let's enter one more, which is contact us, and now you can rearrange however you want. So this is my menu. If you want to close it and change the color of it, let's say to black, you want to make it bold and you want to make it white, you can select that and click on Design. And here, again, we have all the options that means if you want to change it to something else, you can do that as well. So let's say I want this one, but I want this one to be transparent. So just select any menu you want and just click on customized design. In the background fils, you can just reduce the opacity just like that. Close out of here, Let's customize the design again. Now, if you want to change the color of this text on the menu, just click on Design and click on customized design. And from here, just click on this menu items right here and select text. And from here, you can increase the size of the text. You can change the distance. You can make these pool. Just like that, you can change the font from default to, let's say, different fonts. Different fonts options are there, and we have the font colors as well. So let's explore this one. Let's say I want to make this color white, and you want to make this color picker, and you can also give the highlight effect just like that. But let's keep it original. And character spacing, you can increase or decrease the character spacing as well, just like that. So we have all the settings right here. You can choose the line spacing to manual or automatic. So let's set it to automatic. So this is how you can do it. Let's click on Preview. And guys, this is how it looks. It looks quite professional. This looks great. Whenever you hover over it, you can change the color of it as well in the same way like I have shown you earlier. So this is how you can create the menu in Wix Destry this by yourself, and I'll see you in the next one. 17. Designing a Homepage Logo: All right guys next topic is how you can insert a logo on your website. So for example, if you want to set up a logo here and you want that logo to be interactive, that means whenever a person clicks on that logo, it should move to the home tab. So this brings us to the question that we already have the home tab in the menu, right? So if you want to remove this home menu right here, just select the menu. Just double click here and just click on these three dots and select hide from menu. You don't need to delete this page, otherwise, it will remove the homepage altogether. So on the homepage, what do we have? We have this Hello Mountains title page. So now, when we want to insert a logo, we might want to insert some kind of icon for our logo that is suitable. So let's click on this plus elements right here and let's search for it. Let's say I don't know how to search for the logo. What we can do is just go to the search option right here at the top. You can't find anything, you have the search menu. So just write logo, hit Enter, and there you have it, guys. You have the custom logos, vector icons and nature art and all the logo showcase. But let's go to the custom logo, and this is under decorative guys. So let's search for a suitable logo, whatever you like. Let's say we want this one as a logo. So you can just drag and drop anywhere you want, and then you can change the colors as well. Let's click on Design, and let's see if we can change the colors. So let's turn it green. Make it dark green. All right? Something like this, this looks nice. Click on Apply close and close. Now we can adjust the size here and put it to the top. Let me just make it smaller so that everything can look proper. Now, here is our logo, just for the sake of example. Now, if you want to insert a text with it, what we do is just go to the plus elements right here and click on text and here you can enter basically any kind of title here. So let's say that this one looks nice. I'll just drag and drop here. Just change it to, let's say, travel, right. Travel and just make it as small as you can, so that it can suit in the logo. Let me just make it smaller, not too small, so that we can easily read that, but you need to reduce the size. And now we can select that and change the color of the text. Let's say I want it to be white. Now, this is how it looks. I think it looks great. Now, let's see the preview. So, guys, this is how it looks, but it is not interactive. It will not move you to the main homepage. How can we move to the homepage whenever we click on this icon right here? Let's go back to the editor. Now, from here, just simply select the text and follow the same method that we have seen earlier as well. What is that method? Just right click on the text and click on Edit Text. Just select the text. And what is that method? Just select the text, double click on the text, and you will see all of these options right here, and you will use this link option. So where do you want to move that? So if it is within our website, we can mention the main homepage, which is, let's say, www.manpag.com. Whatever is our main website link. We will use that. And we don't want it to be opened in the new window. We always want it to be opened in current Window. That's it. Let's click on Done. Now let's preview. And now, as you can see, it is clickable. When we click on it, it moves to the certain page. So that's how we do it, and that's how we insert the logo in Wix. Just try this by yourself, and I'll see you in the next one. 18. Designing an About Us Page: Right, guys, so far we have created the logo as well, and we have created a complete menu here. But when we completed the menu, we didn't define these pages. So if anyone moves onto this page, for example, about a section or the blog section, there's nothing there. So how we can edit those pages or how we can add elements to that pages, let's see. Let's go back to Editor because we are in the preview mode. And from here, if we click on these pages right here, you can see that we can access different pages right here. So we can access the homepage. We can access About us page. So this one is about us page. And as you can see, it has a basic element right here where it says, choose your starting point. You can add elements, you can do whatever. So this is basically the section, which is created by Dvaolt. And as you can see, this section is untitled. If you want to duplicate this section, you can just click on this Street dot right here and click on Duplicate, and there you can add many, many sections here. Now, we will follow the same process as we designed the home page. Similarly, we can design each and every page. It's pretty simple. What you can do is just click on this plus elements right here and go to Stripe, and there you can add different stripes. Just to give you a starting point, you can select CLASSIC and select any kind of yeah. So this will give you a blank canvas to work around. Now, if you want to delete this extra section, you can delete that, and that should move up, and now you can adjust it to the full height. Similarly, you can adjust these elements to make sure that it's showing like this. All right. Now we can play around. For example, in the elements, we want different kind of stripes. For example, we want to add some of the testimonials here. We can just simply click and it will add some of the testimonial we can either bring it to the top or you can just delete this one so that it can move up. You can bring to the top manually as well, just like that. Similarly, let's go to the plus elements right here and click on stripes. And here we have all the amazing features that you can use to add different sections to your Wix website. It's that simple. Just drag and drop or just simply click on that and it will be added right away one after the other. So for example, I want to add the team in the A section, we can add this. For example, this looks nice. Simply add that, and it will be added right away. Now you can simply change the content or you can change the color scheme whatever you want. Now, this is how you can design your about a spage. Now I want you to take the inspiration from any kind of website, and then you can just follow the pattern on that particular website and try to design that on your own. Now, I'm not going to show you each and every element because I want you to practice it on your own. I'll just leave this speech at this spot. And in the next video, we will see how you can design a contact speech, although the method is same, but I'll explain you how you can design that. So just practice this by yourself on about a section, and then I'll see you in the next video. 19. Designing a Contact Us Page: Right, guys, so far, we are doing great and we have designed some awesome website here. What we want to do now is design a contact speech. And for that, if you try to click it in from here, obviously, we are in the editor mode. We won't be able to click on that. But if we click on Preview and we click on contact us speech, there's nothing there. So we have to manually design that. Right now, on which page we are, we are in the About us page. You can see on the navigation pen as well, and we can see it from here. But the main source where you can see all the pages is here at the top. If you want to change this and move to the contact us page to design that further, just click on this menu right here and choose the contact us area. So once we are in here, the basic template for the one page website or Wix template is the same for the bottom area. The photo area will remain the same. And that's exactly what we want here. We want to show these areas throughout the website. Here we want to design a simple contact speech, and guys just keep everything simple so that it can attract the audience, and you will receive more queries from the simple contact us speech. If the information required is very minimal, you will receive more queries. So let's click on add elements and let's see how we can add those. So just click on add elements and from here, just see contact us. So where is Contact us? Here is Contact and Forms. You can go in here and you can either create a form of your own or add an existing form if you have it created. Otherwise, you just have simple contact forms that you can use. As you can see, this I think more information is required here. So we will just keep the basic one. Now, it totally depends on your type of business. So if you want a detailed query to be entered, you can enter that one as well. So let's say it is an online order form. So you can just simply drag and drop this one right here. And it should be added just like that. Now, you can expand this. You can even expand the individual fields. However we want, you can change the placing. You can expand these fields. So whatever you want to do. Now, since we promise to keep this form simple, let's explore some more. As you can see here, we can attach the maps to pinpoint our location as well, and that's very convenient. If you want to add it on contact or speech, that's also a great feature. So let's keep it this simple where we add a simple basic form. It says you have reach your form limit, maybe later. Okay, we cannot add more forms. But basically, what you can do here is you can create a simple form, just attach to it and just add some basic description on the top, where we just ask the consumers to just fill in the simple details. Of what this form is about so that they can only get to know what is the purpose of this form. Let me just try to add one again if we can. Now, it still shows this message. If we click on Edit Form, we won't be able to change the template, as you can see, I've reached the maximum limit, but we can see all the settings. After the form is added, you can add different settings. You can choose the layout. You can check the distance or padding from the top and bottom. Is the spacing of the form overall, basically. You can adjust it here. You can see this design template where we can customize the form background if you want to click on Form fields. Now, if you want to go back from every area, you can just go back from the top in this button. So you can customize all of this header paragraph form fields, buttons easily customizable when we click on Manage. We have the option to review the submissions create form and update the settings. If we click on Manage Forms, guys, you will get the customers and leads all here. You will get the contact numbers. You will get the forms and submissions who have submitted the forms, community loyalty programs, whatever you can create here. Wix is so much detail that you don't need to learn any other software in order to create an awesome website. So it's just like Shopify, everything is mentioned there, everything is there. So it's completely customizable. You can create the forms from here as well. Just go to support if you're having any technical difficulties, and they will help you with the customer cue. So that's pretty much it, guys. This is how you can just add any form, any basic form and just write a quick description of what this form is about. So just try this by yourself, and I'll see you in the next one. 20. Designing a Custom Page on Wix: Okay, guys, now that we have learned how you can design the contact us in about us page, let's make a custom page. For example, we have a page of blogs. We already seen how the blogs look like, and we have also linked it to our main homepage. Now, let's say destinations. I want to customize that. So first of all, just change it right here. So once it is changed, you can add element and you can add the gallery, basically, whatever you like. So, for example, these are the galleries that you like. It will simply add the gallery for you. After that, whatever you want to do, you want to adjust the placing. You want to change the settings or how Gary looks basically, if you want to change the layout as well, you can get all of these amazing layouts right here. So for example, if you want to get creative, you can turn it into something like this. Also, if you want to use some of the stripes, some of the predefined stripes, you can just add a classic stripe, the basic one, and then you can add your pictures, whatever this destination page is basically just for the sake of example. But whatever you want to use, the credentials will change according to that. Obviously, if you are designing an information page where you will guide further about it, it will be more of the text based page rather than the image based. This is how you can define it, guys. You can just play around with basically anything here. Now, let me show you an example of a real website. This is the website. We are going to explore let's say about the corporate training. Let's say we have the corporate training facility as well. So what's that corporate training? As you can see, this involves a simple page right here. If you check about a section, it also has a very simple page, but if you go to the courses, it will be more fancy than the previous ones. So contact page similarly, it will be designed something like this. As you can see in this website, it's although a very basic website, but as you can see, it's a live website. It's a working website. So you can easily create something like that. Depends on your creativity, so you can take the inspiration of any kind of website and then design it. Just practice on one particular website. You can just try to replicate that, and then you will get to know about all the options. Like I said, you can attach anything here. For example, in the destinations, you want to insert some of the carry, and it should be in a stylish style, so you can see that we have some amazing three D carousels as well that you can drag and drop simply like here, and let's delete the older one, and this is how it looks. Alright. Now, let's add the elements. You can also attach the video and the music if you want to. So for example, if you want to attach it for the video box, we have the different kind of video box here here, and we have video players as well. We have explored this one as well. So if you want to add a complete grid of the recent tours that we conducted, let's say we are a travel agency which organizes the tours, we can add all of these tours and all of these services that we offer here on our page. So again, it depends on your creativity. It's best to follow some of the website that is relevant with your business, and you can observe that website to create your own. So that's about it. This is how you can easily define and customize each page in Wix. Just try this by yourself, and I'll see you in the next one. 21. Using Blogs to Grow Your Site: Now in this video, we are going to see how you can do blogging with Wix. So although in this website, example, we have already created a blog page. Let me show you that one. Let's go to the pages and switch to blog, and there you see. As we can see here that we already have a blog, but in that video, we only saw how you can link that on the main homepage. In this video, we will see further how you can customize that. So for example, you have placed it here, but it has no headings, right. So when we visit this page, people may be confused that what this is all about. So we have to write here that it's a blog. So we have to add a simple title here. So to add the title, just reduce the size of the blog. Click on this plus sign right. And just literally go to the text and choose any kind of theme text if you like, or the them text. Let's say, heading one, because this is the main page, so it should be called heading one, where we can simply write here blog. So that's what it is. If you want to change the color to let's say white, let's see how it looks. No it looks. Okay, I think white looks good, but we have to add some of the effects here. Let's try some effects. Now, it looks good. We can place it on the center. Actually, we need to place it above. We need to place it above. Otherwise, it will leave the space in between. So let's visit this. Let's preview this how it looks. Let's see. So it kind of look nice. Now, if you want to change the layout of this blog, you can easily change that, although I like this, but let me just show you if you prefer something else. So just select this you want to stretch it all the way to the beach, let's click on stretch. And if you want to make it full width, you can change it like that. And don't worry, you can change the backgrounds as well. So if you want to change the background after that, you can just simply go to the settings and click on Design. And from here, you just click on this navigation right here. And from the background opacity and color, you can change it to literally anything. For example, I want to turn it black. You can turn it blue, however you want. And if you want to decrease all the opacity, you can decrease that as well. Similarly, you can change this for different posts as well. So these are the post. So the post background is changed from here, you can change it to black or whatever color you like, you can change it like that. So here I prefer this one. Similarly, you can also see the area around it. If you also want to change the color of that, for example, you want to turn it black or dark gray, you can just go to this design tab, click on this post right here and just go right to the bottom where it says area background. And from here, you can change it literally to anything. So for example, I like this one. And let's try something else. I think this one looks good. So let's say this is the final look that I want. And if you want to reduce the opacity and do something like this, I think that looks very nice. Let's finalize this one. Now, Cibility if you want to change this like I did here, you can simply go to Design, click on navigation, and from here, just choose any color you want. For example, this one, let's pick black and then just reduce the opacity here. And if you want to change the text of this here, so you can choose the white text here. So this is how it looks now. Obviously, I just quickly showed you how to customize all of this. But this is the final look, and now let's explore some more options. You have the main tab where you can create the post. You can manage the post right here as well. Just click on Manet Post, and it will take you to us simple dashboard. And from here, you can manage all of your post if you want to see the earlier ones. What you can see here is a blog special area. Just click on the post right here, and from here, you will find all the published posts. You can create the new post right here. You can just add the title and you can just add the content. Let's take the support of Chat GPD here and let's ask them to write a blog for us. So as we can see here that it has written a complete blog, what we can do here is instead of just trying to select it all, just go to the bottom right here and click on Copy tectly from this option. And just go to your post. And paste it all together here. Now, if you want to add a title for it, you will keep the complete blog as it is. Just you can copy this one and put it as a title as well so that we can recognize this. So click on Publish here, and you can see the message right here, click on close and this is our blog now. Now let's move back and close this dashboard. Now, as you can see, the blog is added right here. So why it is only one blog before it was showing many things here. But that was a template. Now that we have added a blog, it removed the template and registered it for you. Here we can see who edited the blog. What is the reading time views commences. So if you want to customize these things as well, the writer name if you want to hide that, you can hide the published date, reading time, whatever. If you want to just remove these views and other things as well. For example, if you want to hide the comments and views, you want to keep it as it is. Description, you want to keep it as it is, otherwise, you can hide that as well. So you have the complete customization freedom here. Similarly, if you want it to be not side by side, but editorial kind of style. So all the different blocks will be added right here. One column full post. If you have lesser blogs, you can change it to full post or one column, whatever you like. So this is how the blogs are created, and this is, again, about the design that we have fully explored. So this is how you can do it. Now, if you want to see the final look of this speech, let's go to the preview panel. And we can see that when we hover over to it, it will show it in blue. And when we click on it, we should be able to read the blog. This is the complete blog, and this is how it looks. As you can see, it looks awesome. It has the command feature and all the things that is available on the blog. So if you want to move back to blog, you can simply click here and there you go. So guys just practice this by yourself. I want to create a blog for your own and post it via the help of Chat GPT. Alright, guys, before closing onto this blogging portion, I want to show you something that if you want to consider SU factor, then you must recognize all of these headings as either H one, H two, so that's very important. So all you have to do is just select that particular heading that you want to categorize. Just go back to editor. Let me just go back. And now we are in the editing mode, right? So what you can do here is just go to Manage post here, go to post, and just open this post. Now, from here, we have to categorize it as either it is H one, two, whatever. So once we see this, once we select this, it's automatically identified as heading one. Now let's see, this one is identified as a paragraph. This one is identified as heading two, and this one as paragraph. So you have to make sure each of the single headings should be identified as either two at one. That's a very important factor you considered the SU. Topic. So let's close out of here. This is additional what I wanted to show you before closing onto blogs. So this is all about the blocking section. Just practice this by yourself, and I'll see you in the next one. 22. Designing Better Blog Posts: All right. Now, if you want to customize the blog even further and make it more attractive, let's say that you want to add some images or your videos or different sections in the post. The simple blog post should be more attractive. So what we can do here is just simply go to the Spanish post directly from here and let's explore some of the options. So let's go in here. Guys, here, we can see that we have the simple post. But let's say if you want to add some of the elements, we can just hit Enter, and here we can add whatever we like. For example, if you want to add some images, you can add the images here, so you can even explore the media from Wix. For example, travel. Let's search for it. Let's say I like this one, this one right here, or let's say this one travel in motion, add to page. Now this looks good, right? Similarly, if you want to add some section, let's say I want to add a section here, click on Add. We can add a divider, basically. So divider, you can place the divider like this and it looks now like this. Similarly, if I want to add the divider here, you can add the divider. You can add some of the buttons, pols, whatever you like. Basically, you can drag and drop. So you can create a pole here. Just click on that, and you should be able to create a simple post. So as you can see, it has an awesome template of the post. So for example, I've created this one. Let's click on Publish. And let's see how it looks now. So, guys, it looks something like this, much better than the previous one. We have added images, we have added some sections, we have added some pools as well. So people can just vote onto it. You can even attach the gallery. You can attach videos. You can attach any kind of gift files. And even if you want to let the people upload some of the files, you can add this feature as well. So as you can see, it's very simple, just simple drag and drop here. You can add some buttons here. Let's try to add some buttons. Simply click on that and it has added a button, right? So for example, you want at this stage, the people should contact you on WhatsApp. So what you want here is just go to settings and just piece the link to directly connect with the WhatsApp. You can shorten that URL, and that's a separate topic. But let's see if you want to move to any specific page or call to action by now, whatever, you can do that. Now, let's explore some of the SEO factors here on the blog post. If you click on this SEO settings, click on the Basics. Here is the title tag. Now, what is the title tag? Let's say I write here. On the Google Koic Books, training in Lahore. Okay? So this is the title that will be reflected in here. As you can see here in the demo, that the main title in the search, whatever you search on Google, the main title will be reflected that if you created a post, it will show up like this. Now, what is meta description? As you can see here, let me just show you example again. This is the meta description, right. Below the main title comes the meta description. This is just a summary of this page. So if you want to create a summary of this post so that people can search and just look at this summary right here to get attracted to visit your whole site, you can add the meta descriptions. Now, these are very important factors, guys. If you want to add some meta descriptions, let's ask actually Chat JBT for it. Right, meta description for this post. Now, as you can see, the post is very big, but the meta description should be very small. And when we paste it here, it will be shown in the demo preview as well. So now you will see your website in Google just like this. So now it looks more professional guys. Similarly, you want to make your title tag as short as possible so that it can not be shown as dot dot dot. It should be complete before it extends to this dot dot dot. So let's again ask, convert above title. To title tag blog posts, let's say. So maybe it's able to short it. Now, it gives even a bigger title. So let's short it ourselves. Let's write something like this. The joy of traveling the world, it looks quite attractive. Now, the URL slug, again, a very important thing. When we click on any particular link, you should be able to see a link along with the basic website URL address. So this is the URL slug, QuickBooks training in the he. This is the URL slug. You need to make sure that it should not be too long, like a sentence. It shouldn't be that much long. So we have to adjust that. So as you can see here, the URS slug is, I guess too big, as you can see here as well, the joy of traveling, exploring the World one adventure at a time, that's too big. The joy of traveling. Let's say this one. So now it looks like this. You can even extend to the joy of traveling the world. Even this looks nice. And now you can see the index status. Let search engine index this page. That's very important. We will keep it as ticked and click on Publish. Now, guys, these are all the SU settings that you can do to your blog post. And that's very important factors. You need to consider that. And as always, you can take the support of Chat DBT if you can't find out what is the right meta description. How can we shorten this? So you can use all the AI features for that. 23. Changing Blog Title Images: You guys, in this video, we are going to see that if you want to customize the blog post, main title image, how can we customize that? So for example, if we want to visit our website, let's click on Design this site. Now, once we visit in here and if you switch onto the blog page, you can see the title image looks just like this. So if you want to customize this title image because it just taken this one from the post itself. So if you want to customize that, just select this settings and click on Manage Post. Just click on your post. And from here, if you want to select a title image that is separate from that, just click on settings here, and here is the featured image option. So for example, let's take the subpart of chat GPT here. This is the title. This is the title of my post design featured image for this blog post, let's say. So it will design an image for us. Let's see how it designs. So it has designed something cartoonish. But let's consider that this image is what we want here. Now what we can do here is it's in WEBPFle. So let's write sample image here, whatever. And we want to attach it to the featured. So if you want to change this, click on Update and you can upload the media here and you can select this image and click on Add to page. So now you can see the featured image has changed, and when we click on publish, it's updated like this. So if you want to visit the main one now, the page, it looks something like this, and this is how you can change the title image of your blog post. So just try this feature as well, and then we will move to the next video. 24. Getting a Custom Domain: Guys, in this video, we are going to see how you can set a custom domain when your Wix website is ready. As you can see here on the top, I have this website domain. So let me just publish this website first, and then let's see what option do we get? So if I click on Publish, from here, you will get this message right here. Congratulations. Your site is published, and live online, we can click on view site. Let's click here. And let's see how it finally looks. Now, if you check the domain of our website, it is a subdomain of the WIC site. As you can see here, it looks something like that. This web address is something like sad Nadim 201 dot wig side.com, forwardslash MSI. So if you don't want that, also, when we click on the preview and publish the site, it will show a banner on the top that this site was designed with the wix.com website builder to create your own website today. So if you want to proceed with that, you can click on Start now, and then you are back to this original screen. And here you can start over. Don't worry. When you sign up for that, you can just make the copy of the website that you have just created as well. So basically, this requires some subscription. So if you're learning just as a freelancer and you want to work for some of the clients, so obviously they will have the subscription and they will give you the credentials. So on that, you can work otherwise, if you're planning to start a business or you want to create your own website, you can just start with wix.com subscription because I believe it's a great tool to create some awesome websites. So how will we upgrade that or how will purchase that? So, for example, let me just get out of here. Let's get out of here. Let's close this, cancel this. And now you will see this little button right here. Before the preview and publish, you have the upgrade option. So let me just show you if I want to upgrade now or you want to just see the plans, you can click on the Compare Plans option. You can check different plans, and you can continue with any of them. But if you want to undergo the professional work, I recommend you to choose this one, which Wix has also recommended because you need a storage space, right? So in the light, although you are getting the free domain, but the problem is, you get only two GB of storage space, and that's very less, guys. If you have some number of visitors, like ten to 15 visitors a day, it will be very less for you. So at least this one or otherwise, you can try this one. But if you're just working in the practice mode, everything works for you well with all of the functions fully working. Only when we want to remove the winner and design our custom domain only then you will require this subscription. So for the business elite, it's great if you are professionally working. Unlimited storage space is available. You have free domain, you have accept payment feature, advanced ecommerce, and everything that you ever need. Whatever you choose, for example, this one, let's select that. You have the option to choose the bill cycle for the business plan. So for example, for two years, you will get some discount as well and yearly, monthly, whatever you like. All right. So after that, you can just continue with that. Whatever plan do you want to choose. For example, I want to opt for monthly. So what we get here, we get the monthly subscription don't include the free domain for one year. Okay. Get found today app UBRLTrop shipping. So these are services that are not available. You can click on Continue to Check Out. It will take you to the payment screen where we have the option to pay with PayPal and credit card and all the further details. So you obviously know how to process this further. So I'm not going to enter all of these details because that's a pretty simple method. All you have to do is just choose and enter your credentials, and you are good to go. And after that, you will see something on the main screen that congratulations your site is premium now, and after that, you can choose any of the domain that you want for your website, what is called the custom domain. If you want to set and find a unique website name for you, you can use the Namecheap, as well. It's much better than here because you are not stuck on one platform. On WIX, if you proceed it further and create all of these things, you cannot shift it to the other platforms while on Namecheap, you have the options to move it to any platform that you want. Let's say that you have created all the website on WIX and you have successfully upgraded your package. After that, you can connect it with that domain as well. So that's pretty much it, guys, is how you can do that. So obviously, because you are in the beginning stage, it's very simple afterwards, but you just have to connect it and you're good to go and you can find your custom domain name as well if you are just starting from the scratch. So because we are in the educational version, we are just learning how to do different stuff on WIX. This is how you can basically get the custom domain and upgrade your service on WIX. Try this by yourself, explore all of these options, and then we will move to the next. 25. Adding a Favicon: Alright. Now that we have customized and done everything, if you want to add favicon or favorite icon to the website, just like that, like you normally see on the website, for example, if I open web Whatsapp, you can see this little icon along with the tab of the website. So that is called favicon or favicon. So how we can add this. Now, if you're using the free version, you won't be able to change this, but the option will be same whether you are in the paid version or the free version. So if you are on the paid version or free version, whatever, you can just go to settings here, make sure you are in the editing mode of the website creation. So from the settings on the top, just click on this favicon right here. It also explains it on the right that you can add your icon look professional with branded icon next to the page title in the browser. So that's what we want to change. Once we click on that, it will open up a dashboard. So if we scroll down a little bit, you will see this favicon separate section. So this explains what it is, and your favicon icon is this one. So it will keep it to wix until you upgrade this plan to the premium. But once it is, it simply allows you to add any kind of picture that you want to set as your favicon, and that's pretty much it. This is how you can change it and it will look something like this. So just explore this area and then we will move to the next section. 26. SEO Tools for Your Website: All right. Now in this video, we are going to explore different SO tools that can help your website to optimize on the Google Search. Now here we are on the editing mode, but if you want to use some of the SO tools, just click on the Wix icon right here. It will take you to the dashboard. Just click here. And here on the left hand side, you can see the complete panel we will just go to this site in Mobile app. So it depends on whether you want to optimize and customize it for mobile app or for the website and journal SU. So first of all, we will go to website and SO and click on the SO here. So if you see on the top, there is SO assistant which will fix current issues and follow recommendations to improve the site performance. So here it is recommending to start the SEO setup. Basically, it's a checklist. It will analyze what is lacking in your website, what needs to be corrected, and also the issues that it has founded and recommendations, nine completed tasks, whatever. So this is the site performance on Google. Obviously, we haven't connected it to the Google Search Console yet. So once we are in the premium version, you can disconnect it to your live domain, and then you can connect it to Google Search Console. But that's the part for later on. If we scroll down a little more, we will see the tools and stings. Where we have all the SU settings, inspections, site maps, site verification, all the things robot dot text editor. So all of that is here. Now, the site verification is very important. This adds the verification Meta text from the search engines to claim the site ownership and get access to the search data. So if we want that, obviously, we want that. So go to the site verification. You can click here. So from here, like I said, you just need to connect it to your Google Search Console and let's explore some more options. Just go back. So here if we scroll down, the URL redirect manager is also very important. For example, you have posted a blog post, but that method or that update is a little bit old. So you have the new version which approximately same topic, but the latest one. So you want the older traffic to be redirected to the new link. So here you can use this redirect site visitors to search engine from an old URL to new URL. You understand what I mean, that you are still getting traffic to the old information, but the new topic or new blog post is approximately the same information, but the newer version of it. So you want the old traffic to be redirected to the new blog post. So that's the purpose. Site maps is also very important feature. So once you index your pages onto the Google Search Console, so this basically helps to index your pages. Now, the robot dot text editor is something if you want additional thing to your website via coding. So although you can find different codes pre made, you can also take the support of hat GBT here, but it's for the advanced version, you don't need this much. So most of these features are directly covered by the WIC website. So we will find each and every tool here. After exploring all of these functions, just go to the SU settings right here and click on go to SU settings. Now here we will find this blog post, main pages, pro galleries, and all of these things. Now here, let's click on main pages. And from the main pages, you can customize the defaults here. Just go to the defaults, and if you click on Basics and social Share, click on Edit, you will find the general arrangement of the title tag. So normally, you see the page name with this sign and then the side name. So it looks like this. So when the pages are indexed on Google, it will be like this that first is the page name, and then the site reference will be mentioned. So we will give it as it is because this is the journal layout of how the pages work. Now, similarly, if we go back to the SU settings, you can just hit one back step. And click on Block Post. And from here, if you click on customize the default, click Add it here in the basics and social share. So here is the arrangement here as well. We have the post title, and we don't have any much details more. So if you want to name the site as well, just like we saw on the main pages, so we can add the variable here. So let's click on add the variable and just scroll down until we see this site name. So add it here, click, and you have it added right here. Here we will also add some variable. Let's add you can add this one post excerpt. Now what is post except you might ask? Well, basically, the post excerpt is a short summary or snip it for a longer piece of content. So such as your blog post or article, basically, it serves as a preview giving readers a quick idea of the topic or the post topic and main points before they decide to read the full content. That's what we want here. This is kind of a post excerpt here. This is kind of meta description. You can call meta description as well. So here, this is the summary or post excerpt. So in this particular section, we only need these customizations. Click on Save and just go back. All right. Now, after making all of these adjustments, let's go back to the editing mode. And right now we are in the setup mode. Let's click on Edit side. That's going to take us to the editing board. Now, if you want to adjust the SEO for your specific pages, it's very simple. Locate the menus and pages here. So it might be on the first option, it might be on the third, so you have to manually locate that, or otherwise, you can just adjust that. I'll just go to pages and menu. If you want to adjust a particular page, let's say home tab for the SU, we'll click on the side menu, and here in the side menu, we'll see all of the pages that we have attached. So for example, the homepage. So although it's not showing on the main page as a main page or as a button, but it still exists, right? So we will click on these three dots and click on the SU Basics. Now, once you click here, here's what you see. Now, if you scroll down the name of the page come first, in this case, it's homepage, and after that, the keyword description of that specific page. So it explains it as my side six, whatever, but we can change that. So for example, name of the website is Travel Blog. So keyword description would be something like this. Now after that, you need a meta description. Now, I have already explained what meta description is. It's a summary of the page. Whatever it is about, it will show you this. So let's search on Google, any travel blog, let's say, whatever. So these kind of these descriptions are the meta descriptions. So something like that, let's copy this one and ask Chat GPD to recreate something unique. Recreate something like above, but that should be unique. So it has created something like this. As a meta description, let's copy and paste that in the meta descriptions right here. So as you can see, this space was empty, now it shows umsing like this. So just make sure that you don't write too much words here. As you can see, there's a limit to it. It's recommended to use 155 up to 165 characters to summarize this page basically. So whether this is left blank or not, search engines may show different content from the page. So even if you leave it blank, this is a Google search format that it will still show some of the summary, even if you don't write any. Better to write by your own otherwise, it might not be making sense if Google automatically picks up something, although they are smart enough to pick the right sentences. But still, it's better to show you what your audience need. So let's explore one of them. So for example, as you can see here, the shooting star. So as it says here, the name of the website is first, and then it's about a specific topic. So let's write Travel blog a Vietnam. So as you can see here, because the website name is something else and they have put a complete Vietnam guide. So as you can see, this is the format. And whenever you open any particular blog or website, you will see the format of this. First is the website name. It might be different. In this case, it's different. But you can see the icon and the description and meta description, all of that. So this is how it looks. You can create something like that. Now, for example, let's go to the second page and click on the About us section. Now you need to do the same thing. Now, as I showed you that in some of the website, it's not the case, but it's better for SU that you do that. Just click on here, go to SU Basics. So you just need to make sure in every single thing, although it's by default registered, first is the tab name, whatever it is about us or destinations or blog, whatever, or contact us, and then should come the website name. So as you can see here, in this example, it is perfect. You can see here, it's A LikTravelblog. So this is travellog.com. If you open this, you can see this website that on the tab, we can see the about me section, and then the website name suggested. So that's exactly what we want to do here. Now, you need to do this for each single page of yours. Now, Msiide six is something if we change from the main page, it will change it automatically. For example, if we close this and now we are on the main page. As we can see the site name is Mside six. So if you want to customize that, we'll click here and click on go to AllSlides and when we go to All slides, we will see a screen kind of like this. Let me just show you this is the screen. Now let's go to this three dots right here. If we want to change the site name, let's rename the site. Let's name it travel Mystery. Like this, click on Safe. And now we want to check if it is adjusted on the pages automatically or we manually need to change that. So let me just close everything else, select and edit the site. And now we can click on Edit site from here. Now, once we're in here, we click on the pages and menu from here. And now let's see this. Now we have already done home and About us. Let's quickly explore through About us. Click on SU Basics because I believe we haven't made any changes, and now you can see that website name is automatically updated. So whatever you mentioned at the start, it will automatically be adjusted, so you don't need to worry about that. You can just check the meta descriptions if you want to add it separately. But otherwise, these settings, you don't need to worry about that. It will be automatic. But just for the SEU concerned, you need to check it one by one. So you can add all of these meta descriptions. You can check the inspiration from Google different websites, and you can come up with something of your own. That's it. Just practice this. Locate all of these things. I want you to rename the website like I did. And also, you need to adjust all of these, check some meta descriptions, and your task is you can add different meta descriptions for all of these pages. And then we will move to the next video. 27. Mobile SEO Optimization: We have done that, we will see in this video that how you can optimize your website for mobile. So it's very important that your website should open on the mobile version properly. Now, we need to make sure that everything looks good on the mobile and for that to make sure, we need to see the mobile view. So right now we are on the desktop mode. But if we switch to mobile from here on the top, you can switch it to mobile and make sure everything looks good. So let's quickly switch it. And as we can see, this is how it looks on the mobile version, met your site on the mobile, you can start customizing it here. Changes want to effect how your site looks on the desktop. Let's and next floating window, next, and you can go to the mobile editor. So this is how it looks on the mobile. As we can see here, not much of a problem, but the main title is not showing here. Now, as we switch it to the mobile view, it shows you something like this. If we skip some part, you can just switch the pages to home page and then click on the mobile version. So that way, you can quickly see how it looks on a mobile. Now, you can make all the adjustments about the mobile and it will not affect the desktop site. So that's a cool thing that whatever you want to edit that. So for example, I want to place it like that. I want to show it like this on mobile. Let's adjust this one as well. The logo looks nice on the top. But let's just adjust this at the bottom or whatever. So this is how you can do that. So you basically got my point how it is done. You can adjust different size, tweak it according to your now if you look at the overall website, everything looks good. If something looks odd, you can just hide that, and there you go. If something doesn't fit in, you can just adjust that just like that. So for example, I want to adjust that like this. And similarly, I want to adjust both of these the top, just like that. Just scroll this one to the top as well, and you can see that it doesn't look proper, so we can expand the size of it so that it looks proper. We can adjust all of these. You can reduce the size of the particular things. Let's just that one as well. So this is how basically you can make all of these adjustments, and once everything looks good, you should be able to move to the desktop and everything will look just like it was before. So for the mobile editor, this mode is different. So as you can see, it didn't disturb the overall look of how it looks on the desktop. Now, guys, I have quickly edited all of this website. Obviously, it will need the time and creativity to find different appropriate pictures, find the right color scheme and all. So this is a pretty basic website. This is just for the demonstration purposes, you can add much more things into it. But basically, you need to find all the amazing pictures, right fonts and whatever suits on your website. Now, as you can see that follow us on Instagram was continuously binking, so I just moved it around, and now it's fine. That's pretty much it. This is how you can make all of these awesome adjustments on the mobile. You can do all the customizations, the SU work, just like that. So just follow all of these steps because I want you to create everything by yourself. So just do it by yourself, and I'll see you in the next. 28. Search Indexing Settings: All right. Now let's learn how you can show the Wix website on the search results of the Google. So we have to enable some of the settings that I'll show you how. So from the left corner right here, just click on the website and SEO, and it will show you the options. Click on the SEO. Now, if we scroll down, we have the option of site settings right here. Just click on it. And after that, you will see this option right here. Let search engine index your site. Make sure that this is enabled. So it's very important settings if you want to list or index your site pages. Now, let's say that we want to add a pricing plan kind of three packages if you have basic intermediate and advanced packages, something like that. So we can add that invex very easily with an app. These are just the final steps. Obviously, it will depend on your business if you want that or not. So let's just go back and head over to the website. Now, how we can open the website. Just click here from the top and click on here. And once you are on the dashboard, just click on Edit site. Now, from here, if we want to add some of the apps like the pricing plan which I was talking about, you can just search for Add Apps option right here. Might be somewhere else to the bottom to the top, but you just had to find it just over each option and you will easily find that. So click on Ad Apps and just search here. Let's say pricing plans, something like that. So if you want to add the pricing tables just like that, you have all of these free plans available. So if you want to install the WIX pricing plan, that's what we want here. So let's click on that. And it will add something like this one. Big near Bro VIP, whatever packages do you want to offer for your membership, whatever. So click on Add to side. And as we can see, it takes some time to add the WIX pricing plans. Let's just wait and see how it looks. Now, it has added all of these things here, but if we just want to move it down, we'll just hold it and you can drag and drop it anywhere you want. Now, if you want to remove it or move it somewhere, we just want to remove it first. Let's see how we can do that. So if we select that and press Delete, it want people to delete it as you can see here at the bottom, you can't delete pricing in plants. To remove it, delete the Wix pricing plans. Now, if you want to delete this plan delete the pricing plan, we need to go to the dashboard. And for that, we will just simply click on the WIX website logo right here. From here, we will find the apps, and from here, we will click on this manage apps option. Just click here, and here you find this Wix pricing plans right here. If you scroll down a little bit, you will find that. Now if you want to delete it, just click here and click on Delete and go to the editor again. Now it will update the site. Show you the original state how your website looked before. So this is how it's done. Now, let's choose a particular area before adding the pricing plans. For example, I want to add the pricing plan here. So in that case, we click on add a section, and it will be a blank section. Just drag and drop it anywhere you want. So for example, I want it to be right here. We can move this section. The benefit of section is we can easily move that. So for example, we want to move up, we want to move down. Now, again, down here, after that, it's not the sections, it's different areas. So that's why it's not showing like that. So actually, let's add the pricing plans right here. So let's just expand this one a little bit. Now here we will add the pricing plans. Let's go to apps and just write here pricing plans. And here we can add any pricing table. Let's say this one. This time, I'll install this one because it has some better reviews, so add to sit and agree to add. Again, it will take some time to customize all of this, and it will do the perfect setting for you. And as we can see, it's very concise, it looks very good, and that's how you do it. Obviously, to change any of the pricing plans, you can just head over to the settings and just customize the pricing table. So basically, this is how you can add different things. Now, if you want to update that pricing table, you have all the options to do that. You can just go to the settings, customize this form here and you can add some pricing plans here. Now, this is more of an advanced function, so I'm not going to explain you in detail about that. So that's it with the final touches of the Wix website or blog. Obviously, it's a basic blog, but just learn how to create this one so that you can learn more about this. Just I recommend you to be creative and create something of your own. Whatever is your idea of the business, some travel channel, whatever, bring that into creativity and use all of these functions because I just quickly showed you all of the functions. But this is a creative field. It will obviously take some time to get the proper design idea and just create all of these things. So you can take the inspiration from different websites and create something beautiful. But this is the tools you can easily use to customize the blog. 29. Introduction to FAQs: Alright, guys. Now, from this section, we are going to see little nitty gritties and different functions on Wix. So it's not compulsory to cover all of them in this course. The course is already completed, but you can check back to different tips and tricks on wix.com, how to do different stuff. So I have covered all of that in this particular section, which is called frequently ask Question we will learn how we can do different stuff in WIX, whether it's linking the custom domain, whether it's linking the Google Reviews to the Wix website, whether it's adding the Google maps. So we will cover everything in this section. Some of them I have covered in the earlier videos, and some of them will be new for you so that you can get all the support from here on this course. So let's get started with this section. 30. Connecting a Domain for Free: This video, I'm going to show you how you can connect the domain to WIX for free. If you don't want to pay right now for the WIX plan, how can we do this? Let's see. Now, this one is not a perfect solution, but if you just want to redirect to a proper domain to your WIX website, this is how you do it. Now, I have some websites right here. Right now I'm working on this website, but you can just click on G to A sites. Even if you want to create a new website, you can easily create it from here. Right now, I have created some different websites. Let's go to this one I want to use. Just open that. Now, just click on Design side or Edit side right at the corner. Now after your website is finalized, just like that, you can click on the Publish button right here. Just make sure you publish this. And after that, it will ask you for the domain here. Now, what you can do is just copy here, and this is your domain, right. So, here it is showing this site was designed with wix.com website Builder create your own website today. So it's an kind of advertisement sign, and this is how the domain normally shows up. No, I'm not sure what you use to buy the domains, but I use Namecheap to buy the domains. So let's quickly log in to the Namecheap account. It's very simple, even if you want to create a new account. I'm already logged in. So if you want to just sign up, just click on the account right here, and you will immediately get to this screen. Click on signup and we can mention here all of our details. It's pretty basic, so I'll just quickly fill into the details and create the account. I'm already logged into my account now or I have created a new account. Now I will just head over to the top. Now, let's click on this domain, and you can search for domain names. I'll show you the complete process of how you can buy that. So let's go to the top and go to the domain name search, and you can just search for the domain name that suits you. So, for example, I have finalized the name, search for it. It's available, but it's so expensive. So you can use some other name. Now, in this video, I'm going to show you how you can register or buy the domain on Namecheap. So let's see. First of all, we need to make sure that we are signed up in the Namecheap account, as I have already shown you. Now just click on the domain and click on Domain Name search. Now if you have an idea of the domain name, that's perfect. You just enter it here and see if it's available or not. Also, we want to find the cheapest domains possible. So let's write here something. For example, I want this one, Mango Skills Academy because the simple war was not working or it's so expensive. So I want to mention something else. So you can write anything like academy, videos, whatever. Similarly, let's write upscale videos. Now, as you can see, upscale videos.com. Let's right here, see if that's available. So this one is also available for the cheaper price, which is 11.28 per year. So that's good. Just make sure that whatever you buy, just sign up for the.com domain because when your business grows, dot com is used worldwide, and that's going to provide you so much of benefit instead of buying some other.net.org and other things like that. Let's click on Add to Cart. Now in the next step, this one, these are all of the addons that we don't need right now, so we can just simply go to the bottom here and click on Checkout. Now, just make sure that subtotal is equal to this one because if they have enabled some of the addons, you will find it to be way costlier than that. So I want to register it for one year. We have the option to register for five years, two years, whatever you want to plan and select. You can select auto renew or you can just cancel this. I want to cancel this because this is just for the information purpose. So you can select the auto renew function as well so that you make sure that your website doesn't go. Deregister. Now, this one is very important. Make sure that you enable this domain privacy, and that's free forever, so you don't need to worry about that. Now, as we see all of these things at the bottom, we don't want any of these if we check down. These are just add ons. But right now, we will just stick to the basics and click on Confirm Order. After that, you will see this screen, which is your account contact information, make sure you enter the right information. I've just entered some of them as an example. So this is all the information that you need to mention. Just mention it like that. Make sure you fill all the details here and click on Continue. You can save the details if you want to, but right now, I'll just click on no thanks. Now this next page is who is contact information. I can just keep it all as it is. If you have mentioned the right information. You don't need to do anything. And after that, just continue. Just make sure on the right that the subtotal is still right. Let's click on Continue. And then you can just simply add your card details. Entered the name of your card and just entered the billing details. Billing details will be picked automatically. You can just select the paypal accounts once, whatever. And after that, you can just simply buy it. So let me just quickly buy it, and then I'll show you the further process. Now I've set it to pay now. It will take some time to process. You just approve it from your device, and it's now processing the order. You will see the progress. Now it's going to show you something like this. Thank you for your order click on next. You can just read them as well. Click on next. You can type message. It's good to do that. Click on Done, and that's how you do it. Now to find your domain, just click on the profile icon right here at the corner and click on the dashboard. Once we click on the dashboard, you will find the domain here. You can also check the domain list to check all of the list of your domains. So here is my domain. So that's all we need to do to buy the name cheap domain. Now, from here, if you want to connect this to the Wix website, what we can do here is just right here, just click on Manage. Now, once we are in here, you will see all the interface of your domain. Just make sure that in the name servers name cheap basic DNS is selected. Here, what we will do here is in the source URL, we will paste the same name of the website that we have just bought. And on the destination URL, we will redirect it to this one. Now, what we basically need to do is just save changes from here, click on safe changes, and now it's fixed. Now, whenever someone visits this website, it will redirect it to this URL. Now, it will not happen immediately. It might take some time, ten to 15 minutes. You can just check out after that. So let's just try this, but it's not going to work immediately. You can wait for some time and then check this. So let's right click and click on go to the website. And now you can see that it immediately updated. How cool is that? So if you just want to create a quick website and then just link it to a domain to just quickly start, basically, that's how you do it. Again, this is not a permanent solutions because you will still see this message and this website address like this, but that's at least a quick solution if you want to link it to a proper domain. So that's how you can link your domain to the Wix website that you already have. 31. Adding Google Reviews: In this video, I'm going to show you how you can add the real Google Reviews on your Wix website. So it's very simple. All you have to do is just follow each and every single step that I'm showing you right here. So let's get started. For that, we need to sign up on this helps site, ELF site. This is an external application. As you can see, I'm on a different website. Just quickly sign up from here, and from here, you will find all of these widgets that can be attached to the Wix website. Now, after that, just click on the widgets and you can find it right from here. But if you want to just search it directly, you can just click on see all widges right at the corner and from here, just write Google Reviews, hit Enter, although we can see it here as well. Now just click here. And on the right hand corner, also on the left hand side, you will see this Create widget for free. No credit card needed. That's perfect. Click on Create now for free. So here I have different styles that I can choose, as you can see here. This is one style, this is one style. So however you want to see and add your Google Reviews, you can do that. So, for example, I like this one. And we have many more here as well as you can see here that if you want to check and scroll, you will find a lot of options right here. It also depends on the theme of your website, whatever suits, you can install that. So let's add the simple Carusal. Now, let's click on Continue with this template, and we can simply add the business name and address. So let's search for a business here, click on search, and here we have it. Click on Add. Now, we need to make sure that it is registered on Google My Business, otherwise, it won't be showing it here. As we can see that all of these reviews are real reviews that people have given on that particular link or on that particular business. So click on at two website for free. It's saving your widget. And after that, we haven't created the signup for this website, so it might ask for the signup. And as we can see that Widget is created, you can sign up to embed the widget. You can just sign up Continue with Google. You can sign up with Facebook and whatever email do you have. So let's click on Continue with Google, and we have chosen our account, click on Continue. Now, after that, you can click on the publish on the right corner right here. We'll publish. I will show you all these options that you can get. So we are opting for the free plan. Unlimited website. One widget is available. We cannot create more widget here, 200 views. So click on Select, and there it's going to give you an embedded code. You can just copy and paste this code into the desired place for your website, whatever it is. So let's copy this code. And as we can see, all of these platforms are supported here, whether it's drop a five Wix code eddy wherever you want it. Let's go to the editor mode on the Wix website. Now, just click on the element section from here and here use the search function and just write here HTML because this is a code, we need to paste it somewhere, right? And let's click on Embed here and let's now select HTM Embed HTML. And now you can just piece this and click on Update. And after some time, it's giving you a little box right here, and as you can see that we have the Google Reviews right here. So let's close it here. Let's add a new section to our page. So for example, I want a new section to be created. Let's add it. So click on the section right here and let's select basics, for example, and let's choose, let's say, this one. Now, if you want to move this section downwards or upwards, you can move that. So for example, I want to place just at the bottom right after this section. Here, it looks nice. Now, I'll just copy this widget, cut it actually, and paste it right here in this section. Now we can increase the size of it, and there we have it. Now, let's change the background because we are unable to see this. So let's change it to a simple color, just like this one or which one or anyone that you like. So like this. And there we have it. Now we can adjust according to our size requirements, whatever you like. And now the people can get here and see all of your reviews about your business. So that's how you do it. After that, just make sure you save everything. It's automatically save, basically. So that's pretty much it. This is how you can. 32. Building a Site with Wix AI: In this video, we are going to use the Wix AI website Builder. So it's a complete tutorial basically how you can create your website on Wix with AI. So right now I am on my dashboard. Once you sign up, you will land up in this area. Now, if you want to create a new website, let's say you are already working on one and you want to just start it over again and create the website, the new one by AI. How we can do this, it's very simple head over to this corner on the left and click on New site, create a new site. So let's see how the AI creates the website and whether it's a good idea to create the website by AI or we just have to manually do it all together. So, it says, bring your ideas to life with AI. We're going to provide some information to the AI how we want our website. So it's a chat feature by Gemini, so let's click on Starchat and it's asking first, tell me what your site is all about. So let's say I have an educational website. Now, it might ask you some different questions. So you have to act and answer accordingly. Let's click on Send, and now it's going to ask you some different question. What's the name of your educational website? So let's say knowledge everywhere. And you can see on the right that it's filling your side profile right here. So who is your target audience? Now, just quickly describe your audience. Let me just quickly write something. So let's say that I have written my target audience R. That's right, audience here. Are all of the students and professionals who are already working in their relevant field but want to grow and learn further by adding and learning some soft skills to their portfolio. Now, let me just correct the spellings here. So the more detailed response you give, the more it will understand about your business. So click on it will continue to ask some of the questions and you can reply accordingly. But do you have any specific features or functions in mind to your website? I will say no here so that it start creating the website. Let's see. And as we can see, something is processing on the right, and now you can see you all set. Let's go to the dashboard and see what it creates. Now it will bring us to the dashboard of the website of the new website, and you can see the new name that we have given and replied to. So this is the new name it has given to the site, and click on Design Site on the right. Now, until this point, the design website is not created. We can customize this templt as you can see here. How would you like to design your website? I want to design it and generate with AI let's use this option. Now, as you can see on the right hand side, it has created something amazing, guys. The menu, the search function, and all the knowledge everywhere kind of it shows here. It has mentioned some of the services, basically added the pricing plans, educational insights. So if you like this design, this is the site brief. Like this. So if you like this to start with, obviously, you can later on customize that. But if you just want to regenerate the design or tweak the design, I want to regenerate the design because it looks very basic. So let's click on regenerate the design, and let's see what it creates now. Now it has created something like this, and we have different versions for this as well. So version one was the earlier one and this one was Version two. So you don't have to worry about that if you later want to move to the earlier version because that happens a lot, that first time, we don't like the design, but when we see other options, we like the first one. So let's click on Regenerate the design. And let's see the Version three, and then we will finalize. And I don't like the third one as well. So let's move to the first one. Let's click on the center to directly move to the first one, hover over it and then select the Version one. Now let's click on Continue with design, and let's see what further does it add. Complete the design with your own domain or continue to the editor. So let's click on Continue to Editor. So as you can see, it's giving the final touches, it's adding the blog all by AI. So let's see the final look in the editor, how it looks. Basically, I landed to this file share option. Let's click on home. I got this error. That's why it didn't I think created that. So basically, my website was crashed accidentally, but basically the design we have seen, it will create something like that, but I don't find it very special if you use AI because the AI website creation is still at very basic level. So what you can prefer is just use templates to create the website. It has some awesome templates that you can use to create some amazing websites as we have seen before as well. So that's pretty much this is how you can create the website on Wix by AI. Just try it by yourself, and I'll see you in the next one. 33. Creating Events and Tickets: This video, we are going to see how you can create an event on Wick's website. Let's say to sell tickets or for whatever reason, you want to create it. It's very simple to create. First of all, you need to choose a website. So I have already chosen mine, and I'm in the editing mode. So in the editing mode, you need to go to Add Apps option right at the corner. But before that, you need to specify and decide where you will place that. So as you can see, there is not much space already, so we need to create a new section. So first of all, let's go to the section and click on the basics and just decide wherever you want to place the event. So for example, I want to place the event right here, scroll down and it will give you different options, as you can see here. Whenever I scroll it down, it says, Do you want to place it here. Whenever I scroll up, it will ask you whether you want to place it here. So, for example, I want to place it right here. So I'll insert the blank one, this one, and as we can see, we are back in the editor. Now we have the extra space. Just expand it a little bit because we will need this space. And after that, you're good to go. Just click on this ad apps. And from here, just click on the events. You can search it from here, you can search it from here, whatever you like. And from here, just click on this event, Wix events and tickets. This is the app we want to install. It will show you something like this, add to side, free to install. Let's click on that and it will take some time. Now, I recommend you to create this section and then just move to that particular area so that it adds automatically here and we don't need much adjustments. Let's see how it places it. Now, as you can see that it has placed the events, but you will be confused at what happened to your website. Nothing is being shown. Don't worry. On the top corner, you can see that we are on the Events page. If we click here and just go to the home page. Nothing will be disturbed. It will be in the original order as it is. As you can see here, everything is intact. No problems. Now, as we can see that we have different events here, we have a separate page as well. But this is of school events. This one is the one we created, this one, the upcoming events. So how we can add this on the homepage? Because when we move to the homepage, and scroll down in this special section that we created, we don't find any particular event here. Neither if we scroll down, we find any event. So how we can insert that it's very simple. After that, just click on the plus because it is all added in the add elements option. From here, just click on the events, and here you have different events. So for example, whatever format you like for your website, you can choose that. For example, IR this one, just click on it to insert, otherwise, just drag and drop, and there you go. What if you want to customize these events? It's very simple as well. As you can see here, we have successfully inserted Wix events. So once we click on anywhere on these events, we will see this managed event option. Just click on here. Now, for example, if you want to add a new event, you can add it as well. We also have the event. This one, you can either manage it or delete it whatever you want. So let's say we have selected multiple events and you want to delete all of them. Just want to keep this one. So after selecting, you can click on this canceled events option, and all the events will be canceled. And now you can add a new event. So click on Add event. Now, it's your choice if you want to create an RSVP event or a ticketed event. If you offer paid or free tickets, set the currency in taxpayer perfect for classes, workshops. So if you have something like that, let me just zoom it a little bit. So if you have something like this, you can select the ticketing event. For example, this is a digital marketing workshop. Now just copy and paste this one as well in the short teaser, or you can just take the support of Chat GPT here to write it for you, details, whatever, I'll just mention it quickly. Now, if you want to select the event category, you can select any one. But if we don't have already, as you can see here, just click on create a category and we can create any category we want. So for example, marketing. This one is related to marketing, click here and just confirm. Now, for example, this one is a single event, which is happening on the March, let's say 25th of March, start date end date will be same. The event will be starting on 7:00 P.M. Till 11:00 P.M. Let's keep it as it is. You can set it recurring event to be decided, whatever you want. So I've set it to single event. Now, for example, this event is in Dubai now it will ask you a couple of questions more display show event and date and time. Let's keep it as it is. Show time zone. Okay. I don't want to show the s zone exactly. So physical location online ought to be decided. So this event will be a physical location. Now, it will ask you the exact event location as well. So let's just say Epoe Center Dubai. So let's write DWTC. Basically, that's Dubai Walter Center. Now, what you can do is you can write more about the event. Obviously, it's optional. You can add image, you can add video, whatever you want audience to guide about the ticket. You can write it here, write anything. I'll just write here this one. So basically, you can write anything here, you can add the files. And after that, on the top, you can click on Create a draft. Now, if you scroll down a little bit, you can see you can create the tickets from here. Now, if you click here, it will ask you some further info, and it will create a ticket just like this. Let me just show you a preview. Okay, we can't see a preview until we set the price. So it will ask you, what is the ticket name? Let's say this is digital marketing class, advance class. 05. And if it is a fixed price, you can choose this one if you offer different prices for different categories. For example, for child adult senior, you offer different prices, but we don't have different prices in this situation. Pay what you want. The guest enters the ticket price, okay? The guests choice to enter the ticket price. Usually this happens whenever there is a charity event or something like that or an auction, something like that. So free. Now, if you offer the free tickets, you can mention it here, but we will give it a fixed price. And for example, it's off $20 because this is a quick workshop. So let's write here US dollars. Just write USD. You will get the option. Now, if we scroll down a little bit more, it will show you that choose who pays the ticket service fees. Pass the ticket service fees onto the buyer, absorb the ticket service fees. Okay. So if we have some additional fees, we will charge something extra. But if we will pay that service fees, whatever it is, we will charge the net amount. So it's your choice, how you want to keep it. So we will keep it to the basics, pass the ticket service fee onto the buyer. And if you want to create the unlimited tickets, you can generate that. Otherwise, obviously, we have a limited capacity. So let's generate it, let's say 50. Now, after that, you can set the ticketing policy as well. Whatever the policy is, you can design your own. You can use the hat GPT for that one as well. So whatever you like, you can do it as well. Set the sale period. You can set the period here from which date till which date the tickets are available for sale. Let's close this because I don't want to set this at the moment. After that, you can just create the ticket. You can also preview it before printing it. So click on Safe changes. I will create a ticket like this with the QR code. This is awesome. So click on Safe. Now, here we have all the other things as well. For example, if you want to go to settings and you want to change something or you want to customize something, order confirmations, invoices are not being sent. Whatever you want to see there, you can just check that email you receive, if you want to send or receive the emails about the progress, you can do that as well. But let's just click on the overview. After that, you can just add the payment here. In the overview section, you can accept the payment, click on add the payment method. Now, from here, we can accept different payments. You can accept the credit card, debit card. Now, it depends on your location. So if your business location is somewhere in the country where the payment facilities are not attached to Wix, then it will show you different options. So might be, you will see the manual payments option there. So you can connect to PayPal, accept credit card, whatever you want. These are all the services you can connect to. So for example, I want to connect to PayPal, so click on Connect. You can just mention your account information and all the things and buy PayPal or pay later or whatever. So I'm not going to mention this because you can just simply mention your account information here. And after that, you can just find your events in the event section, click on draft and here is your event. Now, if you want to publish this, but before that, let's choose an image for that as well. Let's click on Edit Details. Let's click on Image picture, and let's add digital marketing. Let's say this is the one I want, add to page, and there we have it. Click on Save. Now, again, we are here, just click on the drafts and we have this one in the draft. Let's select this and click on Publish. Now there are no drafts. Now if you want to go to our website, just click on the Home tab from here and just click on this link. So here is our website. And if we go to the Event section, we have this digital marketing workshop right we click on more Info, we have this one. This is an RSVP. But when we click on this, this will be a payment. So you can choose this quantity and you can check out. And after that, you can obviously link that and then it will be available. But this is how you do it. So that's basically how you can create the ticket. Now, whenever you want to delete this or whenever you want to cancel this, you can click on the left corner and click on published. And from here, you can just click on the three Dots and cancel event View orders, view tickets, whatever you want. So this is how you can create the tickets on Wix. Just ride by yourself, and I'll see you in the next one. 34. Removing Installed Apps: Hey, everyone. In this video, we are going to see that if you have already added an application on your website and you just want to get rid of that or you want to remove that app, how can we do it? First of all, just click on the Wix logo and choose the website wherever you want to remove it. And after that, let's say, I want to choose this one. This is a template. So you can just create any website if you don't already have it. Now on the left hand side, you will find this apps and manage apps option. But you can just search for apps here as well if you're unsure where to go from here. So you will get the same option here directly as well. So just click on the manage apps and you will see that we move into the same area. If you scroll down a little bit, you will find that installed Wix Business Solutions. We have a couple of forms and apps installed. So if you want to remove some of them, for example, this one, I will click on the three dots and click on Delete. Now, if it shows you this message, this app has visual elements on your website to delete it, go to the editor, deleting, publish your site. So click on Google to Editor. Now, I am sure that I have deleted it, but let's just see. Now, you will see this fix app market will automatically open, and from here, just click on Delete again. Just try to delete it. Now, here, if we'll ask you why you're deleting the app. So for example, I don't need it anymore, whatever, you can delete the app from here. So sometimes it confirms it twice, and then now you are good to go. Now, as you can see, to make sure that it is completely deleted, click on Add apps. And if we just search for the same app again, it will show you this free to install option, and inside it, it will show you this add to site and free to install option. So that is the surety that the app is successfully deleted. 35. Accepting Payments: Hey, guys, in this video, we are going to see how you can accept the payments on Wix completely for free. So this is a very quick and easy solution, especially if you want to sell some digital products from Wix. So first of all, we will click on the Editor section. Right now, I have opened the preview section. I'll just move to the editor section. So if you're anywhere here, you can just click on the Home tab and click on the website. So let's quickly open the Wix. So openwixs.com. And you must be already logged in and you will see the sites option. So whatever site you want it to be connected, you can choose that. You can also create a new site quickly by choosing any good template, and you're good to go. Just simply choose the template and you have the complete website ready for you. So after that, just click on A site. And once you are in the website, the editing panel on the left hand corner, you will see this ad element section. Just click here and in the search menu on the top, just right here, PayPal. Hit Enter, and there should be different things here. But let's just click on this PayPal button right here. And it will take you to this app market where it will show you this pay Pal button to be added to side. So this is a pre plan. We need to add or install this app. So click on Add to sit and click on Agree and add. Now, this will take a while, and it will immediately add a papal button for you. So you can just attach it anywhere you want. Now, for example, I want to place it here, and it says B now. Now I need to configure that. We can accept the Visa mastercard, but this payPal will just act as a medium. Click on Setings and after that, you can just simply enter your PayPal email ID, and you can just connect to that. You can also connect it to stripe or offline payment methods, but you can just simply connect it, and after that, just go to settings. Payment button type will be By now, you can change it to donation, subscription, whatever you want. But in this case, I'll keep it to buy now. And notifications, if you want to receive the notifications on a particular email, you can just add that email address here. Now, auto responder is a very good feature, especially if you want to share the link of a particular digital product. For example, when they make the payment, you can just click on enable the auto responder, and you can just customize the template. And here you can simply write here. Let's say, instead of this one, just select that and it will open towards right. Let's write here. We have successfully received your payment. Here is the link to your digital product, wherever it is. Now, after that, you can just attach any link you want, for example, here is the drive link, whatever, and you can just attach that link. You can just copy and piece that simply, and after that, just save it. Now, after that, you obviously need the product settings as well. So just go back. Just click on the products and you can just decide the product name, for example, ABC software. You can just select the fixed amount. You can write here, let's say, $50. So just write 50 here and keep on increasing the zeros so that you can see it properly. Default quantity is one, so that means whenever someone adds to the card on click or buy now, so the default quantity, it will choose as one. Allow the buyers to choose the quantity. Obviously, we will allow that. Now after that, just close out of here and let me actually connect it to my paper account so that I can show you further process when on the preview mode. Now let me just quickly attach it to my papal account. So once we enter something like that, you need a verification email, click on Send Verification email and it will send it to the email address that you have specified, and then you can confirm that. It will receive for something welcome to Power, something like that. Click on Verify. And once it is verified, you can close out of here. Now click on the settings again to see if now it is connected. And as you can see, it is connected now. So click on Close. After that, you need to click on Publish and then click on Preview. Now, once we click on Preview, you can click on By now, and it will take you to the summary page and where you have the option to buy this ABC software, you have the cost mentioned here. You have the quantity mentioned here, and you can click on PayPal Checkout. And from here, you can pay it via paypal. So that's it. This is how you can accept the payments on Wix for free with this awesome payment app, write by yourself, and I'll see you in the next one. 36. Adding a Privacy Policy Page: Alright. In this video, we are going to see how to add the privacy policy to your Wix website. So this should be a very straightforward process here, guys. But just make sure that you follow every single step and just try this by your own. Now, first of all, what you need to do is just click on this left corner where you will see the pages and menus option. Just click here. And after that, you will see this ad page option, click here. And now you can click on the blank page, and you will see and notice that it will insert a blank page for you. You can just name it as privacy policy and click Done. But this site menu has a lot of menus, so you need to drag it all the way down to the bottom. Now what you can also do is just click on the street dot right here, click on the settings and you can also hide it from the menu. This is what we want to do here because we don't want to show it on the main menu tabs. Now, we need to go in here. So just click on that, and it will show you this blank page right here. All right now that we have inserted it, we will click on this add elements section, which will take us to this add elements group. And from here, just select the text, and under the text, select the paragraph and choose any style you want. Just click here and it will insert a paragraph. Now, what we need to do is just add a privacy policy here, but we don't need to write it. We can get it for free from the free private policy generator. You can search it on Google. Let me just do it. Now you can just search on Google free privacy policy generator, and it will show you many websites. But the one I prefer is www.freeprivacypolicy.com. Just click here. Now just select for what you want to use it. I want to use it for the website. Click on Sep two, add the URL. Now you can just click Publish and get the URL and paste it right here. And you can write the site name, which is, let's say my site. Entity type I'm an individual. You can enter the country details, enter the state. Click Next step, and you can specify what you want from the users. Whatever you select here, just select a couple of steps and just click here to upgrade the privacy policy and just click here. No, I don't want a professional privacy policy, just a generic one. So let's enter the email where you want to receive that and click GND Now, as you can see on the right, we have the privacy policy. All right. Now I have taken a sample of the privacy policy. I have pasted here just the specific part. You can select that double click and paste it. And after that, you need to add a title here. So click on Add elements and click on text and select the small title. Now, for this purpose of video, I'll just enlarge this, but you have to keep it small. So just right here, privacy policy. And after that, you need to link it. Just select that, click all Link. Now, let's click on Page, and from here, we will choose the page of the privacy policy, for example, this one, and click Done. Now, if you want, whenever someone clicks on it, it should open in a new window or if it should be open in the current window. I'll keep it current window, click on Done. So that's how you do it. Now, I have covered in detail in the course how you can create this privacy policy on WIX, so you can check that out in the course as well. So with this set, this is how you can add the privacy policy on wix.com. Just ride by yourself, and I'll see you in the next one. 37. How to Password Protect Page and Conclusion: This quick video, we are going to see how to password protect any page on your WIC website. So for whatever reason you want to do this, for example, I want to password protect any kind of area, for example, the parents area in this particular website example. So I can choose just the pages here and click on Managed pages right at the bottom. And from here, you can just select the area you want to password protect. So for example, in my case, it's the parents area. Just click on the street dots right here. And from here, click on settings. Now, from the settings, you can either hide it from the menu to just make it completely hidden. But if you just want to password protect it so that specific users can see it, you can click on the permissions, and here you can just select that who can access this page, only the password holders. And what will be the password? Just make it simple one, two, three, four, that's pretty much it. Now close out of here and just make sure that you can see the key with this page. So let's close out of here. Now, if you click on Preview, you might be able to access this without the password. But when we publish that after that, you won't be able to access this. For example, in this preview page, we are still able to access this, but when we publish this and then view this side, now when we click on the parents area, as you can see, it requires a password. So this is how you do it. This is a very useful feature to allow only the special audience to have access to a specific pages. And those were some of the frequently asked questions which is most important in WIC website creation or working with other tools. Which brings us to the end of the WIC website course. I hope you enjoyed the journey and more importantly, that now you feel confident in creating, customizing, and managing your own professional website using WIX. So throughout this course, we have covered everything from setting up the website and working with WIX tools to designing pages, adding content, customizing the website, and making it ready for the visitors. Remember, the best way to improve your skills is to keep practicing. So don't be afraid to experiment with different designs, layouts, features, and ideas. The more you work with Wix, the more comfortable and creative you will become. And also, I love to see what you create. So make sure to complete the class project and share your website or the screenshots of it in the Skillshare project gallery. It's a great way to practice what you have learned and get feedback from the community. And if you enjoyed the class, please take a moment to leave a review and share your experience. Your feedback really helps me improve future classes and helps other students discover the course. Thank you so much for taking this class and congratulations once again for completing it.