Up next in 10
How to Make a Website Using AI
6K views
Jun 24, 2024
The video "How to Make a Website Using AI" explores the innovative approach of utilizing artificial intelligence tools to create a website effortlessly. It demonstrates step-by-step instructions on leveraging AI platforms to design, develop, and customize websites quickly and efficiently. Whether you're a beginner or seasoned web developer, this tutorial introduces you to the capabilities of AI in simplifying the website creation process, allowing you to build a professional and tailored site without extensive coding knowledge.
View Video Transcript
0:00
You could now create an entire website using AI with just a simple text prompt
0:04
And I'm going to show you two different platforms that use AI to build out websites
0:09
First, I'm going to show you this one where you could basically describe an idea in a simple sentence
0:13
and create a website that you could edit. This one is really, really easy, probably the easiest tool in 20 years that I've been building websites
0:22
And then I'm going to show you another one that actually gives you a lot more options for building websites
0:27
including e-commerce, including a blog, and a whole lot more. Okay, first let's go to Mixo
0:33
I'll link this below as well, and you'll just get a box. They made it really, really simple
0:37
So I'm going to go ahead and describe a startup business idea. This first started with just building a simple landing page to basically capture emails
0:45
before you test out a business idea, but they're making it more and more powerful every
0:50
single time of gone to this website. So I just wrote e-learning platform to teach business owners how to use generative
0:57
AI. And just like that, as soon as I click generate, it goes to this graphic here. And in just a
1:03
couple of seconds, it's going to give me a website. Let me just show you what it did here. First
1:07
it actually came up with a logo and a business name. So I did not give it a business name here
1:12
He says AI Business Academy. Very interesting. He gave me a really nice headline. Learn to use
1:16
generative AI for your business. Very benefit oriented here. Unlock the power of AI. You got a subheadline
1:23
This is my opt-in box here. So really, this is intended to test out new ideas. So this
1:27
is why it's designed this way, but you could actually alter it. He made up a testimonial
1:32
Obviously, I have to get a real one to replace this one. And then it created all these images here, or he found all these images for me
1:39
and it puts all these different sections. And on the bottom, I have another box here to opt in
1:45
Now, I'm going to go ahead and press Save and Customize, and then it's going to ask me over here to create an account
1:51
So you could see their pricing here, but they do have a free trial as well
1:56
Now I'm going to just continue with the free plan over here. So I'm not going to do any of the paid ones just to show you exactly what this lets you do
2:03
It's going to bring you to this page and all the different sections here are fully customizable
2:08
So the hero section here is my title. So this is where I would basically add any text I want and as you could see is adding it in real time over here
2:16
It did actually a really good job coming up with a very powerful headline and a sub headline
2:22
And you see this image for example could be replaced if I click over here
2:26
and I could use royalty-free things like unsplash. So if I go ahead and search
2:33
I could come up with different things like this. Actually let me just look up AI and see what unsplash gives me So I could choose this one for example and put that over here You see how quickly you could make these alterations And then you could customize the domain
2:47
And the free option is going to be very limited, but the paid options are very affordable compared
2:52
to most website builders. Let's say I'm done and I'll customize everything. I could go ahead
2:56
and press publish right on top. And there we go. I got my website here. Again, I'm not paying for
3:02
anything so I have the URL that they gave me, but you could go ahead and customize that URL with their paid option
3:08
Now, this really makes a one-page website. It's really great to test out new ideas, but let me show you
3:14
another tool that lets you create a very complete website using a lot of different AI tools
3:21
This is called 10 Web. Now 10 Web started with a website builder, and now they included a lot of
3:27
different AI tools and really leaned into the AI website builder side of things. So I'll generally
3:32
a website from here to show you what's possible. And this actually puts WordPress on the back end of it
3:38
You could do e-commerce, you could do blogs, a whole lot more here than what I showed you with the first option
3:44
Now you have a couple of different options. Since I'm making an AI video, I'll choose create a new website with AI
3:49
Now you could do an e-commerce website, so online store, that will be this option
3:53
Or informational, since I'm doing education, I'm going to choose this one here
3:57
Press next. I'll choose online training, but they have lots of different options available to choose from
4:02
I'm going to receive online payments so you could turn this on to connect something like a
4:06
stripe payment processor, which is what I typically use. And it's going to give you some layouts to choose from
4:12
So you could see all these different themes here that you could choose from. The ocean theme that you had me on, you could see some of the layout
4:18
So I really like this one here, the dark theme. So I could go ahead and choose the dark theme here and then go ahead and press next
4:23
But make sure you explore these color themes here depending on your style
4:28
So company name here, let me just go ahead and do skill�에 AI
4:32
And then describe your company, we create courses and tutorials to teach people how to use AI in an effective way
4:37
You could enhance it with AI right here. So it's going to take what you wrote here more as a prompt
4:42
And it's going to go ahead and add a lot more here. So this is actually better than what I wrote
4:47
I'm going to press next. Then it's going to tell me what services I have. So we have AI courses
4:52
We have tutorials. We have advanced training. So you could go ahead and change these out
4:56
Press next. And then it's going to say, what kind of voice do you want for your content, so formal or
5:02
informal. So you could choose one of these. I'll choose informal here. I like it more
5:06
conversational. Then this is where you finally have to create your accounts. I'll go
5:10
and create one. And this is going to go through these steps and create our personalized AI website An entire website not just the one I showed you in the beginning where he created a one page website So it was already done Took me a few seconds here edit and preview now And here we go So we have an entire website We have different sections here that we could jump into
5:30
and he actually put in all the text using AI for me
5:34
So welcome to Skill leap AI. I only give it the company name here
5:38
but it chose a header here that's fully customizable. So let me just go ahead and slide down here
5:43
Again, all these are customizable, but it gives you some ideas on what you should put
5:48
So for clients, for example, he created some placeholder text and it's created a whole contact section, follow us section
5:55
And I could also click this edit option that's going to give me a whole lot of editing options
6:00
Now, with any of these, if I do want to make alterations, I do have to do the free trial here
6:05
And then after the free trial, I could see if this is something I want to keep
6:09
But over here, you have all your settings for all the different sections and you could customize any of them over here
6:16
And they have the monthly and annual plans available for business, e-commerce, and agency
6:22
I'm just going to do this business starter one. This one is only $10 a month
6:25
If you do the annual plan, I'll do the monthly. And again, it's a free trial for now
6:29
Now, once you have the paid plan, you could click on any of these sections. I just went ahead and edited this one here
6:35
So you could see the title could be changed over here. And in real time, it will show you the preview on this side and all the different sections
6:43
I've done some editing too here. and anything you click on right here, you could go ahead and replace the images, for example
6:50
So this time, you could go ahead and drag and drop. The back end of this website basically is WordPress
6:56
So if you've ever built a website on WordPress, a lot of it is going to look a lot more familiar to you
7:02
But if you haven't, it still makes it really easy, much easier than using the actual WordPress here
7:07
with all these different AI tools. And as you can see, now the animations are working
7:12
Everything is basically set to go. And they also have the website structure up here
7:17
So if you want to go to different pages on your website, so if I wanted to go edit the About page
7:22
I could actually preview it for the first time. You haven't seen the About page. But here is our About page
7:27
And I could again add anything I want over here. And anytime I make changes to the website
7:33
I just have to press update over here. And it's going to go ahead and save that for me
7:37
on any page I make updates to. And I could always press dashboard over here
7:41
This is going to take me to the 10 web dashboard here. where I could see a big picture overview of what's going on with my entire website
7:49
So these are all the different pages. I could add pages here. If I want more pages, I could edit pages by just clicking them here
7:55
You could see they're all AI generated. And I could again always press edit website to take me back to that page where I could edit all the text all the images and the entire layout over here Now if you click this logo up here anytime it will bring you back to
8:10
this page where you could add additional websites. So you could actually build multiple separate
8:15
websites. You could go ahead and preview your website by clicking this icon, visit your website
8:19
That's going to open up the webpage I just showed you. Now, if you look up here, you could create
8:25
new posts, media pages, all from over here. This is all from WordPress. Because
8:30
this is using the back end of WordPress. So if you've ever used WordPress, you'll see this icon over here
8:36
This is going to look familiar to you. And back in the dashboard here, I could go ahead and press manage right over here
8:42
This is my current website URL. So this one is how you could go ahead and share your website
8:49
But if you press manage, you could customize that as well. And this page also gives you some more ytics like your page speed
8:56
So this is really nice to show you how fast your website is. And then you have all these things on the left side
9:01
You could go ahead and explore. If you want to add your own custom domain, you could go ahead and go to the hosting service
9:08
section here. And you could go ahead and point a domain from here. So click this
9:13
You could go ahead and add a domain. I usually use GoDaddy to buy my domain
9:17
So this process is a little bit more technical, but he will give you a step-by-step guide
9:22
how to do that. In the meantime, you do have this domain. But in most professional cases, you probably want to point a domain name
9:28
and they just rolled out AI assisted dashboard. So let me click that
9:33
This will basically give you a whole bunch of different AI tools here for writing, for
9:38
e-commerce, for website design, and you could see them all over here
9:42
So you could click on any of these, and this will actually help you basically create different
9:47
descriptions for your products. So these templates for your website could be really, really handy
9:52
This really combines AI, the power of WordPress, and the power of easy website creators
9:57
all into one bundle. So just to compare the two different websites
10:01
this one was the one we built with Mixo. So this was a simple one page with an opt-in box on top and on the bottom
10:09
And this is the new one now we built using the 10 Web framework
10:13
which gives us a whole different style of layouts and a complete website with all the different pages
10:19
and we could customize this as much as we like. Now, the example I showed you
10:24
skill leap AI is actually a real e-learning platform that we rolled out a few months ago and has entire courses on all the top AI tools
10:31
So if you want to use AI tools like chat GPT mid-Journey and the top 20 AI tools more effectively
10:36
we have complete courses and tutorials and you could try it completely for free
10:41
I will go ahead and link that in the description. I hope you found this useful. I'll see you next time
#Intelligent Personal Assistants
#Skins
# Themes & Wallpapers
#Virtual Worlds