00:00I've built a lot of websites in my life, and I've tried all sorts of ways to do it,
00:03starting from coding from scratch with HTML to using the famous 5-minute WordPress install
00:08and using the most modern website builders.
00:11The truth is, there is no one correct way on how to build a website, but some ways are
00:15easier and more optimal than others.
00:18Which is why I decided to save you some money on painkillers and show you my personal best
00:23way to make a website, using my favorite AI WordPress builder, Hostinger.
00:30First things first, if you want to learn how to design a website, you'll need a Hostinger
00:34subscription.
00:35Now, I know you might be on the fence about paying right away, but Hostinger is one of
00:39the most beginner-friendly, affordable providers with excellent performance for the price.
00:43Which is why, for starters, if you want to create a non-ecommerce website like a blog filled
00:49with your cat's pictures and long entries about how many times she'd tipped over
00:53grandma's ashes, the premium plan is a perfectly viable choice.
00:57It's a cost-effective and solid option for such websites.
01:00But if you're aiming to create an e-shop, I'd recommend the business plan.
01:04It has all the basic features you'll need for your online business, an AI website builder
01:08for an e-store, a free domain for a year, and daily backups.
01:12So whichever plan you choose, just make sure to follow the link in the description or scan
01:16the QR code on screen to get the best deal possible for your website journey.
01:20And once you pick the plan that suits your needs, you'll get to experience, objectively,
01:24one of the best features Hostinger can offer.
01:27The ability to use WordPress and a web builder in the same subscription.
01:31The website builder is the fastest way how to build a website.
01:33It requires no coding and is best for small projects where you can leave the sites alone
01:38for a long time.
01:39WordPress gives you more control, but it requires constant upkeep and a deeper understanding
01:44of some web principles.
01:45Don't worry, with this Hostinger tutorial, I'll show you how to make a website both
01:49ways.
01:49But the games begin, shall we?
01:51So the web builder method works best if you want to experiment.
01:54Right now I'm going to create a website, an e-store, and all I have to do is click add
01:58website.
01:59As you can see, you get to pick between templates and AI.
02:02This really depends on the preference.
02:04Personally, I'm a bigger fan of templates, but to make things a bit more interesting, I'm
02:09going to use the AI website builder for this part of the tutorial and templates for the
02:13WordPress portion.
02:14Once you write your prompt, the AI will generate a website design.
02:18Honestly, hosting your AI website builder has definitely gotten better over time, and I
02:22feel like it catches the general vibe quite well.
02:24However, keep in mind that the AI will create as much as you give it, so the longer the prompt,
02:29the more detailed results.
02:30And don't worry too much about the colors or images at the moment, as it isn't set in
02:35stone, since everything is very customizable.
02:39Keep in mind, though, that if you end up using templates, you won't be able to change them
02:42without remaking the website.
02:44And speaking of customization, the default editing is super simple, yet it gives you the reins to
02:49do whatever you want.
02:50You can choose to edit your own text, change its font and color like so, but if you're
02:55having writer's block, you can consult the good old trusty AI.
02:59It can rephrase the text, lengthen or shorten it, or even change its tone.
03:02Let's say I want this website to have a lighthearted, funny tone.
03:07Editing images is just as simple as editing the text.
03:10You click on the picture and adjust the placement to your liking.
03:13If you don't have any professional photos and you're not a fan of the ones Hostinger
03:16provides, an AI image generator is always an option.
03:20All you have to do is click on a photo and press generate image.
03:24The AI will generate an image and create a truly modern website design according to the
03:29prompt you write.
03:29Keep in mind, however, that Hostinger's AI keeps on upgrading, so the generated images
03:34might not always be according to your vision, but it's definitely getting there.
03:38Once you have the text and images, we can proceed to editing the sections.
03:42Generally you can add and remove as many sections as you want, depending on how you want your
03:47website's layout to look.
03:48You can either add the sections from templates or you'll never guess.
03:53AI generate them!
03:55By now I'm sure you understand how AI works in Hostinger.
03:58It's everywhere.
03:58Once you have all the sections figured out, you can go ahead and choose to edit them.
04:03As you can see, I can pretty much do anything here, from changing the opacity to changing
04:08the position.
04:09This is an amazing space for your imagination.
04:12Hostinger is your canvas and you are the artist.
04:15Adding the pages is just as simple as adding the sections.
04:18Just click on pages and edit everything according to your vision.
04:22Templates and the AI website builder are your two main choices.
04:25Name, delete, and change the placement of the pages any way you'd like.
04:29I recommend taking your time with this part and really tinker with the options Hostinger
04:33provides.
04:34It's important that you get a feel for the basic functions so you can later move on to
04:38the more advanced features.
04:40And once you're happy with your website, it's really important to check how the mobile version
04:44will look.
04:45If you're not happy with the placement or font or anything else, it's really easy to
04:49manually edit the mobile version of the site.
04:52But if we're sticking to the AI, Hostinger also offers an AI magic layout fixer, which does
04:58the manual labor for you.
04:59If you've checked everything and you're ready to release your website into the wild,
05:03go ahead and click the go live button.
05:05Hostinger lets you choose your domain name.
05:07Keep in mind that some domains might be taken, but don't worry.
05:11Hostinger has an AI domain name generator, so all you have to do is choose the one you
05:15feel works best.
05:16Let's move on to WordPress, shall we?
05:18The thing I love most about Hostinger's WordPress builder is how quickly the whole setup takes.
05:23All you have to do is log in and choose between WordPress AI and templates.
05:27Now, if you use templates like me, Hostinger makes it super easy to get the most popular
05:32themes and get started on the right track.
05:34And overall, Hostinger WordPress onboarding is very beginner friendly, as it also provides
05:40you with the ability to install the most popular plugins.
05:43Once you've chosen a template you like, you're going to be presented with the most basic tools.
05:47You can add pages once you navigate to the section pages.
05:50Just like in the website builder method, you can freely edit and change their placement however
05:54you'd like.
05:54For example, I'm going to create a store page and click block on the right.
05:59Here, I can change the text color or size.
06:02The subsection post allows you to add and edit posts you've made to your website.
06:06You can pretty much write anything and everything here.
06:09It's literally the same system as with pages.
06:12Appearance lets you make cosmetic changes for your website.
06:14And plugins allows you to choose and add the plugins you may find necessary.
06:18All you have to do is find the plugin and press install.
06:21For example, I'm going to install Yoast SEO, as it's essential for a WordPress website.
06:27This might look confusing at first, but Hostinger website builder provides you with countless
06:31tools to help you, like CodeE.
06:33If you ever get lost, you can just click on Ask CodeE and the AI assistant is at your service.
06:38Besides, once you get the hang of the basic functions, feel free to explore the Lightspeed
06:42Cache plugin, which can optimize your site and content at no extra cost.
06:47And this is where Hostinger truly shines among the other website builders.
06:50Not many providers can offer Lightspeed optimized servers.
06:53Another thing I absolutely love about WordPress is that its websites are really mobile-friendly
06:58without a lot of work since there are lots of plugins and themes that already come with excellent
07:03optimization.
07:04So, it's easy as that.
07:05All you have to do is go live.
07:07Now, there's no regular publish button because once WordPress is installed, your site is live.
07:13However, if you want your site hidden, there's an option for that in the H panel as well.
07:17How to make a website on WordPress has never been easier.
07:21I hope you enjoyed the website builder tutorial and a showcase on how to make a WordPress website.
07:25Make sure to click the link in the description to experience the joys of website design at
07:30a fraction of the price.
07:32And feel free to comment on what tutorial I should do next.
07:35See you in the next one.
Comments