How to Create a Website with AI in 2026 (Step by Step)

[00:01] 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.

[00:14] 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

[00:27] 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

[00:39] 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

[00:54] 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

[01:08] 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

[01:21] 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

[01:34] 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

[01:47] 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

[02:02] 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

[02:16] 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

[02:28] 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

[02:41] 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

[02:56] 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

[03:08] 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

[03:22] 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

[03:35] 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

[03:47] 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

[04:00] 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

[04:14] 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

[04:26] 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

[04:39] 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

[04:53] 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

[05:05] 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

[05:18] 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

[05:31] 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

[05:44] 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

[05:56] 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

[06:09] 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

[06:23] 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

[06:36] 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.

[06:49] 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

[07:01] 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

[07:14] 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

[07:29] 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

[07:41] 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

[07:55] 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

[08:08] 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

[08:21] 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

[08:36] 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—

[08:48] 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

[09:00] 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

[09:15] 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

[09:28] 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

[09:40] 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,

[09:53] 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

[10:06] 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,

[10:20] 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

[10:34] 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

[10:47] 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

[10:59] 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

[11:15] 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

[11:29] 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

[11:43] 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

[11:57] 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é[email protected], which is

[12:09] 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

[12:21] 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

[12:34] 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,

[12:48] 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

[13:03] 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é[email protected], [music] And basically, it shows when it was

[13:16] 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,

[13:28] 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

[13:42] 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.

[13:56] 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

[14:09] 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

[14:24] 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.

[14:38] 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

[14:50] 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

[15:02] 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

[15:16] 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

[15:29] 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

[15:43] 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

[15:55] 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,

[16:09] 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

[16:26] 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

[16:42] 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,

[16:55] 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

[17:08] 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

[17:21] 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

[17:34] 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

[17:50] 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

[18:02] 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,

[18:16] 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

[18:28] 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

[18:42] 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

[18:54] 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

[19:06] 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.