How to Create a Free Website in 2024

[Music] hi guys today we are going to see how you can make a free website using a free hosting provider so after watching this video you will be able to make any kind of website just like this using drag and drop your website can have any design you want and you can add your own pages and your content like this and everything is going to be completely free now before we start creating our site first let's see the two types of websites we are going to build a static website or a dynamic website a static website is where you provide information or content to your visitors and your visitors need not log into your website or create an account on your site examples of a static website are blogs and company websites which simply have lot of static pages which provides information to your visitors and your visitors need not interact with the website like logging in purchasing products or creating accounts etc on a dynamic website your visitors can create their accounts log into it and make purchases examples of dynamic websites are ecommerce sites online course websites and membership websites where users can interact more closely with your website in this video we're going to create a static website using a free hosting you can build a company website or a blog for free of cost if you're looking to create a dynamic website with e-commerce features you can watch this video okay so let's get started i'm brand from website learners and let's start making our website so to make your website we are going to do three parts the first part is to launch your website so to launch your website we are going to do two steps the first step is to download a software called bitnami wordpress this is the software which is going to allow us to run wordpress on our computer so to download it let's go to our browser and then search for bitnami wordpress click the first link and it will take you to this page now click here and scroll down and here you can download bitnami wordpress based on the os you have i'm going to select windows so let's click download for windows and you will get this box now if we click here you can see that the software is downloaded to our computer once you have downloaded bitnami wordpress we can now go to step 2 which is to install this software once we install the software wordpress will be installed on our computer so let's open the file we have downloaded click ok now click next and again click next then again click next here and you will reach this page okay so this is the page where we are going to enter login details of our local wordpress site so here enter your name and your email address then enter the username and password for wordpress now this will be used to login to your website once you have entered these details keep clicking next and wordpress will be installed let's click finish and it'll take you to this page so now wordpress is installed on our computer once you have installed wordpress your website will be launched so if we click access wordpress you can see that we have got a new website so now we have successfully launched our website and this is how the default site looks like now if you want to make any changes to your site you need to login to your site so next let's see how you can log into your wordpress website to log in to your site all you have to do is just type slash login after your site's address and now if you press enter you can see that we have got the login page of wordpress now here enter the login details which you have created for your wordpress website and click login so now we are successfully logged in to our wordpress site and this is the wordpress dashboard now this is the place where you can control your website now let's go to our site just go here and click visit site here you can see that we have launched a site locally on our computer which means it can be seen only by you and cannot be accessed by anyone so now to allow everyone to access your site you need to make your site live on the internet so let's go to part two of this tutorial where we see how you can make your local site into a live site now to make this into a live site we are going to do two steps the first step is to create an account on netlife now this is the site which is going to help us make our website live on the internet so to create the account just click the link below this video and it will take you to netlify now click get started and then select email to sign up with netlify now here enter your email address then give a password and click sign up it will ask you to verify your email to create an account so let's go to our inbox as you can see we have got an email so let's open it click verify email and you will get this page now click here okay so now we have verified our email and successfully created an account on netlify once you have created your account now to make your local site into a live site we need to export our local site and import it on netlify so every time when you make the changes on your site you need to export a file and upload it on netlify only then your changes will be displayed on the live website so to export the file we can now go to step two which is to install a plugin called simply static now this is the plugin which will help us export the file so to install the plugin let's go to our wordpress dashboard now go to plugins and click add new now here search for a plugin called simply static and you will get this plugin now to install the plugin let's click install and then click activate so now we have successfully installed the plugin once you have installed the plugin now to export the file go to simply static and click generate now click generate static files and as you can see the file has been generated once you have exported the file now to make your local site into a live site you need to download that file and upload it on netly file so let's click here and the file will be downloaded to your computer now to upload this file let's go to netlify then drag this file and drop it here and the file will be uploaded once you have uploaded the file your website will be live on the internet and you will get a link like this now if we click on this link you can see that it takes us to our website now anyone can access the site by going to this address and also you can see that we have got ssl on our site okay this is how you can make your site live on the internet now once your site is live here you can see that this is the default site address next let's see how you can change the site name so to change it let's go to netlify click site settings now click change site name and you will get this box now here you can enter the site name which you want so let's remove this and then enter the site name which you want i'm going to enter magical builder and as you can see this will be your site's url so let's click save now if we click this link you can see that the site name has been changed now this is just a temporary link to your site you can easily change this to your own.com domain we'll see how you can do that later in this video okay once you have changed the default site name next let's go to part 3 of this tutorial which is to start building your website so this is how the default site looks like now to build your website we are going to do three steps the first step is to install a theme in wordpress so we are going to install a theme called astro now this is the theme which is going to help us build our site so to install the theme let's go to our dashboard now go to appearance and click themes then click add new now here search for a theme called astra and you will get this theme now to install the theme let's click install and then click activate so now we have successfully installed the astra theme once you have installed the theme next let's go to step 2 which is to choose a design for your website so to choose the design let's click get started and it'll take you to this page now scroll down click build your website now and it will ask you to choose the page builder these are the tools which will help you to edit your design now we recommend you to choose elementor which makes it easy to edit your website pages in the future so let's select that and now you can see all the designs which can be applied to your site so have a look at these designs and select the one you like i'm going to choose this one now here you can see a preview of how the design looks like and here you can see that we have an option to change our logo now if you want to change this logo just click here and then drag your logo and drop it here as you can see the logo has been changed now you can adjust the size of this logo just by dragging the slider like this and the logo size will be changed once you have changed the logo click continue now here you can see that we have different options to change the color and the font of our site you can choose the one you want i am going to keep this default color and font then click continue and you will get this box now click submit and our site is getting ready now and it's done so if we go back to our local site you can see that this is how our site was before and now if we click refresh you can see that we have got the exact design which we selected and the changes have been applied to our design which we made and you can also see the website pages which has the sample content in it okay once you've got the design into your site now how do you change the content of these pages so next let's go to the final step of building your website which is to edit the content of your website so to edit any page of your site just go to that page and click edit with elementor so let's say you want to edit the home page just simply click home then click edit with elementor and it will take you to this editing section now let's say you want to change this text all you have to do is just select the text and then enter your own text i'm going to enter building for a better tomorrow next if you want to change the text on this button just select it and then enter your own text now in the same way you can edit any text you want on this page just select the text and then start typing so this works throughout the site next let's say you want to change this image so to change the image just click on the image now click here then drag and drop your image from your computer and as you can see the image has been changed once you're done with all the changes just click update and now if we go to a local site and click refresh you can see that all the changes have been applied so this is how you can edit any page of your website so now you know how you can edit any page of your website next we're going to see how you can change the header area of your website now by using elementor you will be able to change this part of your site but if you want to change this area which is the header you can do it by going to the customize option so let's go to customize and here you can see that we have these pencil icons now if you want to change this logo just click this pencil icon next to it and you can change the logo here now in the same way you can change the menu section by clicking this icon once you're done with all the changes click publish and the changes will be made to your website now let's close this okay so this is how you can change the header area of your website now if you go to our live site and click refresh you can see that we still have the default site and the site which we created does not appear on our live site this is because as we said before whenever we make changes to the site we need to export our local site and upload it on netlify only then the changes will be applied to our site so to export the file let's go to our dashboard now go to simply static and click generate now if we click generate static files as you can see the file has been generated now click here and download the file then upload this file on netlify so let's go there and click deploys then scroll down and then drag this file and drop it here once the file is uploaded now the site which we built will appear on our live site so to check that let's go to our live site and click refresh you can see that we have got our site which we built before okay so now you know how you can create a website and edit the contents now what if you want to add a new page to your website it's very easy so next we're going to see how you can add a new page to your website so to add a new page just go to our local site go to new and click page now let's say you want to create a service page for your website you need to first enter a title and now to start creating a page just click edit with elementor and it will take you to this blank section now you have two options to create your page first you can either use these elements which are over here and then drag and drop them into this area so for example if you want to add a heading you can drag and drop this element here and then enter your own text now to add an image you can drag and drop this element so drag and drop here and start creating your page now the other way to create a page is by using templates now templates are ready made pages which you can import into your site so to create a page using templates let's click here and you will find a lot of designs here now if you want to use any design simply click it and see how it looks like if you like it just click import template and as you can see we have got the entire design on our page now again like we did before you can change anything on this page just by selecting it and typing anything you want so this is how it works once you're done with the changes click update and you can view the page by clicking here so you can see that we have published a brand new page on our website so this is how you can add a new page to your wordpress website now here you can see that this page which is called our services is not on our menu yet so let's see how you can add this page to your menu so to add the space to your menu let's go back to customize and click menus then click here and here you can see all the pages which we have here now to add the space to your menu just click add items and here you can see the new page which we just created now if we click on this page you can see that this page has been added to our menu now to move this menu item here just drag this item and then drop it where you want and as you can see this page now appears here now to save this let's click publish and now if we go back to our local site and click refresh you can see that we have got this page in our menu and if we click services we can now see our service page okay this is how you can add a new page to your menu once you have added a new page to your menu now to make this page appear on our live site we need to export the file and upload it on netlife so to do that let's go back to our dashboard click generate static files and the file will be generated then click here and download the file now to upload the file let's go to netlify and click deploys then drag this file and drop it here now our service page will be applied on our live site so to check that let's go to our live site and click refresh you can see that we have got a service page on our live site so this is how you can add a new page to your website okay so now we have successfully created our website for free and here you can see that we have a default domain name now instead of this what if you want to have a domain name like this so next let's see how you can get a com domain name for your site so to get the domain name let's go to the video you're watching right now then click the link in the description and this will take you to webspacekit.com where you can buy your own domain name now here enter the name you want for your website i am going to enter magicalbuilder.com now if you click search you can see that this domain name is available so once you find a name which is available to get this name for your website just click add to cart then click continue here it will ask you to choose a hosting plan as we are going to get only a domain name let's click skip and now it will take you to the start page now here you can see that we're getting our domain for one year and after one year you need to renew your domain to keep using it so to get this domain let's fill up these details and then enter our payment details now if we click order now you can see that we have successfully made our payment now if we click here you can see that we have got our domain okay so once you've got your domain now how do you connect this domain with your website so next let's see how you can connect this domain with your website so to connect this domain we are going to do two steps the first step is to add a domain to netlife so to add the domain let's go to netlify click domain settings then click add custom domain and then you will get this page now here enter the domain name which you have purchased so i am going to enter magicalbuilder.com once you've entered your domain name click verify now click add domain and the domain will be added here once you've added the domain we can now go to the next step which is to get the dns details and then add it to our own domain dns page once you do this your website will be connected to your domain name so to get that just click here and select netlify dns then it will take you to this page now click verify then click add domain and then click continue and as you can see we have got these details once you have got these details you need to add these details to your domain so to add them lets go to this tab click on domains now click here then click manage name servers and you will get this page now you need to copy these details and paste them on your domain dns page first let's remove these old name servers and then add these details one by one so first let's copy this one and paste it here in the same way let's copy the other details and paste them here once you have added the details click change name servers so now we have successfully added the details to our domain dns page now if we go to netlify and click done here you can see that the dns has been added which means we have not successfully connected our domain with our website now if you open a new tab and enter our domain name which is magicalbuilder.com then press enter you can see that we've got a website which we have created okay now if we go to our service page you can see the page which we have created and if you go to our contact page you can see that we have a default contact form now let's say a vista tries to contact you fills up this form and click send message you can see that we have got an error message which says page not found this is because we are creating a static website which cannot collect the data of the visitors from our site now if you want to collect data from your visitors you need to add a new contact form to your site so next let's see how you can add a new contact form to your site so to add the new contact form just go to your local site and go to the contact page now to add a new contact form to your site first you need to remove this default contact form on your site so to remove the form let's click edit with elementor now scroll down right click on the blue pencil and then click delete now as you can see the default contact form has been deleted once you have deleted the form just go here search for html and then drag this element and drop it here now to add a new contact form we need to enter a code here so to get the code just go to the video you're watching right now and click this link and it'll take you to this page here you can see that we have given a code now this is the code which will help us to add a new contact form so let's copy this code then go back to this tab and paste the code here as you can see the new contact form has been added here now if we click update and click here you can see the new contact form which we just added okay so now we have successfully added the new contact form to our site now to make our contact form to appear on our live site just like we did before we need to export the file and upload it on rectify so to do that let's go to our dashboard then click generate static files and the file will be generated now click here and download the file then let's upload the file on netlife so let's go there and click deploys then drag this file and drop it here and it will be uploaded okay once you have done that now our new contact form will appear on our live site so to check that let's go to our live website here you can see the default contact form now if we click refresh you can see that we have got a new contact form which we just added okay now let's check how it works so just like a vista would do let's fill up this form and click submit as you can see the form has been submitted once the form is submitted how can you see the details which have been submitted now if we go to netlify and go to forms and click here here you can see the details of the visitor and their message okay so that's it guys this is how you can make a website for free now instead of exporting and importing the changes every time if you want to see the changes immediately on the live site you can use a professional wordpress hosting like web space kit when using web space kit you can also build dynamic sites like e-commerce store website where you can receive payments online with shopping cart feature so check out our wordpress hosting by clicking here now if you want to learn more about making websites easily without coding you can check out our premium courses by clicking the link below this video subscribe for more videos thanks for watching i'll see you in the next video take care bye bye

Website Setup Service

Leave a Comment

Your email address will not be published. Required fields are marked *