Imagine telling a robot exactly what you need, your website is ready to go. It sounds It sounds like something from a science fiction novel, right? But it’s not. It’s here. By the end of this article, 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 to to 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 is that is that you can customize your website even more to your liking by simply asking the AI. Now we’re going to create our website in just two parts. The first part is to launch your website. Now this is where we get a new website live on the internet. So to launch your website, we’re going to do two steps. The first step is to pick a name for your website. This is the address or URL that people will use to reach your site, for example, YouTube.comYouTube.com or Google.com. 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,video, and it’ll take you to this page. Now here, enter any name you want,want, and click check. As you can see, this name is available. So once you’ve found your name, we can go to step 2, which is to get this domain name and hosting. A domain name is simply the website name thatthat 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. ThereThereare now are now two hosting providers that we recommend. The first one is WebSpaceKit,WebSpaceKit, and the second one is Hostinger. You can choose any one. And if you use this coupon code, you can get a 10% discount on both platforms. In this video, I’mgoing to going to go with WebSpaceKit, but the process will be similar for Hostinger as well. So to get this domain name and hosting, just click buy now,now, and it’ll take you to this page. Here,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,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 Cart to get this domain for free. Now scroll down, and next, you need to create an account to complete the order.
So let’s fill up these details. Select your payment method. Now enter your details and click checkout. Okay, so now we’ve successfully placed the order, and we’ve got a domain and hosting. So now, if we click here, you can see we have successfully obtained the hosting and domain. Okay, so once you’ve got your domain hosted, your website should be live on the internet. So to check that, let’s open a new tab. Now if we type yr2s and press enter, you can see that we have a brand new website under the name that we selected. 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–10 minutes. Okay, so now we have supposedly lost the website on the internet, and once we’ve lost our site, we can now go to part 2 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 your website. So to log into your site, all you have to do is 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 for WordPress in your email. So let’s go to our inbox. And as you can see, we have this email; just open it, and you can see that we have the username and password. So let’s copy this and paste it here. Now copy the password and paste it here. Then click login. You can see we have 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 2, which is to install the starter site plugin. So to install it, just go to plugins, click add new, search for starter templates, and you will get this plugin. Click install, and then activate the plugin. Once you have 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’ll ask you to create an account on ZipWP, 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 am going to go with the free plan. Now click Continue to connect your WordPress site with ZipWP. Here, we need to enter some details. First, enter the name of your business or your website’s name. Since I am building this website for a tour and travel company, I am going to enter their company name, which is Via Tours. Here is what the website is for, so I am going to enter tourism and travels and then select it. Now click continue. Next, you need to describe what the company or 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’ll 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 what 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 one, and as you can see, we’ve got the layout. This is the layout with the sample content. The actual website and its content will be 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 has been 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 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 have 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 go to the edit page 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. So you can also use AI to change your text. All you have to do is 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 on 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 your website with AI and then edit its content. Zipwp 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. With the paid plan, you also get more AI credits, which let you customize all the pre-built 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 the 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 see how to build a 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 status sites plugin page, but you will get completely different designs with this method. And these designs are quite unique compared to the ones we get in the AI website builder. So to import the status site, let’s click builder templates. Now it will ask you to select your page builder. You can either choose a block editor or an elementor. The block editor is the same editor that we saw in the AI website builder. Elementor is another page builder that 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 a 30% discount on the price. 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 what 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’s 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 font of our site. You can also choose the color you want. So I am going to select this. And here, you can choose the form style you want for your site. I am going to choose this, then click continue, and you will get this page. So once you click submit, you can see that our site is being built now. Once it’s done, if you click View Your Website, you can see that we have the exact design that we selected, and the changes have been applied to the design that we just made. We also have these other pages along with the demo content. Okay. So once you’ve got the design for your site, let’s go to the final part of the tutorial, where we see how 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 and experience the perfect holiday spot. And now, if you want to change the text on this button, you can just click here and replace this with the 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 edit. 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, then 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, 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 to your website like this. How can you do that? It’s very simple. All you need to do is go to the new and click on it. 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 will be able to create your page using ready-made templates. And here you can see that we have 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. To change this title or text, just click here, select the text, then enter the text you want, and you are 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 and click delete. And as you can see, the button has been deleted. Then let’s add the image. All you have to do is click here. Then click on the 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, let’s see how you can add a block like this to your service page, where you will be able to add customer reviews like this. Blocks are ready-made sections that you can add to your page. Now, to add a ready-made section to our services page like this, let’s first remove this block.
Let’s click here to delete this block. Then click here. Now go to blocks, click here, and select testimonials. As you can see, we have different types of blocks that 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 our block, let’s edit this content. Now let’s say you want to change the background color. So just click here, then go to the style tab and click here. Here you will find different types of colors from which you can choose. 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 review. Just click here, select the text, and enter the customer review. Then let’s add the image. Click here, click Choose Image, and 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 reviews too. Okay. Once you’re done with all the changes, let’s publish it, and all the changes will be saved. 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 and click all posts. Now 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 that 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 the image that you want to use, then click set featured 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, let’s say you want to add a blog post to a separate page like this. How can you do that? So to display the blog post on 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 on one single page, let’s go back to our dashboard. Then go to settings and click reading. You can click here and select the page you want to display in your posts. As we already created a page for our blog posts, I’m going to select blog and click save. Now, if we go back to our site and click refresh, you can see that all our posts now appear 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 easy access to all your posts. To do that, click customize. Then click the sidebar and select which side you want the sidebar to appear on. I’m going to select this and click publish. Now if you go back to our site 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 take the sidebar and display your latest posts. So now we have created two new pages on our website, which are 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. 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. 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 Astra.=
