Hostinger Website Builder Tutorial - Create a Professional Website, Blog & Online Store 2024
ฝัง
- เผยแพร่เมื่อ 11 ก.ค. 2024
- ▶ Start Here: hoganchua.com/hostinger (Use: HOGANCHUA for an extra 10% off)
Learn how to make a website using Hostingers Website Builder. Perfect for online entrepreneurs, and small-business owners who are looking for a much simpler WordPress alternative. This is one of the most intuitive website builders out there and is highly recommended for almost everyone!
Contents
0:00 Introduction
1:50 Choosing the right plan on Hostinger
5:35 Setup Hostinger Account & Claim Free Domain
7:49 Quick Look at Hostinger's AI Website Builder
9:15 Choose a Website Template
10:26 Hostinger's Interface Explained
13:20 Add Logo & Edit Header
16:23 Edit Hero Section
21:28 Add Pages & Edit Navigation Menu
23:42 Add New Section & AI Assist Tool
27:47 Fast Forward - Building Layout
28:52 Edit Footer
32:26 Mobile Responsive Settings & Add Call Now Button
35:30 Edit Contact Page & Map
36:17 Website Styles (Fonts & Colours)
38:52 Add Blog & Posts
44:26 Add eCommerce Functionality
45:48 Add Shipping Zones
47:17 Add Product & Display on Homepage
52:06 Add Appointments
54:45 SEO Settings
57:56 General Settings (Favicon & Integrations)
59:07 AI Heatmap
59:47 Translate Website
1:01:37 Create a Free Professional Email & Connect to Gmail
Congrats!
▶ Links Mentioned in Video
• Hostinger Tutorial - C... - Create a WordPress Website & Blog (Using Hostinger)
Affiliate Disclaimer: Some of the links above are affiliate (referral) links which means if you do click and purchase through them, then I may receive a commission. This helps support the free content on this channel. - แนวปฏิบัติและการใช้ชีวิต
hi Hogan,
Thank god i found your channel.
I just would like to thank you very much for what you do and how you do it, because I have watched a lot of videos on TH-cam and they all explain quickly and briefly, but your courses are like sitting in a classroom and listening to a professional and good teacher who step by step guides students to the final result.
I have a lot of respect for people who put their time and effort into something and teach other people what they know themselves, it's the biggest human value.
And I wish you good health and success in all your life, may people always receive only the best and positive emotions from you.
Big greetings from Eastern Europe, Slovakia.
P.S.: you are my favourite teacher !!!
Best Hostinger tutorial on TH-cam. Thank you so much!
THANK YOU SOOOO MUCH! I could not figure out how to connect the blog, etc. This was so helpful! You are an amazing teacher :)
This is the exact video I needed. Thank you!
This was a dynamite tutorial that has me confident now that I can set up my website with Hostinger. Thanks also for covering the email!
Thanks for this tutorial. It is a well-done job and very informative. I definitely will be going over it again until I am able to get my own website created. THANKS AGAIN
Really helpful, thanks!
Welcome back!
OMG excellent video. I’ve got a lot to learn; I was overwhelmed by this video but so grateful. I think I need to take a course in we designed. I did enjoy your video. Thank you so much.
Clear, concise, and incredibly helpful!
Thank you!
Epic. Thank you.
Soo helpful thank you! Will be using your code ❤
Finally a coupon that works, thank you!
I was so helpless until i saw your tutorials. Thank you for the great work and help.
You’re the best. Thank you ❤
this is great thanks man
Thankyou so much for this tutorial....!!!you explained everything and I created my first website......this is fantastic✌️✌️
Thanks Hogan
You are excellent. thank you very much
Thank you for this amazingly detailed tutorial. You are a shining star. Blessings to you and your style is easy to understand and comprehensive. ❤
Glad it was helpful!
Wow, I had no idea setting up a website could be so simple
Welcome Back fellow Webmaster!
Very thorough tutorial. Thank you so much. 🙏🏽
Thank you
Really good content! =D
Thank you. great! video pack with information 👍
I have been using Hostinger for a while, but I still found some new information in your video. Great video!
Thank you
This was amazing! Thank you!
Thank you!
Very helpful
Thank You so much Hogan. Totally helpfull.
Glad it was helpful!
Thanks
From the first video subscribe and like, now that's awesome content.
Awesome video, Hogan! :) Thank you! Just wondering if you would know how to remove the underline in the navigation menu.
It was very helpful and covered everything I needed to know and was so easy to follow, thank you
Glad it was helpful!
Hostinger has been my favorite hosting provider for a while, and this tutorial just made me love them even more. Thanks for the step-by-step guide!
@hogan - How did you make the website go live on Hostinger ai builder without PG?
I build the website with Hostinger website builder with your guidance but Hostinger did not have Payment Gateway Integration available in India Neither Stripe and Nor Paypal
GOD BLESS YOU.
Great video and very clear and details presentation! Hogan is always the best!!! By the way, could you demonstrate how to send a welcome and monthly newsletter ? Thanks in advance!!!
I'll make it short, thanks for your existence to put time and effort for this tutorial, excellent and highly recommend channel to get learn built website, Keep it up always and Thank you.
Hi there, thank you so much for this tutorial. Am I able to connect my existing Wordpress website to hostinger?
Very good specially Email linked details
Great content Did you make a more detailed tutorial on appointments in Hostinger ?
Hello, thanks so much for the video! Im considering hostinger for my services based business. Are the times customizable for appointment settings for a non-repeatable pattern of weekly availability?
I was able to create my ecommerce website in no time thanks to you thanks in advance
You are most welcome
Really excellent. Calm. Direct. I wish you went also on the AI tool though.
This is one of the most detailed tutorial on hostinger I have seen on TH-cam. Thank you so much, I was undecided which website builder to use. My decision is made. Keep up the great work ❤❤❤
Thank you!
@hogan - How did you make the website go live on Hostinger ai builder without PG?
I build the website with Hostinger website builder with your guidance but Hostinger did not have Payment Gateway Integration available in India Neither Stripe and Nor Paypal
Such a brilliant tutorial - thank you!!! I wanted to ask .... if I wanted to have the content of the "Hero Section" on every page (kind of like an extended "header") .... is this somehow possible? Even to possibly copy pages, and then edit ...? Would love if anyone has any thoughts or ideas on best way to do this!
This is a great video, makes the task of building a website very easy, thanks a lot! I have a question, I'd like to add a payment calculator to my webpage and I know there's a plug in for WordPress, could I somehow add one with this web builder or need to export it to WordPress to be able to do it?
When you do the parallax effect can the background image also animate? For example zoom in or out.. thanks!
Hi Hogan, Smooth tutorial. Do you know if it is possible to add dropshipping?
Hey Hogan, great video. thank you so much. Question please - my goal is to dropship some items from aliexpress and sell some organically myself. Could i fist follow this tutorial to build my site and eccomernce store and then later on buy and addp alidropship plugin into the site? dont really want to shell out 80 USD to start off with? what that work? thanks
Hi hogan, I appreciate your tutorial! My question is, I'm having difficulty adding images to my blog text and having it translate over to the mobile view without getting skewed. Do you recommend that I use separate sections for each blog text area with an image, will that translate over to my mobile view effortlessly?
Thank you for your excellent presentation, just a question: Is necessary to add the legal terms? especial if you are promoting affiliate products?
Congratulations. This is the best ever tutorial I watched.
The only thing that is missing is how to get a one click enlargement on a photo. As I am a photographer this is vital for my website. If you know a solution please make a short video on how to implement this here. I would be so much appreciate it ❤️
Hello, thank you for the video mister CHUA. Does anyone know how to upload a website from a react-project on hostinger? Thank you for the answer!
hi Hogan, do you have a video on how to embed onto hostinger website builder.
Really good tutorial I’ve got a question could you tell me when the shop is ready how to connect to Shopify or other platform thank you
34:31 very useful. ❤
🎉🎉🎉
Do you know if the anchor i.e. for subscribe, can be placed on the blog post itself? According to Hostinger, it's not supported for the blog. If this is the case, would you able to show what plugins can be used, and how to add it on the blog post? Thank you in advance.
Which template would you suggest for a micro home based business, it is for a friend, she sells cupcakes, not to make the sales yet on the website, but just to show pictures at the beginning and put the social media in it as well, something simple to start
Does the offer from hostinger is different in each country? I don’t have that much templates and whole builder looks different.
Do you do other vidoes eg. When the user, click button for subscription and that it goes to autoresponder? eg. I like to have different buttons. one for enquiry and that will be addressed with some automatic email response. and another for document downloads. eg. pdf that will be sent
Hi Mr Hogan , can you tell me How can I make a separate shipping for each item? Thank you.
long time no see. I have been building my site using Themify, good and reliable. Though I could not pay for the license.
Yes, Themify is very good!
Thank you very much Hogan! Very helpful tutorial. I've done steps you mentioned. I still have a question. I want to add whatsapp message button to the website using hostinger builder. Is it possible or maybe you have suggestions how to do that? Thank you a lot❤❤
hey hogan im a new web designer and ive just created my first site and want it to be live on internet please do a tutorial on that
plz one more detailed video on creating a ecommerce site from this method . This video is also very helpfull.
Will do !
what if I scheduled a post for another blog what will happen? will it replace my existing one? or do I have to do something
Welcome back Hogan.
Willing to work related to freelancing. Can I contribute with you ?
Thank You.
How to add new fonts into the list? also How can i make my logo transparent so that it blends with the background image
▶Start Here: hoganchua.com/hostinger (Use: HOGANCHUA for an extra 10% off)
*Contents & Timestamps*
0:00 Introduction
1:50 Choosing the right plan on Hostinger
5:35 Setup Hostinger Account & Claim Free Domain
7:49 Quick Look at Hostinger's AI Website Builder
9:15 Choose a Website Template
10:26 Hostinger's Interface Explained
13:20 Add Logo & Edit Header
16:23 Edit Hero Section
21:28 Add Pages & Edit Navigation Menu
23:42 Add New Section & AI Assist Tool
27:47 Fast Forward - Building Layout
28:52 Edit Footer
32:26 Mobile Responsive Settings & Add Call Now Button
35:30 Edit Contact Page & Map
36:17 Website Styles (Fonts & Colours)
38:52 Add Blog & Posts
44:26 Add eCommerce Functionality
45:48 Add Shipping Zones
47:17 Add Product & Display on Homepage
52:06 Add Appointments
54:45 SEO Settings
57:56 General Settings (Favicon & Integrations)
59:07 AI Heatmap
59:47 Translate Website
1:01:37 Create a Free Professional Email & Connect to Gmail
🌟Congrats!
Welcome back Hogan.
Is it possible to have a search or filter bar on your hostinger blog so readers can easily search more content?
is it possible to ad google reviews to website in this option?
What is the maximum page limit and is it possible to create sub sub menu ?
Are there any solutions (free or paid) to add membership, reviews and comments, forum, subscription management functions into Hostinger Builder build non-WordPress website? Need help, please advice. Many thanks!
Can i convert my website built on hostinger builder to word press?
When are you going to make the dropshipping video?
Thank you so much. What is the difference between Wordpress and hostinger builder and which is better or preferrable?
WordPress is more advanced, more options and customization available, abit of a learning curve - if you want ultimate flexibility it's for you. Hostinger Builder is extremely easy to use and manage - very good for beginners if you want to create a simple type of website - such as a small business website, portfolio website, resume site etc.
can i make a tour and travel website for my client where i could showcase the services they provide with their price?
Perhaps you can help me here, I have added a new blog list section, however, the first 4 posts have been duplicated to the new 4 posts, how can I resolve this? How to create more than 4 posts?
Please how do you migrate to Wordpress after building your website on hostinger website builder. Pls can you make a video on that?
Can you give us an updated video using Hostinger as an Affliated Marketing website? .... Or do these same details apply?
bro i can add a data filter to my specific page what can do please help me
is it possible to transfer the website i will make from this AI website builder and transfer it to my client? If yes, then how will he be able to access its backend when its made through AI?
Many thanks for your video. A few questions:
1. Can the contact be direct to WhatsApp?
2. For the Slideshow section, can you add other elements or links to other pages?
Many thanks!
hey my client want a slideshow on home page and text and button on it , I did add the slideshow but not able to add text and button on it could you please help me with that, when i'm trying to add text on slider it says elements can't be add on this section add another section
I have resolved the matter.
I want to edit my subscription form, but there's no option on that. what to do?
Great and very informative video. Thank you.
One question, can I also add a section where I can create a landing page and collect emails? Thank you in advance for your answer 🙂
I am joining this question:)
How to add a customer login section? or where customer can check their history of purchase?
how to hide the menu header from multiple pages in hostinger website builder?
Very well explained 👌👍... I find it easy to make a blog in hostinger builder... but the blog made in builder is the same as the blog in wordpress or the blog made in wordpress means the income is better.
The most important thing would be the keyword research and the content itself. Then third would be the platform. And of course follow the video to optimize the blog well for the keywords.
I've watched many tutorials, but this one by Hostinger is by far the best! Hogan explained everything thoroughly and answered all my questions. Great job!
how to add a video in the background without sound as in a loop in Header?
How much you charge website design.
Do you do sponsorships? Where can we contact you?
Thanks for this video, how can I contact you?
Would this be good for making a food ordering website like your previous video?
Yes. It would be perfect. Then you would use Gloriafood.com and connect it with a button for ordering.
What to do if hostinger won't accept my phone number the form just keeps saying invalid phone number no matter what I do I'm going nuts
I am confused which one to get. I like an english version of the builder but I live in a non english speaking country.. would it affect the features etc.. Because I am comparing them side by side.. The one from my country says premium doesnt include e commerce but on us version it does..
No, I don't think it would effect it too much - I think when I built this site and tutorial, for the premium plan. - it included the ecommerce features. You can get the premium and test it, if needed you can upgrade at a pro-rata price. Or it's probably best that you can confirm with the live chat support :)