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