- 2 days ago
🚀 Want to create a professional website without coding or wasting hours?
In this video, I’ll show you the easiest way to build a stunning website in just 30 seconds using AI (2025 edition). No technical skills, no stress—just fast, smart, and powerful results!
✅ Perfect for beginners, freelancers, and business owners.
✅ Save time & money with AI-powered tools.
✅ Watch step-by-step how I go from zero to a live website in under a minute.
👉 If you’ve ever struggled with web design or thought building a site was too complicated, this tutorial will change the way you see websites forever!
🔔 Don’t forget to like, share, and follow for more AI tips, tutorials, and tools to stay ahead in 2025.
In this video, I’ll show you the easiest way to build a stunning website in just 30 seconds using AI (2025 edition). No technical skills, no stress—just fast, smart, and powerful results!
✅ Perfect for beginners, freelancers, and business owners.
✅ Save time & money with AI-powered tools.
✅ Watch step-by-step how I go from zero to a live website in under a minute.
👉 If you’ve ever struggled with web design or thought building a site was too complicated, this tutorial will change the way you see websites forever!
🔔 Don’t forget to like, share, and follow for more AI tips, tutorials, and tools to stay ahead in 2025.
Category
📚
LearningTranscript
00:00So guys, I just built my website using AI and it looks like sh**.
00:05Oh, okay. Let's try this again.
00:07Here, I'll enter in this prompt and this time, okay, one last time.
00:11You know, sometimes these AI tools make decent looking websites.
00:14So let's try this again, right?
00:16Come on, YouTube, don't let me look stupid.
00:18Well, this is useless.
00:20Maybe I should delete this video, right?
00:22Hey, stupid.
00:23What? Is that the AI?
00:25Just tell me what you want and I will build your dumb little website.
00:28Okay, build me a lawyer's website.
00:31Here you go.
00:32Complete homepage.
00:33All the necessary pages under contact form.
00:36Now, go get a real job.
00:38Wow.
00:38Well, you guys just saw that, right?
00:40Now, I just built a professional looking website completely using AI
00:43and didn't have to drag in an element or even touch a single line of code.
00:47So this is how it all works.
00:49I typed in what my website was about.
00:51I also asked it to include a few sections and in just a few sentences,
00:54bam, I had a full website.
00:56Not just some random templates, but a full website with modern design,
01:00matching colors, and sections that actually made sense.
01:02Heck, you can even allow appointments and use it to create a full-blown e-commerce website.
01:07What's even better is I'll be giving you one prompt that will generate the entire website
01:10for you automatically in less than 30 seconds.
01:13How about that?
01:13Pretty cool, right?
01:14Just tell your dumb little audience to tell me what they want.
01:17Oh, okay.
01:18Relax, honey.
01:19So listen, I'll walk you through how to make a professional looking website using hosting your AI.
01:23Now, I've used many AI tools out there and many of the time they produce very low tier looking websites,
01:28but this AI tool actually works quite well.
01:30So in this video, I'll walk you through how to generate a completely AI generated website in less than 30 seconds.
01:36So with that said, let's get started.
01:37Now, there is a link in the video description.
01:39It'll take you to Hostinger where we're going to set up your new AI websites.
01:42Okay, and this is Hostinger.com.
01:44You've probably heard of them.
01:45They're actually officially recommended by WordPress.org.
01:47They have great pricing and they have an AI builder.
01:49Now, once you get to this page, all you'll do is click on Claim Deal.
01:53Now, if you scroll down, there's going to be three business plans.
01:56Now, in order to access the AI tool, you need to get the business plan or better.
02:00The premium does not include the AI builder.
02:02So you want to make sure that you do select the business plan or better.
02:05So right here, I'll click on Choose Plan.
02:08Now, the next is the period.
02:09Now, the longer you sign up, the cheaper it is.
02:11But if you just want to test this out for the very first time, I definitely recommend 12 months.
02:15This will actually give you one of the best discounts.
02:17And also, you can use my coupon code to save even more money.
02:21So right here, under Have a Coupon Code, you'll go ahead and type in Daryl10.
02:25And this will give you an additional 10% off any single plan that you choose.
02:29So right here, I'll click on Apply.
02:31And look at that.
02:32The code Daryl10 saves you an additional 10% off any of the plans that you choose.
02:36Now, keep in mind, there's also a 30-day money-back guarantee for any reason whatsoever.
02:40So once you enter in your coupon code, you'll then click on Continue.
02:43On the next screen, you'll enter in your billing address.
02:45So you'll put your first name, your last name, and your billing address.
02:49Below that, I'll click on Continue.
02:51And next, you'll enter your method of payment.
02:52So you can use credit card, PayPal, Google Pay, and Apple Pay.
02:56Now, once you enter your information, I'll then meet you in the next page.
02:59So once you go through the sign-up process, it'll ask you a few questions, right?
03:02Like, where are you located?
03:03Enter in your details.
03:04Then it'll ask you about if you want to build your website with AI.
03:07Make sure that you do select the AI option.
03:09And then you'll come to a screen that looks just like this.
03:11This is where you can essentially enter in your brand name and give a description about your business.
03:16But to get exactly what we want, we need to head over to ChatGPT.
03:19So let's do that.
03:20Now, to get started with, you just want to get AI familiar with the Hostinger AI Builder.
03:23I want to create a website using Hostinger AI Website Builder.
03:26I need help with a very detailed prompt.
03:28Can you help me?
03:29Here, I'll go ahead and press Enter.
03:31So here I put, create me a prompt for a lawyer's website.
03:34Make sure the people are white American.
03:36The name of the firm is First Legal Group.
03:37Now, the reason why you want to specify the actual ethnicity and who you want to show,
03:41because I've used this before, and the AI will actually just take random people from different parts of the world.
03:47And it actually has, like, different writing, like in Vietnamese and in Arabic.
03:50So you want to be very descriptive for the AI so they know exactly who you're talking about and what you want.
03:55So once we enter our prompt, we'll then press Enter.
03:58Okay, so then you'll see it created a really descriptive prompt.
04:01Now, the last thing that we want to do is we want to ask the AI to summarize this all in 700 characters.
04:06The reason why is because the Hosting Your Website Builder's max character is 700.
04:11So you want to take all this information and condense it into 700 characters.
04:15So the last step is, can you make this prompt 700 characters for the AI website builder?
04:19This is the max the AI builder allows.
04:21Go press Enter.
04:22And voila, we have our 700 characters.
04:25So we're going to take this, copy it, and then we're going to go over here, and then we're just going to paste it.
04:29Once we enter all that information, we'll then click on Create a Website.
04:32Now, hosting our AI is going to completely generate this website using the prompt that we gave it.
04:37And look at this.
04:38We have a brand new website completely built with AI.
04:40And look at this.
04:41We've got a video background here.
04:42We have a call to action.
04:44Scrolling down, we have an About Us section that looks great.
04:47Here we have our legal services.
04:49And notice here how I put American.
04:50So it's grabbing buildings that represent America, right?
04:53I've learned that if you don't put the actual country of origin, it just takes random buildings from random countries and looks really weird, right?
04:59Scrolling down, we have our client feedback.
05:02And then here we have a beautiful contact form at the end of the websites.
05:06Now, on the right side also, we have a color palette.
05:08So you can actually click on some of these color palettes to adjust the color palette for your websites.
05:14That's why I didn't really tell the AI to include a color palette because the hosting your AI builder already has this included.
05:20And then below that, we have our footer here at the bottom.
05:23But I do want to change it back to that blue color because I think this is more serious for something like lawyers.
05:28So overall, we have a really nice looking AI website that was generated for us in just a few clicks.
05:34So we're going to go ahead and select the color palette.
05:36And once we actually pick a color palette that we want, we can then further design the websites.
05:40So up here at the top, I'll click on continue.
05:43All right.
05:43So let me walk you through how to use this AI builder.
05:46Okay.
05:46Now, when you're first building your websites, if you double click on any element, this allows you to design and customize any elements.
05:52So I'll double click on the text and here you can change the actual text color.
05:56You can change the heading.
05:57You can also change the fonts and the size of the elements.
06:00And then you can do things like bold it, italicize, or underline.
06:04Now, for example, if I want to change this text, I'll double click and put my new AI websites.
06:11Now, if you want to move an element, all you got to do is just drag and drop it, right?
06:15So for example, I'll click away and then over here, I'll click on this element and you can move this element anywhere you want.
06:21On the screen, right?
06:22So I can take this and drag it right here.
06:25And that allows me to move any elements on the actual websites.
06:28If you want to change the text for any elements, all you got to do is just go ahead and double click.
06:33And then right here, you can just go ahead and adjust this to anything that you want.
06:36Now, for all elements, they all have their own styling options.
06:40So for example, I'll click on this contact button and then I'll click on edit button.
06:44Here you have options, right?
06:45So here you can change the button text.
06:47You can link this to a specific part of your website.
06:50And then we have more options where you can open a new tab or make the link not follow.
06:54You can also change the style.
06:56So this is actually the style for the elements, such as the text color, the text size, and the border color.
07:02And then over here, we have the hover effect.
07:04This is when the user hovers over the actual elements.
07:07You can choose to change the actual background.
07:09So for example, I'll change this to black.
07:12And when I hover over it, you'll now see it turns black.
07:14And then lastly, we have the animation where it just gives the element an animation on the actual screen.
07:21Okay?
07:21Now, for every element, you can also go ahead and duplicate it, hide it, and then also delete it, right?
07:27So for instance, if you want to delete this, you'll click on delete, and then the button's gone.
07:31Now, if you want to go back into the history, all you've got to do is click on this undo button,
07:35and this will bring whatever element you deleted back.
07:38Now, most websites have two buttons on the home page.
07:40So what I'm going to do here is I'm going to click on the button, duplicate this, and then I'm going to drag it over here, right?
07:46So essentially, what we're going to do is we're now going to go ahead and make sure it's even right here.
07:50It's going to line it up with the websites.
07:52And now we have a two-button landing page, right?
07:55And then maybe here, we'll just go ahead and change the color.
07:57So for the actual style, I'll just put the fill color to black, right?
08:01Then it looks better.
08:01And then just remember that under the link to, you can go ahead and link this to any page you want on your website,
08:08such as the About Us, the services, and also the contact, right?
08:11So that's how you can fiddle around with your home page.
08:14Now, if you want to make this larger or smaller, here, we'll go ahead and click on this at the bottom right here,
08:19where it says section height.
08:20And this is where you can make every section larger or shorter.
08:24Now, for every section, you can adjust the background settings.
08:27So I'll double click on this section.
08:28And then up here, we have edit section.
08:30So here, click on edit section.
08:32And here, you can change this to a color.
08:34So I'll change this to something like a blue color, right?
08:37So here, we have a flat color.
08:39You can also have an image, right?
08:41So if you want to add an image right here as your background.
08:44And then lastly, we can choose to use a video.
08:47Now, for the images, if you click on replace image, you can actually use free images courtesy of unsplash.com.
08:54So they do have a lot of images that you can use.
08:56And all you got to do is just type something in, like lawyer.
08:59And then you'll be displayed with a list of lawyer niche photos that you can insert anywhere you want on your actual websites, right?
09:07So once you select an image, you'll then just click on add to page.
09:10And then you can use this background now as your new landing page.
09:14And then below that, there's options to adjust the opacity, have a fixed background, or you can just move the position of the actual image.
09:20Now, there are some more options here.
09:22And this essentially allows you to move each section.
09:24So if I click on move down, it'll actually take that section and move it down.
09:29If I click on move up, it'll then bring it up to the top of the screen.
09:32Now, there is also the generate images.
09:34Now, personally, I'm not a fan of AI images just because it doesn't always give you what you want.
09:39And you're going to spend a lot of time trying to get images that you want.
09:42And it's just better off to go to a website like unsplash.com.
09:44Okay, now the next thing I want to show you all is how to add in elements.
09:48Now, here on the left side, I'll click on add elements.
09:50And this essentially allows you to drag and drop elements anywhere you want on the actual website.
09:55So, for example, if you want to drag in a text right here, I'll just take this text and I'll drop it.
10:01And then you'll see we have this text elements.
10:03And for example, I'll put Daryl Wilson, right?
10:05Daryl Wilson.
10:06I'll change the text to white.
10:09And then I'll just take this and I'll drag it right up here.
10:11And if I want to add in something else, add elements, maybe another button.
10:15I'll take a button here.
10:17And then, of course, we can just like drag and drop this anywhere on the screen.
10:20So, next, I'll go over here to add elements.
10:22And then I'll just go ahead and drag in another element, right?
10:25I'll just take this one, drag it over here.
10:27And then I'll place it right there.
10:29Now, just remember, for every element that you introduce, they all have their own options.
10:32So, here, click on edit social icons.
10:34And then for every element, they all have their own unique styling options.
10:38So, just make sure that you go through each element.
10:40Get familiar, just so that you know how to use them.
10:42So, now that we got our landing page set up, let's go ahead and add a new section.
10:46So, to add a section, right here, you'll see add section.
10:48I'll click on add section.
10:50And then here, we can insert sections onto our websites.
10:53Now, here, they've actually broke this up into categories.
10:55So, they have the about us sections.
10:57They have the services sections, contact form, subscribe form, and so on and so forth, right?
11:04But I'll go ahead and click on main.
11:06And then let's scroll down.
11:07And I'll just go ahead and insert a section.
11:08So, I'll insert this section here.
11:10And then, voila, we have a brand new section.
11:12Now, this image is a little weird.
11:14So, I'm going to delete this image, right?
11:15And then maybe we should make this a little smaller.
11:17Make this smaller.
11:18Do like that.
11:19So, I think that's better.
11:20Now, let's say, for instance, you want to add in like a video.
11:23So, I'll take this video.
11:24I'll drop it here.
11:25So, now we have this YouTube video.
11:27And I'll click on edit video.
11:28And what we can do is insert a video from YouTube.
11:31So, over here, I just pulled up this stock footage.
11:34I'll take this link.
11:36And then I'll paste it here under video link.
11:38Now, if you want to increase the size of the video right here, I'll go ahead and increase the size just like that.
11:43And we can control the size of this video.
11:46And just remember, for every section, you can always double click and then change the actual background.
11:50So, edit section.
11:51And then here, we can always change the background to anything that we like.
11:55You can also go with gradients.
11:57Just be careful because gradients can make your site look tacky if you don't do it the right way.
12:01So, all you're going to do from here is you're just going to scroll throughout the rest of the website.
12:05And you're just going to adjust the images, right?
12:07So, if you don't like this image right here, you can just double click on it.
12:10Replace the image with free images.
12:11And then insert any image that you want.
12:13And I think this looks a lot sharper.
12:15Now, for all these other sections, all you've got to do is just click on this, double click.
12:19And then you can replace the text.
12:21So, from here, I think you understand what to do.
12:23Now, just remember, if you don't want a section, all you've got to do is just go ahead and double click on the section.
12:29And then here, we have the trash can where you can delete it.
12:31You can also hide this for specific devices.
12:35So, for example, click on show hide.
12:37You can actually show this for only mobile if you want to go that route.
12:40Or you can hide it on mobile, right?
12:43And if you want to delete something, you'll just delete it.
12:45And that'll completely delete the section.
12:47Now, the last option is going to be the contact form.
12:50So, here, I'll go ahead and click on the form and then click on edit form.
12:53Now, for the contact form, you just want to make sure that this is your email.
12:56So, make sure that you have an email right here because all the contacts right here will be sent to this specific email.
13:02You can also add in more fields.
13:04So, for example, if you want to add a new field, we'll go ahead and click on this arrow.
13:08And then I'll put in a short answer.
13:10And I'm going to take this and move it up.
13:11And then for the short answer, I'll change this to something else.
13:14Legal issue.
13:14And then right here, I'll put explain your situation.
13:17Here, we can choose to make this required.
13:20And just remember, you can add in more fields right here and build this form however you would like.
13:25You can also adjust the button, the style, and then also the animation for this contact form.
13:30Here, I'll click on close.
13:31And then the last thing we have here is the footer.
13:33So, you can actually go ahead and adjust your footer by just, you know, adding in elements.
13:37And you can build this however you would like.
13:40Okay.
13:40So, let's go ahead and scroll up.
13:42Now, what I'm going to do here is I'm going to make this a little longer, right?
13:44A little bit longer.
13:45Now, before you make your website live, you just want to make sure that you insert your logo.
13:49So, here, I'll click on the first legal group.
13:51And then here is where you can insert your logo.
13:53So, I'll click on replace image.
13:55All right.
13:55Here's my logo.
13:56I'll go ahead and open it.
13:57And voila.
13:58That logo did a lot, as you can tell.
14:00Now, on my demo website over here, you'll see that I actually changed the actual color of my header.
14:05I also threw in some social icons right here.
14:07And then here is my logo at the top.
14:09If you want to change the background color, it's the same way.
14:11Here, under the layout settings, you can actually change the color and also the style of your menu.
14:17So, for example, you'll see here we can change the menu settings.
14:21I think this one looks sharp.
14:22I do like that better, actually.
14:23And then for the elements, here we can choose to show our logo.
14:26We can show social icons.
14:28And then also show a button.
14:29That makes it look a lot sharper.
14:31Here for our logo, we can choose to make the logo even larger if we want to go that route.
14:36And then for the style here, we can change the actual header background.
14:40So, if you want to change the color right here to something else, you can do that.
14:44Or you can make this a transparent header, which basically means you don't have a background.
14:48But I do like the style that I had before.
14:50So, I'm going to take this off.
14:52And then we're going to change this back to white.
14:53So, just make sure that you do add in your own logo.
14:55And you adjust the header of your website before you make it live.
14:58Now, if you don't have a logo, there is a great website for this.
15:01So, this is fiverr.com.
15:02I'll leave a link to Fiverr in the video description.
15:04And all you got to do is type in logo.
15:06And you can get a logo made for you for as little as like $10.
15:10They have some for like $10, $15, $20.
15:13And these guys are actually pretty good.
15:14So, I do recommend to custom make your logo.
15:17I do not recommend a free logo maker because legally, you can't use those logos anyways.
15:22So, yeah, I'll leave a link to Fiverr in the video description.
15:25So, the website right now is looking pretty good.
15:27Now, here we have other pages.
15:28So, I'll click on the About Us page.
15:29And then here we have a little bit more information about our website.
15:32So, this is the About Us page where you can talk about how you got started, where you are, and how long you've been in business.
15:38And then below that, we have the location of the actual business.
15:41Here we have services.
15:42And notice here how we have this one image that was from Vietnam.
15:46So, I did mention this earlier.
15:47Sometimes images from other countries might get in.
15:50All you got to do is just go ahead and click on the image, edit image, and then just replace it.
15:55All right, cool.
15:56And scrolling down, we have our client feedback and then our footer here at the bottom.
15:59And lastly, we have the Contact page.
16:02Now, you just want to make sure that you double-click on the Contact form right here.
16:05And just make sure that this email is your specific email and that you have access to this email.
16:10Now, also, for every person that fills out your Contact form, here I'll click on View Submission List.
16:15And all the email submissions will be sent right here.
16:18A copy will also be sent to your email.
16:20So, you don't have to check Hostinger all the time because they'll go directly to your email inbox as well.
16:24So, overall, we have a really nice-looking AI website that we made in just a few minutes.
16:29Now, let me show you all some other options before we make the site live.
16:32On the left side, we have Add Elements, right?
16:35But below that, we have Pages and Navigation.
16:38Now, I do recommend to actually automate this with AI.
16:41So, for example, I'll click on Homepage SEO.
16:43And then here, I'll click on Generate New SEO Information.
16:47And essentially, what this is going to do, it's going to create SEO description for us so that we can be found on Google.
16:52So, here, we're describing our business.
16:54I'll click on Next Step.
16:55Here, we'll put in three keywords for our website.
16:57So, Family Law, Criminal Law, and then Legal Representation.
17:01Here, I'll click on Next.
17:02And then this is what our website looks like from the Google search results, right?
17:05So, we have our title right here.
17:08And then here, we have some description.
17:09Now, if you do want to change this, all you've got to do is adjust this SEO title
17:13and then change the meta description to anything that you would like.
17:16So, experience legal representation in Los Angeles.
17:18And then the meta description will explain the field of law.
17:21So, once you adjust this, you'll then click on Finish.
17:24Okay.
17:24And once we enter in the SEO information, you'll see we have this green checkmark.
17:27So, now our homepage is fully SEO optimized.
17:30We just want to make sure that you go through all the pages right here and go through the same process.
17:34So, you just want to make sure that you fully optimize all of your pages for Google.
17:38Okay.
17:38So, now that we talked about the actual navigation, you can always move these pages around.
17:42So, if you want to adjust the pages, so you can put the, you know, the services behind the contact or something like that.
17:49And then you can rearrange the pages on your websites.
17:52If you want to hide your website, you can always put coming soon, right?
17:55So, now there'll be a coming soon banner when people visit your websites.
17:58Or you can just make it not live.
17:59It's really up to you.
18:00Now, the next option is going to be the actual website styles.
18:03Now, the website styles allows you to insert a specific style for all of your elements.
18:07So, here we have the default as whites.
18:10For our font, we've actually select Roboto.
18:12If you want to change your default font, you can just go ahead and select the font.
18:16And all the elements will carry this font on your websites.
18:19And then for the button style, you can actually choose if you want this circle or square or like a really sharp square, right?
18:26And then here we have animations.
18:27Now, just remember that these animations will be applied for all elements on your website.
18:32So, use this very sparingly.
18:33I'll go ahead and just put no animation for now.
18:35And below that, we have the AI generator.
18:38Now, this allows you to create AI images, AI pages, AI sections.
18:42And you can completely create sections using AI.
18:45Now, the very last thing that we're going to talk about before we jump into submissions is these general settings.
18:50So, here you'll see that there's general settings.
18:52There's also analytics and there's just other options that you can apply to your AI websites.
18:57So, for example, if you want to adjust the favicon, which is the icon here at the top of the website, you can add it here.
19:04You can also add a cookie banner if you want to go that route.
19:07And then also a link preview image.
19:09This essentially is the image that is shown on social media websites when someone shares it on something like Facebook or Twitter.
19:15And then we also have form submissions where you'll see all the submissions on your contact form.
19:20And then also you have analytics, which shows how many people are visiting your websites.
19:24So, let's make this website live.
19:25Now, the first thing that I want to do is I want to connect a domain, right?
19:28So, let's go ahead and make this website live.
19:30Now, here at the top right, I'll click on go live.
19:33And congratulations, your website is now live on the internet.
19:36If you want to see your website, I'll click on view sites.
19:39And here it is.
19:40That is a strong landing page.
19:41As you can tell, this looks fantastic.
19:43Scrolling down, you'll see all the elements are in place.
19:45All the images that we selected, we have our legal services, our client feedback, and our contact form here at the bottom.
19:52So, let's go ahead and scroll up.
19:54Now, let's say, for example, you want to enter your own domain onto this AI website.
19:58Let me walk you through how to do that.
19:59So, going back to the builder, here at the top, I'll click on connect domain.
20:03And then I'll click on change domain.
20:05So, here you can input a name for your website.
20:07So, I'll go ahead and enter a domain name.
20:09So, I'll put darylllawyer.com.
20:12See if that's available.
20:13And it's available.
20:14I'll go ahead and select this domain.
20:16And then click on next.
20:18Next, I'll go ahead and select the billing period.
20:20I'll just select one year for now.
20:22Scroll to the bottom.
20:23And then click on complete payments.
20:24So, this only costs $10.
20:25And this is actually standard for all web hosting companies.
20:28And then Hostinger will then propagate this new domain name onto our AI websites.
20:32And just like that, the domain has been added to our AI websites.
20:35So, here I'll click on continue.
20:37And then I'll click on update websites.
20:39So, the domain is connecting.
20:40And it may take up to 24 hours in order to propagate on your new AI websites.
20:44So, I'll go ahead and close this.
20:46Now, the last thing that I want to show you all is the mobile responsiveness.
20:49So, right here, we have this picture of a cell phone.
20:51I'll click on switch view.
20:53So, this is the preview for mobile devices.
20:55Now, let's say, for instance, you don't want certain elements to show or you want to adjust something.
20:59I'll go ahead and click on this contact form right here.
21:01And I don't really want this, you know, showing two buttons on mobile.
21:04So, I'll go ahead and hide and show this.
21:07So, I'm going to make sure that I hide this on the actual mobile, right?
21:11So, now on mobile, it's hidden.
21:12And scrolling down, we'll go ahead and keep scrolling.
21:14Just keep scrolling.
21:16Now, let's say, for instance, you want to adjust the size of the text.
21:18You'll just click on edit text.
21:20And then right here, we can just change the size of this to something a little bit smaller, right?
21:24And just remember that this is only being changed for the actual mobile device.
21:28So, you can go ahead and scroll down here and edit this and adjust it to however you want to fit for mobile devices.
21:34If there are elements that you don't want displayed, like this image here, just remember, you can always hide this.
21:39So, I'll click on this image, edit image.
21:42And then I'll click on the show hide.
21:44And then we're going to hide this from mobile.
21:46All right, cool.
21:47And then once you adjust all the changes you want for your website on mobile device, you'll then click on update website.
21:52And then once you're done adjusting for mobile, you'll then just click on the desktop.
21:56And this brings you back to the editing for desktop.
21:59Now, there is something that I do want to talk about, and that is the booking appointments and products.
22:03Now, you can book appointments on your AI website, and you can also sell e-commerce products as well.
22:07Just keep in mind that the book appointments is in beta.
22:10So, if you do come across bugs or glitches or something, yeah, it's in beta, right?
22:15But it does work really well.
22:16So, in this section of the video, I'll walk you through how to set up appointments on your AI websites.
22:21Y'all ready?
22:22Let's go back to the video.
22:23Okay, so now let me walk you through how to create appointments and also e-commerce products if you want to go that route.
22:28On the left side, we have managed store.
22:30And here you can click on add a product.
22:32But what I want to do here is click on appointments.
22:35And then we can enable appointments.
22:37So, right here, I'll click on enable appointments.
22:39And then here is our availability, right?
22:41So, right here, edit availability.
22:43And then here we can pick when we're available.
22:45So, this is essentially like when you're working, right?
22:47So, Monday through Friday.
22:49And then Saturday and Sunday, we have off.
22:51So, you'll just go ahead and adjust your availability right here.
22:53And then you'll click on save.
22:55Now, we need to actually make an appointment booking.
22:57So, right here, I'll click on products.
22:59And here are some default products that were made for us automatically, right?
23:02But I'll go ahead and click on add a product.
23:05And here we have what kind of product we want to sell.
23:07So, we have physical, multiple physical products.
23:09But I want to select appointments.
23:12So, go ahead and give your appointment a name, right?
23:14Now, right here, I'll go ahead and upload an image right here.
23:17So, here's an image of these lawyers.
23:19Go ahead and select this one.
23:20Now, what's really cool is when you insert an image, the A will do its best to create a title and a subtitle and description.
23:26It isn't really what I want.
23:27So, I do have to readjust this.
23:30So, there's my description.
23:31I just threw in a title, a subtitle, a ribbon.
23:33And then here we have some just demo description.
23:35And then here we have pricing.
23:37Now, you can always integrate Stripe and PayPal on your website.
23:40But for the price type, I'm just going to put free for now.
23:43And then next, we'll keep scrolling.
23:44Now, I do want to hide the related products.
23:46So, I'm going to hide that.
23:48Scroll down.
23:48And then here we have time and place.
23:50So, here I put Zoom call.
23:52And this is going to be 30 minutes.
23:54And I believe that's all we have to input.
23:56Here, I'll go ahead and click on Save.
23:58So, now we need to create a page for our appointments.
24:01So, right here under Page and Navigation, I'm going to click on Add Page.
24:05And then here, I want to click on Empty Page.
24:08So, this is going to be Appointments.
24:10And then I'll click on Save.
24:12All right.
24:13And then right here, I'll add a new section.
24:15And the next thing I'm going to select is I'll click on Online Store.
24:18And then here, I have Single Product.
24:20So, I'll click on Single Product.
24:22So, now that we inserted this product, I want to click on Edit Section.
24:25And I want to choose the products.
24:27So, products.
24:28And I'm going to put Lawyer's Appointment.
24:30And voila.
24:30Now, we have the Lawyer's Appointments where people can just go ahead and book it right now directly on the website.
24:35Pretty cool.
24:36Now, just make sure that under your homepage, for example, you might want to change this to something like Appointments.
24:42Right?
24:42Make Appointments.
24:43And then for the link to, you just want to make sure that you link them to that specific page, which is the Appointments page.
24:51So, I'll go ahead and close that and click on Update Websites.
24:54So, essentially, when someone visits this section here, it's going to take them directly to the Appointment page.
25:00Now, what's really cool is right here, you'll see the customer gets a thank you for your appointment.
25:04I'll go ahead and open this.
25:05And then right here, the AI completely generated this email.
25:08So, it confirms they're booking appointments.
25:10It actually shows the time, how, and then also the price.
25:15And then here, you can always integrate your PayPal and also your Stripe.
25:18I'm not going to walk you through this here because I think that's better suited for another video.
25:22So, personally, I do believe right now this is probably one of the best AI tools out there.
25:26It actually gives you a solid-looking website.
25:28And the fact that you can add in sections or use AI to create images, it just makes things a lot simpler.
25:34You can also integrate appointments and, you know, add in full-on e-commerce products, which to me takes the cake.
25:39So, if you have any questions for me about Hoshinger or if there's anything that you want to talk about, let me know in the comments below.
25:44And I'll do my best to get to all of your comments.
25:47My name is Daryl Wilson, and I'll see all of you party people later.
Recommended
0:16
|
Up next
1:33
0:46
2:11
2:55
Be the first to comment