How To Build a FAST Website 🚀 Using AI

imagine telling a robot exactly what you need and poof your website is ready to go sounds like something from a science fiction norvel right but it's not it's here by the end of this video you'll know exactly how to create a stunning website using AI which requires no experience or coding all you need to do is just describe your business and the type of website you want and boom the AI Builder does its thing from generating unique content choosing images and adding all the necessary features in just 5 minutes you could be a proud owner of a new AI built website and the best part you can customize your website even more to your liking by simply asking the AI I'm BR for website Learners and let's start creating the website now we're going to create a website in just two parts the first part is to launch a website now this is where we get a new website live on the internet so to launch your website we are going to do two steps the first step is to pick a name for your website this is the address all the URL that people will use to reach your site for example youtube.com or google.com similarly you can choose anything.com and make it yours so to choose a website name just click the link below this video and it'll take you to this page now here enter any name you want and click check as you can see this name is available so once you found your name we can go to step two which is to get this domain name and hosting a domain name is simply the website name which we just found and hosting is needed so that we can make our website go live on the internet it is the place where our website will be stored on the internet now there are two hosting providers that we recommend the first one is webspace kit and the second one is hostinger you can choose anyone and if you use this coupon code you can get a 10% discount on both Platforms in this video I'm going to go with web space kit but the process will be similar for hostinger as well so to get this domain name and hosting just click buy now and it'll take you to this page now here you can choose any plan you want the main difference would be the amount of storage you get and the number of websites that you can host as I want to host one website I'm going to choose this one now here you can choose how long you want the hosting for and you can choose any length here as you go longer you can see that we're getting a discount I'm going to select 12 months you can see that we're getting a domain for free with this plan so just click add to card to get this domain for free now scroll down and next you need to create your account to complete the order so let's fill up these details select your payment method now enter your details and click check out okay so now we successfully placed the order and we've got a domain and hosting so now if we click here you can see we have successfully got the hosting and domain okay so once you've got your domain and hosting your website should be live on the internet so to check that let's open a new tab now if we type V tools and press enter you can see that we have a brand new website on the name that we selected now sometimes it might take a few minutes for the domain to become active on the internet so if it doesn't work for you try refreshing after 5 to 10 minutes okay so now we have successfully launched the website on the internet and once we've launched our site we can now go to part two of this tutorial which is to start building your website with AI we are going to do two steps the first step is to log into to your website so to log into your site all you have to do is just click here type slash login after your site's address and then press enter here you need to enter your username and password to log into your WordPress dashboard now once your site is active you should have received the login details of Wordpress in your email so let's go to our inbox and as you can see we have got this email just open it and you can see that we have the username and password so let's copy this paste it here now copy the password and paste it here then click login you can see we have now successfully logged into our WordPress site and this is the WordPress dashboard now this is the place where you can control your entire website and once you've logged in we can now go to step two which is to install the starter set plugin so to install it just go to plugins click add new search for starter templates and you'll get this plugin click install and then activate the plugin once you've activated the plugin you can see that it is asking us how we want to build our site now we have two ways to build our website the first option is the old way where you pick a design you like and then you get the entire sample site imported to your site after this you would manually replace all the content on your site with your own content so this is how we were doing it before with all the pages and the sample content now there's a new way to build the first draft of your website which is by using AI so first let's try the AI method and then we'll see the template method so to build our website using AI first let's click here and then click get started now it will ask you to create an account on zip WP which is the service that gives AI powers to your website so let's quickly log in with Google now we need to choose a plan so I'm going to go with the free plan now click continue to connect your WordPress site with zip WP here we need to enter some details first enter the name of your business or your website's name since I'm building this website for a tools and travel company I'm going to enter the company name which is V tools here enter what the website is for so I'm going to enter tourism and travels and then select it now click continue next here you need to describe what the company or the business does so I'm going to type that then click continue now if you want to enter your contact details you can do that here if not you can just click continue I'm going to enter my details and click continue and now it will ask you to choose a few images for your website you can choose the relevant images that you want on your website if these images are not suitable you can also search for the images that you want here so I'm going to search for travel services and select these images now once you're done just click continue and now it will show you different layouts for your website that you can choose from so just take a look at these and select the one you like I'm going to select this this one and you can see we've got the layout this is the layout with the sample content the actual website and it content will be created later now here you can upload your logo and see how it looks on the site so let's quickly upload the logo click here drag and drop your logo and click select you can see our logo is added here now if you want to change the colors of this layout just click here and choose the color you want and it will be changed next you can also try different fonts here once you're satisfied with how the site looks click continue now there are more features that you can choose to enable for now I'm going to enable the live chat now to start building our website with AI using all the details we have given so far just click Start building and now the website's content will be written by Ai and a brand new site will be generated based on the details that you have given as you can see our site is ready so let's take a look by going to our site you can see this is how it looked before and if we click refresh you can see that we have a brand new AI generated website and all the content and the images here are relevant to our business we also have multiple pages on our website and even these pages are customized to the business details that we gave earlier okay so now we successfully completed building the first draft of our website with AI so this is how you can build websites using AI now if you want to make any changes to it all you have to do is just go to the page that you want to edit and then click edit page so I'm going to edit this homepage so I'll click edit page and you can change any content here by just selecting it and then entering your text it's as easy as that you can also use AI to change your text all you have to do is just select the text just click on ask Ai and then say how you want the text to be you can make it shorter longer or even add a custom instruction here once you choose your option it gives you the updated text here and if you click use this it will be updated on your website it's as simple as that similarly you can change the image by clicking here just click here and then upload your image and as you can see the image has been changed okay so now you know how you can build a website with AI and then edit its content so zip WP allows you to generate a website three times on its free plan if you like to generate more than three times that is if you don't like the output and want to generate it again then you need to upgrade your plan now with the paid plan you also get more AI credits which lets you customize all the prebuilt website sections according to your business just go to any section click on this icon and you can personalize the sections you can do this in all the sections including FAQs cool right so if you want to get the paid plan you can use this coupon and get a 10% discount okay now we saw how to build our website with AI so next let's go to the second method of building our website which is to import the sample template and then edit its content so let's go back to the start plug-in page you will get completely different designs in this method and these designs are quite unique compared to the ones we get in the AI website builder so to import the St site let's click build with templates now it will ask you to select your page builder you can either choose a block editor or Elementor block editor is the same editor which we saw in the AI website builder Elementor is another page builder which has a different interface to edit your website I'm going to select Elementor this time and now you will see different templates to choose from you can see both free and premium templates if you like any premium template just click on it click get access then choose this plan and now if you enter this coupon you can see that we have got a 30% discount on the price now getting this will give you access to all the premium templates that you see on this page now if you want to go with the lifetime plan you can use this code and get a 40% discount so you can select any design from here for this tutorial I'm going to go with the free template I'm going to select this 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 then drag your logo and drop it here now click select and 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 and here you can see that we have different options to change the color and the font of our site you can also choose the color you want so I'm going to select this and here you can choose the formont style you want for your site I'm going to choose this then click continue and you will get this page now once you click submit you can see that our site is getting built now once it's done if you click view your website you can see that we have got the exact design which we selected and the changes have been applied to a design which we just made we also have these other Pages along with the demo content okay so once you've got the design into your site next let's go to the final part of this tutorial where we see you can edit the contents of your site so to edit any page on your site just go to that page and click edit with Elementor and now it will take you to this editing mode where you can edit any part of this page so let's say you want to change the text here so just select that text and then enter the text you want so I'm going to enter experience the perfect holiday spot and now if you want to change the text on this button you can just click here now replace this with the text text you want on this button so 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 website now let's say you want to change this contact number so like we did before just select the number and enter the number you want to add now in the same way you can edit any contact you want on your site okay next let's see how you can change this background image so to change that just click here click on style now click choose image and then drag and drop the image that you want then click insert media and as you can see the image has been changed okay once you're done with all the changes you can Simply Save the Page by clicking update and all your changes will be saved so to check that now if we go back to our site and click refresh you can see that all our changes have been applied okay so now you know how you can edit any page on your site now let's say you want to add a Services page for your website like this how can you do that it's very simple all you need to do is go to new and click page now here enter a title for your page and click edit with Elementor and now it will take you to this blank section here we have three different ways to create your page you can select any of these options to create your page so I'm going to select this one where you'll be able to create your page using rade templates and here you can see that we have got different types of page designs which you can add to your site now as I want to create a service page I'm going to search for services and you will get different types of page templates just click on the one you like and you can see a preview of your page now if you like this design click import template and as you can see we have got the template now let's say you want to change this background to do that just click here click style then click choose image now drag and drop the image you want click insert media and as you can see the image has been changed now to change this title or text just click here select the text then enter the text you want and done in the same way you can edit any text you want on this page just select the text and start typing anything you want now let's say you want to remove this button just right click here click delete and as you can see the button has been deleted then let's add the image all you have to do is just click here then click choose image now drag and drop the image you want and click insert media as you can see the image has been added in the same way you can edit any content you want on this page once you're done next let's see how you can create a block like this to your service page where you will be able to add customer reviews like this now blocks are redeemed sections which you can add to your page now to add a redeemed section to our services page like this first let's remove this block let's click here to delete this block then click here now go to blogs click here and select testimonials as you can see we have different types of blocks which you can add to your page choose a block from here then click import block and as you can see we have got the new block here now to complete creating a block let's edit this content now let's say you want to change the background color so just click here then go to style tab click here so here you'll find different types of color from which you can choose from just drag the slider and select the color you want I'm going to select this and as you can see the color has been changed now let's add the customer view just click here select the text and enter the customer review then let's add the image click here click choose image drag and drop the image you want then click insert media and as you can see the image has been added now in the same way you can add the other the reviews too okay once you're done with all the changes now let's publish it and all the changes will be saved now if you click here as you can see we have published a brand new page on our website so now we have successfully added the service page to our site next let's see how you can create a blog post on your site to create it let's go back to our WordPress dashboard then go to posts click all posts and let's delete the default blog post and click add new first let's enter the title for our post now to add the content just click this plus icon then select the paragraph element and paste the content you want to add let's add a featured image so a featured image is something which appears on your blog like this so to add that let's click post here click featured image then click set featured image now drag your image that you want to use then click set feature image and the image will be added now let's publish it and to see how it looks just click View Post and as you can see we've created a blog post okay in the same way you can create multiple blog posts on your site once you've created your blog post now let's say you want to add a blog post in a separate page like this how can you do that so to display the blog post in a separate page let's create a new page for our blogs to do that just go to new and click page here enter your name for your blog I'm going to enter blog click publish then again click publish and now if you click view post you can see that we have now created a new page now to display all the blog posts in one single page let's go back to our dashboard then go to settings click reading now you can click here and select the page you want to display on your posts as we already created a page for our blog posts I'm going to select blog and click save now if you go back to our site and click refresh you can see that all our posts now appears on the blog page that we created next let's see how you can add a sidebar like this where you can display all your latest posts and your customers can have an easy access to all your posts to do that click customize then click sidebar and select which side you want the sidebar to appear I'm going to select this and click publish now if you go back to our site and and click refresh as you can see we have now got the sidebar now if you click on any topic here it will take you to that particular post so this is how you can create the sidebar and display your latest posts so now we have created two new pages on our website which is the service page and the blog page next let's see how you can add these pages to our menu to add the pages to our menu click customize click menu and then click primary menu now to add the pages to the menu click add items and select the page that you want to add to your menu now if you want to remove any page from the menu just click here and the page will be removed once you're done click publish then click here and as you can see we have now successfully added the pages to our menu now if you want to display these blog posts in a grid layout like this you can watch this video and learn how to do it next let's see how this page will appear on a mobile phone so now if we take our mobile and then go to our website you can see that our site is automatically optimized for mobiles and this is how it looks okay now if you want to create a website using premium templates like these which will look more professional then you need to purchase a plan on Astra so just click the link below this video and it will take you to this website now scroll down and select the plan you want then start building your website okay so that's it guys this is how you can create a website using asra now instead of a very simple site if you're looking to create a pro Lev website that can attract your audience and boost your brand image then you can check out this video to build a professional website and take your online presence to the next level all right if you like this video make sure you like share and subscribe to website Learners so thanks for watching I'll see you guys in the next video Until then take care bye-bye

Channel: Website Learners

Views: 68,213

Keywords: make website with ai, build website with ai, ai website builder, create website ai, fast website builder, ai website creation tutorial, easy website builder with AI, diy website with ai, free website builder ai, no coding website builder ai, website builder for beginners ai, fastest website builder ai, website builder, ai website design, making a website using ai, how to build website using ai, how to use ai to create website, how to build website in 2024

Id: uYJvw51S1RQ

Length: 23min 5sec (1385 seconds)

Published: Sat Apr 20 2024