How To Create a Website With AI in Minutes!

Video Statistics and Information

Video
Captions Word Cloud
Reddit Comments
Captions
- Hi, it's Aurelius. Welcome back to the channel. In this video, you're going to learn how to set up your very own website using the power of AI. So with a few text prompts, you're able to create a full blown website. Whether you're looking to set up a blog, a portfolio website to showcase your work, or if you are looking to sell your products and services, I'm gonna show you how in this tutorial. This video is sponsored by Hostinger. More on them in this video. Alright, so you're looking to make a website, but you've tried out WordPress, you've tried out other website builders, but you're just overwhelmed. You don't know how to actually use it. It's quite technical. There's plugins you need to think about, extensions, and updating of your website that you need to consider. So what do you do? Well, that's why, in this tutorial, I wanna show you how to create a website really quickly and easily with a platform called Hostinger. More specifically, I wanna show you how their AI website builder works and how you can get started and create your very own website with a few text prompts. As shown on their website, you simply answer three simple questions and AI will create your website. It'll generate SEO-friendly content, including unique copy and relevant images. And then after that, you're able to customise your site further with its drag and drop editor. Out of all the website builders with AI built into it to help you and assist you in building a website, Hostinger does come out as one of the top, I'd say, because it allows you to be flexible in terms of how you want your website to look and its layout. And I'll show you in this tutorial anyway. In addition, there are plenty of website templates to choose from. You can choose from 150 responsive and fully customizable templates based on your industry. As I said, you can use Hostinger to build your business website, to sell your products and services, like an e-commerce store. You can also have a blog integrated into it and also feature a portfolio or kind of like a showcase of work website. And on that note, to get started with Hostinger, you will need a Hostinger account. And to do that, simply use the link in the description box below. It is a referral link, but if you do use my code, which I'll show you how to use and apply, you will get a further discount on top of the already heavily discounted pricing and plans. But on the homepage, simply click on Claim Deal. And you're given a number of pricing and plans here. But the one I recommend at the very minimum is the Premium plan, which allows you to host up to 100 different websites, whatever you please, whatever you choose to put up on the web. You also get a hundred gigabytes of SSD storage, which is super fast. You get weekly backups too, so rest assured you won't lose any of your data. And a few other notable benefits include a free domain name, so www.yourdomain.com, whatever you choose. If you're a bit more advanced, you do have the ability to host your own WordPress website or websites because it's all managed for you. But in this tutorial, I will be showing you how to use it's no-code website builder with AI built into it, which is this right here, that we are gonna focus on. So the drag and drop website builder, AI website creation, and the templates, everything else as listed right here. So to get started, all you need to do is click on Add to cart. And from here, guys, all you need to do is choose your period, right? You can start with 1 month, 12 months, 24 months, or 48 months. Obviously, the more months you go with and the longer the period, the heavier the discount will be. But if you wanna go, let's say, with the 24 months, you can do so. Take a look below. Fill in all the details, and you will see, Have a coupon code? Click that once, enter coupon code AURELIUS, and click on Apply. You'll see the changes take effect in terms of the pricing coupon applied. That's when you know it worked. And just to confirm the discount, you get 78% off. And once you're ready to go, hit the Submit Secure Payment button and then follow the rest of the order process. After successful payment, you will land on a page like this, where it says hello. And we are gonna start creating our website. So right off the bat, just click on Start Now. We're gonna create a new website. You can migrate your own website, by the way, from a different host if you choose to do so, but we're just gonna create a brand spanking new website and choose a platform. We're going to use Hostinger's AI website builder. And that's already pre-selected there. And we'll click on Select Hosting Builder. Next up is naming your website. This is where you claim your free domain name when you signed up. So if you signed up for the premium plan, or higher, or above, you do get a free domain registration. So we'll take advantage of that and click on Select. For this demo, I am simply going to put in aureliuscreates. I'm not sure if this is going to be available or not, but I'm going to select the extension .com, which is the most common. But in most cases, you know, a lot of domain names aren't available with a .com extension. But let's go ahead, search, and bingo, it does say domain is available. So if you've got the green light to go ahead, then feel free to go and register. So click on Continue once confirmed. Next is to complete your domain registration. So you will need a physical address to add here to add a new profile and then you will continue. And once done, it will say Redirecting to website builder. Next, you'll be welcomed with this message that says, Let AI create you a website in minutes. So let's go and click on Start creating. Enter your business name, brand name, or company. So I'll just put in Aurelius Creates to match the domain name. You don't have to, of course. Select a website type from the dropdown. You're given a number of options, such as an online store, blog, business showcase, portfolio, or other. I'm just going to put in online store. When it comes to the description, the longer, and more descriptive, and detailed you are, the better the result because it will use AI to find the right copy, and the headings, and the images. If you do wanna take a look at an example, you can click on See example, so an example of an Italian restaurant. And this is what it reads. I fast forwarded and wrote my own. It says, we sell beautiful, premium, and affordable website templates for small business owners, entrepreneurs, and coaches to save time designing their own website. And when you get the green kind of indicator, that means it's a great description. Whereas if I cut this a bit shorter, somewhere here, let's say, it will go into the orange or yellow. And if I cut down even further, you'll see it's in the red, which is, Good start, aim to be more descriptive. But we'll go back, and undo it, and we'll go with that. Once ready, click on Create a website. Now it's getting AI services ready, writing the unique content for the website, looking for matching pictures, picking the right colours, experimenting with font styles, designing a layout. And bear in mind that whatever it produces, you're not fixed to using those. Whether it's the brand colours, the fonts, the styling, the layout, and what it produces in terms of the copy, you can fully customise it later on. Alright, so it's been about 30 seconds, and it produced the website. As you can see right here, we've got the hero heading with the image, so Elevate Your Online Presence. We've got, at the top, the navigation with the logo. We can replace that, of course. And a navigation to the links on the website, with a shopping cart icon here so that people can add to cart depending on the products that you're selling. Scrolling down, we've got all the products featured. And of course these are all placeholders and can be customised and added with your own, of course, products and services. But we'll go down, let's take a look. We've got some features and benefits, Beautiful Website Templates, and it's come up with some copy here. Discover our collection of stunning website templates. So it did take into account what I wrote in the description, as well as expanding what I had said. Scrolling further, we've got another benefit here. Beautiful and Affordable Website Templates. And Customer Reviews as well. Down below, we've got Fast and Reliable Delivery, as well as the refund policy, and an email opt-in feature here, and contact, social media icons, and a map of the location of our supposed office. At this point, you can start editing and customising your website. And to do that, you can simply look at some of these areas. And when you hover over something like this, you can see Add Section. So it works like most website builders, where you can add different blocks and different sections to your existing template. So if we click on Add Section, you'll see this pop over, where you can select from a range of sections, from an about section, to a image gallery, contact form, footer, headlines, and different layouts of the headlines, as you can see. We've got different image sections. So depending how you want it to look, so square and square, side by side, three columns here, and a different kind of gallery here. Instagram feed, so it'll pick up anything based on the Instagram handle that you put in. A map, we've got slideshows, as well as social icons, subscribe forms with different layouts, testimonial boxes, video too, privacy policy, refund policy, terms and conditions page, and more. Looking up above, we've got online store as well. So different listings, so product lists versus a single product. And a blog. Going back out, we can edit an existing section. So let's say this header here, and we'll click on Edit section. We can change the colour of the header, so the section colour to just using something that's contrasty so you can see the difference between that, right? So choosing whatever colours you want based on, of course, your brand. We can also replace the background with an actual image. But before we play around with any further settings, take a look down below where you'll see Template. And this is where you can switch between template one, two, which has different obvious colours. And just taking a look at some of the sections here so you can see the difference. We've got the navigation placed on the centre versus on the right. And we've got template three right there. Then we've got Style, where you can choose from a number of font pairs. So something like this. And that will pair up the fonts with the body font, as well as the headings. So taking a look at the difference with some of these. In addition, there's colour palette options, from Oceanic Breeze to Midnight Blues. And going down below, we've got Green Oasis, Electric Dreams. Taking a look at what it looks right here. Let's go with Electric Dreams, we'll go with that. Next, you've got the pages button, which brings up all the pages on your website that we currently have. So Home, About, and Contacts. You can add a page and delete pages. So if you wanna add a new page, click on Add Page. And here are a number of options as well, or you can create one from an empty page. But if you do wanna have some sort of foundation at least, you can choose from one of these. Elements will bring up different elements, like texts, and buttons, and images, so you can add to the actual sections. Now of course you can edit the actual content. So let's say you wanna edit the heading, you can do so. And Elevate Your Online Presence With Us or whatever. I'm just making this up. You can change the heading, and the fonts, and different sizes, bolding. Text color's right here. Same goes for the actual text down below, right here. For the header, if you wanna add your own logo, click on the header section here, then click on Edit header. A few layout options, as well as the logo, which is what you wanna select if you do wanna change it to your own logo. Simply upload your logo image by clicking on Add Image. One of the beauties of using Hostinger's website builder is that it's simply drag and drop. So if you want this image placed above somewhere there, you can do so without having to play around with code. The same drag and drop feature applies to texts. If you simply click and drag anything, you can position it the way you want, like so. Now Hostinger's AI website builder is great as a starting ground. It was able to, as you saw, enter some content, and also images too, headings, and sections. But if you wanna take it to the next level, it's best to use its full editing mode. So look on the top right, you'll see Full edit mode, where you can publish your website, you can manage your store and blog, upload more images, and access SEO tools. So we'll click on Full edit mode. Bear in mind that I did make a few changes here, but overall, the layout remains the same. In this editing mode, it's very similar to what you saw previously. You can drag and drop your images and the content wherever you want. But what you wanna take a look at in this mode are some of these areas here. So Pages and navigation. We've got the Website styles, so you can specify the different colours of different elements, including the texts, and the buttons, and the shapes of the buttons too. You can also add a blog to your website so that you can post some articles, and educational tutorials, and whatnot. And one of the features you might be keen on adding is the online store feature. So online store is the one you wanna use. And we'll click on Manage Store. Let's go ahead with that. When you first add your store, you will need to name your store. I'll call mine Aurelius's Store and click on Continue. Select your country. And then select the currency that you wanna sell in. So we are going to select US dollars and click on Continue. Once done, you'll be presented with this page here where it says Store setup checklist. You're free to follow this because you do need to add products anyway. You do need to add an online payment, as well as reviewing your company information. But to manage all your products, go to Products. And this is where we can start adding our products and including the placeholder products that we either wanna just edit, so that we don't need to add our own, or we can simply delete them right here. But let's say you wanna add a product. Click on Add Product. Select between physical, digital, a service, donation, or an appointment. So if you are selling a service where you're offering coaching, for instance, you can use this feature right here. But let's click on Digital. And, hey, for this example, I'm just going to add my own profile picture here. And let's say Aurelius' Website Guide. And let's say we're selling an ebook on that. Enter your description. All right, so I've entered a description of my ebook (laughs) literally, and then I'll just put in $10 for the price. A few other options here if you do want to play around with them. But down below, we've got categories as well to organise your products. And in the file section, you simply drag and drop your file, that downloadable that you're selling. And we are going to just drag and drop it, which I've done, so ebook.pdf. Once you're ready to add your product, click on Save. Now your product is listed in the product section, as you can see. As mentioned, you can organise your products into different categories. You can also manage all your orders here. If you've selected appointments as one of the products, you can manage your appointments. And on this page here, we've got discounts as well. So if you wanna add a discount coupon code, feel free to add one here, as well as the store settings. So making sure you enter your store details, your company information and payments so that you can actually get paid, so connecting your PayPal and, well, Stripe, as well as manual payment ability. Going back to our website, we'll see our new product right here. Clicking on it will take you to the actual product page where you've got your description. And when a customer clicks on Add to bag or Add to cart, it'll land on this checkout page where they can check out and make payment to you. On the subject of AI website builders, Hostinger does host a number of other AI tools, including its logo maker. So if you don't currently have a logo, if you're just starting your website or your business and you don't wanna invest and spend hundreds of dollars on a logo, feel to use its logo maker. But if we take a look at the AI Writer, it will write and fill your website with content in a matter of seconds. So all you need to do is select your topic, let's say health and living, and then select a category. I'll choose Personal Trainer. Select a paragraph, so a personal bio, or history, or description. And then select a language. And all you need to do is generate some text. And here are some content pieces and snippets you could go and copy and paste to help you and assist you with writing on your website. And of course, with Hostinger, you're also able to grab some analytics, insight, and data in terms of your visits and where they're coming from. So taking a look at analytics, that'll take you to this area here, where, of course, once you start getting visits to your website, it'll show you and give you all the analytics and breakdown of it. And, hey, remember when I mentioned that you get over 150 website templates to choose from? Well, you can access that by clicking on the dropdown menu right here. And you can change the design by creating again from AI or you can choose a template. And from its template library, you can choose based on categories. So we've got fashion, technology, e-commerce. Clicking on eCommerce, you can see some of the templates that they provide and which ones you can go and select. And you and I know that websites should be mobile-friendly because over 50% of users are on the mobile to visit a website on social media and whatnot. So is Hostinger's website builder and its website templates mobile-friendly? Well, if you click on the mobile icon here, you can view it in mobile view and optimise it that way. So just right off the bat, when you use the AI website builder from Hostinger, it will optimise it for you already, but you can fine-tune things, as mentioned, with its drag and drop builder. And of course once you're ready to publish your website so people can actually visit your website, click on Go live. Now it says your website is live. So we can click on view your website. That will take us to a domain name. And in my case it was aureliuscreates.com. And we have our website. Obviously, I didn't make any changes, or any major changes to this, but you get the gist of it. When you have your own products and services and you have your own content, you'd probably wanna sit here for a couple of hours just to make sure you enter the right content that you want. And then once all ready, you go live. And that's how easy it is to set up your very own website. Whether you're looking to start an e-commerce store, or a blog, or showcase your work, Hostinger has got your covered with its AI website builder. And don't forget, look in the description box below to a link to Hostinger, as well as that unique coupon code, AURELIUS, when you check out to get a further discount on top of its already heavily discounted pricing and plans. But go ahead, set up your own website. And I'm looking forward to seeing your website go live. On that note, do give this video a like if you found this helpful. And do stick around to watch these next relevant videos. (upbeat music)
Info
Channel: Aurelius Tjin
Views: 13,537
Rating: undefined out of 5
Keywords: how to build a website with ai, ai website builder, ai website design, ai landing page builder, best ai website builder, create website with ai, hostinger ai website builder, hostinger website builder, hostinger website builder tutorial, hostinger ai builder, hostinger website builder review, hostinger
Id: g3mI6a033XU
Channel Id: undefined
Length: 20min 33sec (1233 seconds)
Published: Wed Sep 20 2023
Related Videos
Note
Please note that this website is currently a work in progress! Lots of interesting data and statistics to come.