--- title: 'How to Create a Website with AI in 2026 (Step by Step)' source: 'https://youtube.com/watch?v=dPs7Y6Q8ONo' video_id: 'dPs7Y6Q8ONo' date: 2026-08-04 duration_sec: 1164 --- # How to Create a Website with AI in 2026 (Step by Step) > Source: [How to Create a Website with AI in 2026 (Step by Step)](https://youtube.com/watch?v=dPs7Y6Q8ONo) ## Summary This video demonstrates how to create a professional website using Hostinger Horizons, an AI-powered website builder. The creator walks through the entire process from selecting a plan to publishing, emphasizing that no coding skills are required. It also highlights the business opportunity of building websites for clients who lack the time or technical expertise. ### Key Points - **The Demand for Web Development Skills** [00:01] — Web development is one of the most in-demand skills today, but many believe it requires years of programming knowledge. The video argues that this barrier has disappeared with AI tools. - **The Old Barrier to Having a Website** [00:27] — Previously, creating a website meant paying a programmer or designer (expensive) or learning to code (most gave up). This limited who could have an online presence. - **Two Opportunities with AI Website Builders** [00:39] — First, you can create your own website for personal brand, business, store, or portfolio. Second, you can offer this service to the thousands of businesses that need websites but don't know how to build them. - **Introducing Hostinger Horizons** [01:21] — Hostinger Horizons is an all-in-one AI tool that acts as a designer, developer, and more. You describe what you want in plain language, and it builds the site for you. - **Real-World Example: Paying $500 for a Website** [02:02] — The creator recently paid $500 for a website for another business because he didn't have time to build it himself. This illustrates the market for website creation services. - **Hostinger's All-in-One Ecosystem** [02:41] — Hostinger bundles hosting, domain, and email in one place, simplifying the process for non-technical users. This avoids the complexity of managing separate services. - **Choosing a Plan** [03:47] — The video recommends the Starter plan, which includes domain, hosting, and two email accounts. It also mentions a 30-day money-back guarantee. - **Finding Inspiration and Using AI to Generate a Prompt** [05:18] — The creator looks at websites he likes (e.g., Sergio Ramos's site) and compiles references. He then uses another AI (Claude) to analyze these references and generate a detailed prompt for Hostinger Horizons. - **The AI Builds the Website in Minutes** [07:41] — After pasting the prompt and adding images, the AI generates the website in about 2-3 minutes. The process is conversational, not code-based. - **Customizing via Chat: Changing Colors and Content** [09:00] — The creator asks the AI to change the background to black with white text, and later to change all blue details to green. The AI understands and applies these changes quickly. - **Adding a Contact Form** [11:43] — The website includes a contact form. The creator tests it and encounters an error, which the AI identifies and fixes automatically (a Pocketbase error). - **Changing Images via Chat** [13:28] — The creator asks the AI how to change images. The AI explains that some images can only be changed via chat, not the visual editor, and provides a prompt to replace the 'About Me' image. - **Mobile Preview and Final Polish** [15:43] — The creator previews the site on mobile and notes that it looks good. He mentions that with a few more hours of polishing, it would be a professional product. - **Publishing and Connecting a Custom Domain** [17:34] — The site is published on a temporary domain. The creator explains that you can connect your own custom domain later, and he will show the final result in the description. - **Iterating with AI Feedback** [18:42] — The creator recommends asking another AI for feedback on your website to keep improving it. He is surprised at how easy and cheap it is to create a professional website today. ### Conclusion Creating a professional website with AI is now accessible to anyone, requiring no coding skills. This opens up opportunities for personal projects and for offering website creation as a service to businesses that lack the time or expertise. ## Transcript become one of the most in-demand skills today. Most people might think it's a very complex skill to master, but need years of learning to program to be able to do it. have a website, you had two options. You either paid a programmer or a designer, which was quite expensive and time-consuming, or you learned to program from scratch, which most people gave up on in the first week. It was a huge barrier, and that's why very few people truly had their own space on the internet. [music] Today that barrier has disappeared. Thanks to anyone can create a website, an online store, or even a complete application in a matter of minutes. And all this without writing a single line of possibilities for you. The first is to create your own thing, your personal brand, your business, your store or your portfolio. And the second thing that almost nobody tells you is that this is also thousands of businesses that need a website and have no idea how to create one. And you can learn this today and start making money from it . And the best part of the thousands of pesos or hundreds of dollars it used to cost, today you can start with just a fraction of that. to show you step-by-step how to create your website from scratch with artificial intelligence tool that you simply describe what you want to and it builds it for you. Without further ado, let's get to it. Now, to access the link in the description of this video or search for Hosting Horizons and you will screen. You'll practically be able to see this menu that says "Create your for those who still don't understand what we're going to do today, what vibe coding is, or what hosting and horizons are, think of it as your all-in-one artificial intelligence ally. He is practically a designer, a developer, and a have to do, as it says here in the box, is basically describe talking to a person, what we want to do, and this artificial intelligence ready to publish. And I know that many people say, "Hey, but this very profitable business model." Well, I want to tell you that last week I literally bought a website for another business we 're setting up for $500. Not much because we couldn't do it, but because I don't have time to do it. The truth is, if I weren't recording this video with you right now, I would rarely website, because I have many other things to do and it's more cost-effective for me to hire someone. I could hire whoever makes the website and however they want to make it interests me is the result. So, it's worth doing this and you'll created with this because it's a good way to earn income simply by mediating a relationship. It's not that the person can't do it, because n't have the time to do it. Business owners who have sales and now something I really like about Hostinger is that the hosting, domain, in the same place, in the same ecosystem, so you won't have to go around place. And maybe if you already know about programming it will be easy for you, but for those of us who don't know much about technology, it has already happened to me that you have it on one side and on the other and putting it together if you are not very technical is complicated. But before we dive in and start creating the page, you should know that you can can literally create whatever sell products, a landing page for your business, a portfolio, a booking page, or even a web application with a login and its own dashboard . Literally, if you can imagine it, you can create it. So, I think it's you have a business idea to start creating it, or to fulfill the wishes of someone else by selling them this service. So, the truth is well worth it , but enough talk, let's get straight to the action. We're going to create the do before writing a single line of text is to choose a plan, because if you click start for free and it sends me to create an account. So, we have to go to the pricing section, it's right here at the top and there are these four plans, the free one if you want to start practically just testing the starter plan because the truth is that here you have the whole domain, the hosting, the two mailboxes or email accounts per website, that is, you practically have all three things customer service. If you have any questions, they respond very quickly, and the best thing that is n't mentioned here, but exists, is a 30-day money-back guarantee . So, even though it might be an initial investment, if you do n't like it or don't get a return or whatever, you just So, we're going to choose a plan and it will take you to this page. You can choose recommend 12 months, because it's a serious project and it's not that expensive considering what I told you I paid. I literally paid $500 a week ago for a website, and here, with just one client, you'd practically right? And if you want a little more discount, you can use another discount, making it even cheaper. That's it! You basically just secure your domain for the page you want and select continue. completed your process, you'll see this Hostinger panel. Remember that Hostinger has many services, so not only will Horizons appear, but domains, emails, etc. But below is the Horizons panel, and that's the one we're going to select, and we simply select "Get started now." So, the first thing I'm going to do to create my page is look for inspiration. I know I want a website, but I don't know exactly how to tell artificial intelligence what kind of website I want, because let's be artificial intelligence isn't so much that it's very good, but that we are very lazy. So, the first thing I'm going to do is look for inspiration from entrepreneurs, creators, I don't know, anyone whose website I'd like to see resemble mine. Among them I found this one of Sergio Ramos which I think is all the characteristics or all the facets of Sergio Ramos, which is the person, the footballer, [music] achievements, ambassador, projects and it opens you up to a particular landing page. It's really cool, and it's something I think this design, but this won't be my only reference. I'm going to use several; this is just one of the ones I liked. What I'm doing is compiling these references, putting them in a little document, and then, before telling Hosting Horizons, "Hey, make me a website like these three," the this information to another AI because Cloud, in the case of can understand Horizons much better than AIs communicate better with each other. So, basically, what I'm going to do is tell Cloud, "Hey, I'm going to create a page in Horizons with these inspirations for this purpose, with this profile that I have, so it can generate a prompt that I'll then use in Horizons." I mean, to be a prompt you create by hand in Horizons, but I think it's much better if another AI analyzes or breaks down the ideas—much better. the prompt I used to create my website in the description of this video. But not the one from my actual website; rather, the one I fed into Cloud's AI to generate the prompt for my website, because that's the truly important one. This way, you can add your own ideas and everything so that another AI can accurately analyze the paragraph, and then you Hosting Horizons. Again, you can do it manually, but I think it AI does it for you. And well, prompt for me, which I simply [music] paste. This whole prompt from here, and first I have to add some images. Why? Well, because the prompt suggested some images. So, I'm simply going to add them and click open. Here are the images: a picture of myself and a blank logo that isn't visible. And I simply send the prompt. And if you look closely, it's quite interesting because it's literally a chat, or I mean, it's not like any programming or anything, human, and I love that. Imagine, these things used to take us weeks 5 or 6 years ago, and now we can do them in minutes. It's really crazy. And if you look, the page is already being created in the background. It looks like actual code, really. And here come the tips, right? Add images as a images. Select "edit content" in the preview. I'm really interested to see how easy it is to edit errors because I think that's common in business; you're going to get asked for a lot of changes. So, I want to see how simple it is, and that's why I think the starter plan is the best because you have credits to spare, literally, and you can practically make changes and really good, but let's see how it turns out. And well, in about 2 or 3 minutes, it literally gives me this. Uh, if you look, the website looks really cool. Uh, we can explore it. It comes like this. Well, this photo It's not mine, that's something we can improve. I think it just needs my own photos added, because I did add some photos— this is the one I added—and my logo, but these aren't mine, right? Hey, my followers, this is updated, and it seems we're going to have to make some changes. The first change we have to make is be black. So, I simply told them, "Can you make the page black, a black background with white text?" Remember, we have to be very detailed, or at least quite clear, with our requests; otherwise, I think it might look a bit odd. And well, now it's in also looked good in white, I mean, [music] dark colors better. I think you already know that. And well, it's practically ready now. Something very interesting is that I didn't add any text. If you notice, I don't know why it says... Look, it says about people, they teach millions of administer, and multiply clearly and without selling, to sum it up. I mean, it's very accurate, but imagine I do n't like that content. I simply go to edit content and I can remove this last tab, right? I mean, it's very simple because remember, as I mentioned at the beginning, I didn't generate the texts myself; Hostinger generated them as an automated copywriter. So, save and the changes are applied to my website. If you notice, it already looks the same without the last tab I added, right? Also, something interesting is that here you can see the page data and the code. If you're a little more you can see all the code being used, and it's also editable, right? Important to review. If you're a bit more technical and think this good base to eventually build something deeper on without having to start from scratch. You can make more changes too. For example, here I'm changing the color of the dot, which is very interactive. I thought it would simply has the design changes I want. Maybe I'll have to make also in blue, but for example, if I wanted to change only that dot, well, there it is, and it's already solved, right? I prefer the green color, but I think it also looks good and stands out quite a bit. And because I could, I mean, I could go into Interido here and click on don't want to do all that, let's tell Hostinger Horizons, "Now I'd like you to change all the blue details to green." a little more specific about what kind of details and all that, but let's test it and see how easily it understands the instructions. practically in a matter of minutes I changed all the details. contact button, the dot, this little bar that goes down as I scroll down the tab, the path section which looks really good, and I mean, I like the outline better, it really looks much better. So, it was very easy to explain the color. And something I didn't mention on the page is that at the bottom we have a contact form because Hostinger, can be a store, a portfolio, it can be whatever, so since collaborate with anyone, we basically use a So here, if we're talking about work, maybe I would have put " Collaborate with us" or something like that, but the important thing is that it works. So, I can put, for example, Andrés's email, which says andrés@gmail.com, which is n't my email, but it's just for the exercise. And we'll show you the example. If you look, It's working. I click send, and it says, "Couldn't send. There was a detected errors that need fixing." If you look, it flagged solution. So, let's [music] see. I requested a solution. In fact, for example, the prompt analyzes my website and corrects the pointed out that there was an error there, and well, it's going to fix it automatically. And it's actually here correcting errors. It practically gave me the error right there and says, "Done, I've fixed the Pocketbase errors." I'm going to enter my name, my email, a reason, email, a reason, and "hello" again. Now it says "message sent you a confirmation email." So let's see. I mean, I can't confirmation email because the email I entered isn't mine, but I can see all the information and everyone who has received it here in the data. For example, here it is. In seems to have some kind of error. It says andréshola@gmail.com, [music] And basically, it shows when it was created, when it was updated, and all the contact information, so we can keep track of the people, brands, or anyone with us—who they are, and we see everything here from Hostinger. And well, cell phone, which I think is extremely important, I want to make a few quick changes to the page. Since I do n't know how to do it, for brands here, and you can only modify this text through the chat, okay? There's some struggle a bit with things like the images and all that, so I want to change them. Let's ask Hosting Horizons' AI, which is called COD, which doesn't use it. [music] So I'm going to ask it how to change the images. ask it how to change the images. I activated edit mode on my website. I'll says, because otherwise it wouldn't let me select them. In fact, if you look, here it says, "Ben answers me this, if in edit content you can change the tells me, if the image doesn't appear with a dotted border or doesn't let you select it, that a prop in Chachant [music] Horizons, not from the visual editor. If you want, I can tell you to replace that image. So I'm going to say yes, please, because it might which image I have to change directly. So let's give it a try. It's coming on now. And with this promo, I just copy and paste, right? It says to replace new image description. Keeping the same title. Okay, I'll copy this prompt and now I'm going to put it in the chat. Replace the going to put it in the chat. Replace the image of I'm going to put the section image of I'm going to put the section about me. for a new image. In this case, I'm going to tell you that I'm attaching it to this message. Then I copy the prompt and it says, "Replace the image in the 'About Me' section (in quotes so I that I'm attaching to this message, keeping the same size, position, and elements on the page." So, I'm going to start uploading images. This is the image I want. Let it add up. I had to disable editing content and then I clicked send. And he says he's already made the change. So, we go to the bottom and yes, the photo was uploaded. In fact, he even put the logo in well, it's coming for me. The truth is, the page looks really cool, I won't deny it. I make the changes to see if it really goes with what I want to communicate, but they kept the photo and the page looks very, very good, very wanted. I can also see how this looks on a mobile phone here, because I think consumed only on the web, but also on mobile phones. So, well, it says Garza, creator, a little bit of information, which I think is too much text here, maybe I'm going to suggest making some changes and, well, these metrics that have to keep changing, right? And well, I basically just wanted you to see how the page is made. Very elegant, very simple, very functional. all fully functional, but now we're going to modify it and I'll of this video so you can see how it turned out, because we're going to change descriptions, things, and add some different menus. The truth is that very well, very functional. To be honest, this only requires about 6 3 more hours of polishing, changing data, centering a few things, and it will look The truth is, I think it's something I would pay for. today, but I still need to make some changes. What I business opportunity. Even though it's ready to have the time because I have other things to do. I would pay someone to do it, super professional. It's just a matter of and it can be used for anything: an online store, a restaurant, making reservations, networking. briefcase. editor, a designer, a YouTube thumbnail artist, or even a has these two functionalities: you can create your own page if you are you can list your services, your years of experience: doctor, financial advisor, lawyer, psychologist, nutritionist. If you have the time and want to sell it to someone who doesn't have the time, like me, then I think there will always be a market to put your little piece of history on the internet and have it look n't done practically any code, I've edited everything with the mouse, I've asked a couple of questions and I've done it all with a prompt. And once you publish and for example it says temporary domain. literally what it looks like. I mean, I think I can make some modifications, but the truth add some things, for example, these brands, etc., etc., but the truth is that it looks very clean. It's very much in line with my style, to be the photo a little, adjust it a bit more , and then you can connect your custom domain if you want to set it up as your domain. You'll see in the end when I have my domain and everything is connected and finished, right? For gmcapital.mx, but anyway, we're going to use another one and you'll be able to see it in the description. And well, that would be all. As you saw, you can create a real, simply by typing and without needing truth is that the results are quite decent. After a few changes it looks pretty good, as you saw in the final version. And the truth quite useful for any type of person, whether for selling it or for your own personal project. It's very easy to do, and it practically pays for itself if you put the right things in there. Another thing I want to recommend you can ask another artificial intelligence [music] what it thinks of your website and keep iterating things. The truth is that I'm surprised that these tools are available to everyone today and that we can actually do things very easily, very cheaply and very simply. So let us know in the comments what kind of website you're going to create, or link to it if you've already created it. Also, any changes you see that you can make to mine. I would be very first personal website I've ever had . That's all, it's a pleasure to serve you and we'll . That's all, it's a pleasure to serve you and we'll see you soon in another video. Ciao.