hello and welcome to codefreewebsite.com youtube channel where you will find how you can create beautiful mobile responsive professional looking websites step by step without writing a single line of code in today's video i'm going to show you how you can create setup and publish a complete website using wix drag and drop website builder even if you are a complete beginner you will be able to make your online portfolio or a website for your business by following the steps which i'm going to show you throughout this video i'm going to cover the full process from purchasing a domain name from namecheap and how to choose a paid plan on weeks how we can connect the domain name with the website to give it a standard value and then we are going to customize our website a little bit to show you the process how we can create beautiful full functional websites for yourself and finally we are going to publish the website online so without further ado let's start purchasing the domain name you can support this channel by using the links attached into the video description to visit namecheap or wix website builder platform so after visiting namecheap let's search the domain name right here so i'm going to type out code codefreewebsite.com and let's click on this search button to see if the domain name is available for how to register so here we go the domain name is available on namecheap with the price tag of 8.88 us dollars per year but luckily i am saying i am going to get some discount by using this code so i am going to copy the code and if you are curious you will be able to get this exact domain with different extension so here i am getting dot com extension but if you are looking for net extension here it is with a different price range and if you want more options here we go we have got more options just take a look and the cheapest one as you can see you can register this domain with only one us dollars for codefreewebsite.xyz extension so as i'm interested to go with dot com so i'm going to click on this add to cart button as of now now i'm going to see that 9.06 is my total and it's time to click on checkout button right here here is the subtotal it's time to place our promo code which we have copied and now let's click on apply just take a look we have got some discount and the total price is now 7.16 us dollars so here in this section you will be able to change the time frame of your domain registration it is currently selected to one year but if you are interested you can select up to 10 years and always keep ordering you if you are serious about your business and website so that you don't have to come again and again to renew your domain registration and here the wizard the great thing is you will be able to get the whiz girl protection free forever so i always keep it enabled and i always keep it ordering you as i don't have to pay a single cent for this service so my privacy is always safe with namecheap so let's go for the next step i'm going to click on confirm order and after that we have to add our payment method so here i'm going to add a card and i'm going to blog the information for my privacy reason but before that let me show you some of the details that you are going to see you can pay with your paypal account as well and here are some other details so let me enter the information here in blur mode after putting your payment and address information here on this page let's click on continue you can verify your order details again here on this page so as i have entered everything correctly so let me click on pay now button all right so here thank you for your purchase so we have got a custom professional domain name registered and it's time to visit wix website builder platform to start creating our website so please click on the link attached into the video description to visit wix website builder platform after that click on get started button it is going to lend you to this login page if you don't have an account you can simply click on the sign up button to set up an account and after that provide your login details and then click on login now so now i'm signed in with my wix account and it's time to click on create new site to start creating our new professional looking website so here in this page you are going to see this question what kind of website do you want to create and you will be able to select any of these categories available here so let's say you want to create a website for restaurant business if you select this restaurants and food option from here you are going to have access to all of their beautiful professional looking customizable themes where you can put your contents to make these games working for you so let's say i want to create a website for business i'm going to select this one and then you are going to see two options we can select any one of these options for the first one you have to answer a few of the questions and based on the answers the week's artificial intelligence is going to optimize your answers and they are going to create your website automatically for you but it will have some lackings and you will not have full control over the website customization in this case we are going to go we chose a template so that you will have the option to select any template which you want and will be able to customize the template as we want we'll have the full control so let's click on this choose a template button from here after that we are going to see all of their beautiful business related templates appearing here so let's say i want to go with this template you'll be able to preview the template by clicking on this view button and then just take a look how this website is going to be looking like or let's say if we just go with this template which i'm seeing actually a portfolio website but i'm going to go with this one to demonstrate the process how we can customize so let's click on edit button from here so that the wix website editor is going to be loaded up and we'll be able to customize the website as we want so here the wix website editor has been opened up with all of its content and currently the home page is selected so that will be able to replace and will be able to customize each of these elements available on this page i am going to show you by working on few of these things so that you will have the idea how you can customize your website to make it fully functional for your business but before that let me talk about something else here for example here the home page is selected now i will be able to make changes each of these elements of this home page if i want and now let's say you want to make some changes on this about page but if you click here it is not going to take you to about page to go to about page and to start customize about page content then you have to select it from here then click on about it is going to load the page here now you will be able to select each of the element from this page and you'll be able to change however you want and then the other option here currently we are working on the desktop mode so whatever change we are going to make here on this website are going to be changed and going to make effect on desktop viewers but if you want to make your website mobile responsive then simply click here on switch to mobile device then you will be able to see how your website is looking like as of now on mobile devices and you will be able to customize the website as you need for example if i drag this image a little bit up or let's say here if i keep it here just take a look how it is going to look like all right so this is the way how we can customize every element of this website for a mobile device as well from this option and in the next option we have got site from where we'll be able to save our work we'll be able to preview our work we'll be able to get some feedback we'll be able to publish our website to get our website available online for our viewers and then we have got settings option from where we'll be able to connect a domain name to our website get a mailbox upgrade our plan and then we have got few more options which we are going to talk in a future video and then we are going to have this tools option from where you'll be able to select the layers rulers etc etc so that these things are going to be available so i'm actually going to take you to desktop mode so that you will have uh full understanding here all right so from tool we'll be able to select the layers which are just appearing here on each of these section what are the layers available you'll be able to see by clicking here all right so let's cross it out i don't need this layer and then i don't want these rulers as well so it just disappeared and then we have got grid lines and snap of objects so i want to keep them all right then you have got that mode if you know how to write codes then this function is for you otherwise it's all fine to keep it as it is then we have got this help section if you don't understand anything and if you need more help simply visit this help section and visit their pages then you'll find more helpful resources to go with now we have got this upgrade section from where you'll be able to upgrade your plan and these are the basic basic things you know uh to undo any change to redo any changes then save and preview and publish buttons here and here are the most important things as you can see here if you want to add a menu to your website simply click here and then you will be able to update your menu sections you'll be able to see how things are working what are the style of this menu you want okay etcetera etcetera so i'm actually going to uh click on none as there all right and then i'm going to the background all right so you'll be able to change the background of this interweb page and then you have got this plus icon where it will be this is the most uh important part where you'll be able to add text to your website for example let's say i want something to be added here so let's click on add and then we have got image if you want you can add an image here if you want an uh if you want a button to be added you can select any of these buttons to be added so let's say i want this button to be added here okay just as an example purpose now i'll have the full accessibility to customize this button let's say i want to change the background color of the button i can simply click here on this design and then i'll be able to let's make it a little bit up and then i'll be able to click on this customized design and then let's change the background just click here from black i want this color or let's say i want this color as an example just take a look it has been changed in the background all right so now let's say you want to change the text color of the text let's say i want to change the text to black so here is text color so just click here and then let's say i want the text color to be black just take a look is it has been changed to black i'll be able to change the font size to 20 pixel or whatever size you want i'll be able to change the font family as well based on my name so let's say i want to lulu clean and just take a look how it is going to look like so the phone size is too big for the lulu clean so i'm going to click let's say 8 pixel and just take a look how it is going to look like all right so this is how you'll be able to customize every element of this website i'm going to delete this one from here and let's let me show you how uh some more things that you can do you can actually upload image galleries to your website just take a look pro galleries and then we have got slide shows if you want all right and then you have got accordation then we have got slide deck etcetera etcetera so just roam around these options and you will find beautiful beautiful functionalities which you are going to love for sure just take a look how if we just add this 3d slideshow into our website it is going to be a beautiful look and just take a look this 3d carousel as well so you have to room around and just simply add drag and drop simply drag here entry is going to be added here just take a look it has been added now if i if you want to change these things change this image simply click here and click on change image and you'll have the option to upload if you want you can simply click on add image it is going to take you to this page where you'll be able to upload image from your computer will be upload image from wix database you can upload image from starter stroke and splash whatever you want so let's say i want to upload this image as an example i'm going to click on it to add to gallery and just take it it is going to be added now click on done and you are going to see that this image has been added okay so let's say you want to add few more options from here let's say i want to go with this one strip so i want to add something right after this uh this section so let's say i want uh to add another section where i'm going to showcase the services things so i have to click here on this add icon and then strip and then if i just go here services just take a look we are going to see a few templates which you can use and you'll be able to customize each of these things for sure so let's say i want to add this template and it is going to be added here just take a look it is going to be added here now we'll be able to change the image just click here change column background and you'll be able to change the image as we want so let's say i want to add this image just like it's been added and then if we want to change the text of this things this the example okay the example the e example okay so this is how you have to add different types of tags so let's say i'm not seeing anything here so what i'm going to do i'm going to change the color of this text so let's say edit text and then you're going to see this option change the color to black and you're going to see the text as well so this is how you'll be able to add columns you'll be able to add contents you'll be able to remove contents if you want you can simply remove this full content from the website okay so let me first of all click on save this work and then we have to give the name of this website so i'm actually going to give the name save and continue and now if we okay don't show this again and done okay so just take a look how it is looking like if we just click on preview we are going to see the change which we have made just take a look how it is going to look like and this is the way you have to add you have to customize each of the element of this page so let's click on back to editor we are going to make some changes on the home page and after that we are going to connect the domain soon so let's go back to home page i'm going to change this to my name i thought roughly as an example archer rafi and then i want to keep it as it is we can actually change every element of this page as you can see here so i'm not going to play around with this so let's say i want a background instead of this image background image i want to place a background video so let's click here and select this strip background then change the background button after that let's click on video actually the other one also a video but we're going to upload another video here so let's say i want a video of mountain as an example mountain let's hit enter and let's see if we can find beautiful mountains available appearing here okay this is an this is a mountain or we can actually select any one of these things so let's say i want this one and let's click on change background it is going to be replaced and just take a look how it is going to look like in our website so now let's say i want to change these social bar icons i want to delete let's say youtube from here so i'm going to click here unless i want to delete uh twitter from here so i want to delete so let's click on remove image it is going to be deleted so let's say i want to add pinterest here so i'm going to click on add icons and then if i click pinterest here printer rest and hit enter we are going to see all the options available here actually all the styles available so let's say this style i'm going to click on add to gallery it is going to be available here so now if i want this to be appeared right after uh instagram i can simply drag and drop here so now let's say i want to link the facebook with my facebook profile so let's say here it is already been selected to facebook but i want this to be changed to my url so let's say facebook.com slash acharul rafi now let's say click on done and if i click on done again now if someone clicks on preview or actually after publishing if someone is going to click i'm going to show you if someone is going to click on facebook it is going to lend this person to my facebook page here all right so just take a look we are seeing that a video is playing in the background it is looking really beautiful everything perfectly uh working here so you will be able to change customize the full of these buttons you will be able to customize this image you'll be able to customize this so let's change this image and let's change this name uh so to do this we have to go click here on this back to editor button here and after that let's uh select this part and after that let's click on change image and let's say i want to upload an image from my computer then click on upload from computer let's select the image which you want to upload so i want to upload this image for this purpose or let's say i want to upload this one so let's see how it is going to look like all right it's been uploaded now select the image and click on chose image and just take a look how it is going to look like if you want to work on this image you want to edit some parts or actually crop this image you'll be able to do this as well so let's click here and i'm going to click on let's say change image or okay select here and then click on crop and edit if you want to make some adjustment now simply i want to crop a part from the bottom so that it will look much better here i believe save and here we go let's click on choose image it is going to look much better all right so now i'm going to change my name to archer rule and you'll be able to change this text as well if you want whatever you want okay uh this is addition i am just going to show you and if you want you can simply increase and decrease the size of these fonts by dragging and dropping so let's keep it as it is and it is looking much better and you'll be able to change the font style as well actually phone family as well by selecting whole contents from here i want to change it to let's say this text just take a look it has been changed but the previous one looks good so i'm going to click on undo to get my previous change all right so it's looking great now so let's say you want to uh work on this footer section all right so i'm going directly to footer because you'll be i believe you have got the idea how you can customize each of these sections you'll be able to click here add to boxes add to stripes as you can see you just have to room around on these things you can upload lists and grease you can upload videos and music on your website contact forms etc etc so i'm not going to show you each of these elements because i have got already a video on this so i'm going to attach the video link into the video description and now let's say you want to make the change on the bottom of this part so let's say you want to change it to let's say 2021 by either archer rafi and we are going to remove this part from here that's totally fine all right so here we go we are going to get this customized website so let's say i have completed customizing the website from the scratch and this is how my website is currently looking like as i wanted now it's time to connect my domain name and after that i'm going to publish the website so let me show you how to connect your domain name which you have purchased in the starting of the video so let's go here we are going to click here on the settings or actually hover over after that let's click on connect domain and here on this page you are going to see two options to connect a domain name to your website the first one purchase a domain name on the go from wix itself and the other one to connect a domain name which you already own so i always keep this feature because it cost a little more than the price which i get a domain from namecheap alright so we are going to click on connected domain you already own as you have purchased a domain name in the beginning of the video and after that we have to click on this selected plan option so click on select a plan so that you'll be able to connect our domain name and from these features i'd love to recommend you using this feature which is unlimited as you can see if you pay annually you are going to get which is more savings option and you're going to have unlimited when do it so if you have thousands of and let's say millions of viewers still which is going to handle these loads for you for sure and you're going to get 2gb sorry 10 gb of storage on your back end and then we are going to be able to connect our domain name we will be able to get rid of the wix ads and will if you want you can have one year of domain so i don't want this option as because i'm actually going to purchase this plan for only one month as i am making this video for demonstration purpose only so let's click on select and then i'm going to click on monthly which is going to cost around 16 us dollars per month so that's fine no problem so now i'm going to click on select then i have to enter the payment information so let me fill up this form a real quick in blood mode so let's click on submit and purchase button right now and here again they're going to market their product as you can see if you want you can purchase a domain name from their website but we already have a domain name so here i'm going to put already have a domain connect it button now we have to provide the information of our domain so let's go back to namecheap and then we are going to our visitor dashboard of the namecheap account then the domain list to find out the domain name which we have just registered at the starting of the video so this one codefreewebsite.com so here we have to enter it here code freewebsite.com and then click on next and i'm actually going to make it bigger and here we go we found your domain at namecheap yes it's from namecheap just select here so here in this page you are going to see some instructions on how to set up name servers from your previous one to the current one here we have to change them to these name servers in your namecheap account so let's go back to namecheap and then we have to select the domain name and then we have to click on manage button from here and after that go a little bit down from this name server section just click here and then click on custom dns now we have to change the name server one and then server two with the these name servers so let's copy them i'm going to go back here paste it on the first name server one after that go back to the site here again copy and then go back here and paste the name server to here paste it then click on this right check and here you go dns server update may take up to four years 48 hours to take effect so we are done with the settings now let's go back here and then we have to click on verify connection so here we go great now publish your site your domain is connected so head to the editor and publish your site to see it live so we have verified our domain name we have connected our custom domain name with our week's website which is going to look really professional and it might going to take around 48 hours to get our domain name fully activated so please don't worry if you are seeing any error right after publishing your website right now and weeks he is going to send us an email when the website is fully alive so let's go to editor and then we are going to publish the site as of now let's just wait while it's being loaded and here we go the website editor has been loaded up and it's time to click on this publish button to publish our website uh online so just take a look congratulations your site is published and is live online so just take here just take a look we have got our domain name right here so now if we click on visit site or view site we'll be able to uh access the domain name but it might not going to work as it already been mentioned just take a look it's not working because it is going to take around up to 48 hours to get our website fully activated and fully visible to our visitors so that was it guys i believe you have found this video helpful you have found this video fully informative and i believe i was able to walk you through step by step on creating and setting up and customizing your beautiful website with wix without knowing a single line of code so i believe you have found this video helpful if you did please give this video a like share this video to help your friends and subscribe to my channel to get more helpful videos in near future and again as a reminder if you would love to support me please use the links attached into the video description to purchase your domain name to purchase your week's uh membership plan it will help me a lot to continue uploading more helpful videos in near future for all of you guys so i hope to see you in the next video thank you very much for watching all right guys so here i have waited around 20 minutes and now if i just type out here codefreewebsite.com and hit enter just take a look we have got the website live now and everything working perfectly just take a look whatever the chains we have made these are working perfectly on our website all right so we have made very minor changes in the website just for the demonstration purpose and i believe i was able to help you understand how things work inside the wix website editor and how you can customize your website and how you can create a beautiful website for you .
WiX is one of the most popular drag and drop website builder platform – where you can create beautiful, full-functional, mobile responsive websites and blogs for your personal use or for your business.
Even as a complete beginner, and if you have never created a website before, still you will be able to use the platform to create website for sure!
So, enjoy the video and create your website by using the resources added below-
Get Domain Name from Namecheap:
Create your Website on WIX:
GIFT: Get Premium Courses FREE for 60 Days on Skillshare:
😍 Recommended Resources:
# Get FREE DOMAIN with My FAVORITE HOSTING 😍:
# Hosting for Cheapest Price (For BEGINNERS)
😍 # 1 Youtube SEO Optimization Tool:
If you are interested to get regular updates:
📥 Email: email@example.com
* The information on the videos and the resources available for download/viewing through this YouTube Channel are for educational and informational purposes only.
**By making a purchase through any of the affiliate links above, I (Azharul Rafy) receive a very small commission at no extra cost to you. This helps me keep on my mission to provide quality education to you. Thank you!