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.
  • แนวปฏิบัติและการใช้ชีวิต

ความคิดเห็น • 167

  • @SBodo81
    @SBodo81 7 หลายเดือนก่อน +8

    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 !!!

  • @sirinapan2658
    @sirinapan2658 4 หลายเดือนก่อน +4

    Best Hostinger tutorial on TH-cam. Thank you so much!

  • @dreamingindebtfree
    @dreamingindebtfree 8 หลายเดือนก่อน +2

    THANK YOU SOOOO MUCH! I could not figure out how to connect the blog, etc. This was so helpful! You are an amazing teacher :)

  • @graftedworks
    @graftedworks 5 หลายเดือนก่อน

    This is the exact video I needed. Thank you!

  • @Quietcloud
    @Quietcloud หลายเดือนก่อน

    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!

  • @matthewafolabi9088
    @matthewafolabi9088 28 วันที่ผ่านมา

    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

  • @robfba60
    @robfba60 10 วันที่ผ่านมา

    Really helpful, thanks!

  • @prodidin76
    @prodidin76 ปีที่แล้ว

    Welcome back!

  • @jessicagray3632
    @jessicagray3632 3 หลายเดือนก่อน

    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.

  • @yusifhmdov6813
    @yusifhmdov6813 ปีที่แล้ว +2

    Clear, concise, and incredibly helpful!

    • @HoganChua
      @HoganChua  7 หลายเดือนก่อน +1

      Thank you!

  • @pedrohertz
    @pedrohertz 8 หลายเดือนก่อน

    Epic. Thank you.

  • @LeticiaFerreira-oe2hp
    @LeticiaFerreira-oe2hp 4 หลายเดือนก่อน

    Soo helpful thank you! Will be using your code ❤

  • @laura.iara.antuneslauraiar4986
    @laura.iara.antuneslauraiar4986 9 หลายเดือนก่อน

    Finally a coupon that works, thank you!

  • @wamalabenjamin1383
    @wamalabenjamin1383 8 หลายเดือนก่อน

    I was so helpless until i saw your tutorials. Thank you for the great work and help.

  • @letssolveitten1728
    @letssolveitten1728 6 หลายเดือนก่อน

    You’re the best. Thank you ❤

  • @richmanjohnson3228
    @richmanjohnson3228 8 หลายเดือนก่อน

    this is great thanks man

  • @akhil1409
    @akhil1409 8 หลายเดือนก่อน

    Thankyou so much for this tutorial....!!!you explained everything and I created my first website......this is fantastic✌️✌️

  • @EmirRB
    @EmirRB ปีที่แล้ว

    Thanks Hogan

  • @manifunn
    @manifunn 3 หลายเดือนก่อน

    You are excellent. thank you very much

  • @Tiffers963Hz
    @Tiffers963Hz ปีที่แล้ว +1

    Thank you for this amazingly detailed tutorial. You are a shining star. Blessings to you and your style is easy to understand and comprehensive. ❤

    • @HoganChua
      @HoganChua  11 หลายเดือนก่อน

      Glad it was helpful!

  • @LimonKafa7
    @LimonKafa7 ปีที่แล้ว +1

    Wow, I had no idea setting up a website could be so simple

  • @mickolas960
    @mickolas960 ปีที่แล้ว

    Welcome Back fellow Webmaster!

  • @meenasharma9676
    @meenasharma9676 11 หลายเดือนก่อน

    Very thorough tutorial. Thank you so much. 🙏🏽

    • @HoganChua
      @HoganChua  11 หลายเดือนก่อน

      Thank you

  • @visualmodo
    @visualmodo ปีที่แล้ว

    Really good content! =D

  • @aimiamirarahmad1369
    @aimiamirarahmad1369 5 หลายเดือนก่อน

    Thank you. great! video pack with information 👍

  • @creatorsmafia
    @creatorsmafia ปีที่แล้ว +1

    I have been using Hostinger for a while, but I still found some new information in your video. Great video!

  • @heirjamaica
    @heirjamaica 7 หลายเดือนก่อน

    This was amazing! Thank you!

    • @HoganChua
      @HoganChua  7 หลายเดือนก่อน +1

      Thank you!

  • @adityapushkar2684
    @adityapushkar2684 2 หลายเดือนก่อน

    Very helpful

  • @sportizens360
    @sportizens360 9 หลายเดือนก่อน

    Thank You so much Hogan. Totally helpfull.

    • @HoganChua
      @HoganChua  9 หลายเดือนก่อน

      Glad it was helpful!

  • @tayoajayi4202
    @tayoajayi4202 2 หลายเดือนก่อน

    Thanks

  • @ColinReid-vd5um
    @ColinReid-vd5um 5 หลายเดือนก่อน

    From the first video subscribe and like, now that's awesome content.

  • @nutraffixmedia
    @nutraffixmedia 3 หลายเดือนก่อน

    Awesome video, Hogan! :) Thank you! Just wondering if you would know how to remove the underline in the navigation menu.

  • @rosswagland9690
    @rosswagland9690 9 หลายเดือนก่อน

    It was very helpful and covered everything I needed to know and was so easy to follow, thank you

    • @HoganChua
      @HoganChua  9 หลายเดือนก่อน +1

      Glad it was helpful!

  • @lordking7645
    @lordking7645 ปีที่แล้ว +5

    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!

    • @learnecommercebusiness
      @learnecommercebusiness 13 วันที่ผ่านมา

      @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

  • @user-nk6wd1dx6x
    @user-nk6wd1dx6x 9 หลายเดือนก่อน

    GOD BLESS YOU.

  • @sunergos2002
    @sunergos2002 11 หลายเดือนก่อน +1

    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!!!

  • @koreappinesmusic
    @koreappinesmusic 5 หลายเดือนก่อน

    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.

  • @tashasimpson1116
    @tashasimpson1116 8 วันที่ผ่านมา

    Hi there, thank you so much for this tutorial. Am I able to connect my existing Wordpress website to hostinger?

  • @latifaldhafeeri9636
    @latifaldhafeeri9636 11 หลายเดือนก่อน

    Very good specially Email linked details

  • @TheIrishalf
    @TheIrishalf 10 หลายเดือนก่อน +1

    Great content Did you make a more detailed tutorial on appointments in Hostinger ?

  • @reflectionsbydesignkc
    @reflectionsbydesignkc 11 หลายเดือนก่อน +1

    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?

  • @turkkhermann2410
    @turkkhermann2410 11 หลายเดือนก่อน

    I was able to create my ecommerce website in no time thanks to you thanks in advance

    • @HoganChua
      @HoganChua  11 หลายเดือนก่อน

      You are most welcome

  • @ikust007
    @ikust007 6 หลายเดือนก่อน

    Really excellent. Calm. Direct. I wish you went also on the AI tool though.

  • @Finditshowit
    @Finditshowit 11 หลายเดือนก่อน +1

    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 ❤❤❤

    • @HoganChua
      @HoganChua  7 หลายเดือนก่อน +1

      Thank you!

    • @learnecommercebusiness
      @learnecommercebusiness 13 วันที่ผ่านมา

      @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

  • @DavidFedele
    @DavidFedele 3 หลายเดือนก่อน

    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!

  • @martint.moodguer430
    @martint.moodguer430 5 หลายเดือนก่อน

    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?

  • @dcarter_ux
    @dcarter_ux 8 หลายเดือนก่อน

    When you do the parallax effect can the background image also animate? For example zoom in or out.. thanks!

  • @brainz7863
    @brainz7863 2 หลายเดือนก่อน

    Hi Hogan, Smooth tutorial. Do you know if it is possible to add dropshipping?

  • @AVSTechYT
    @AVSTechYT 6 หลายเดือนก่อน

    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

  • @dyvegurl
    @dyvegurl หลายเดือนก่อน

    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?

  • @baldielake3738
    @baldielake3738 หลายเดือนก่อน

    Thank you for your excellent presentation, just a question: Is necessary to add the legal terms? especial if you are promoting affiliate products?

  • @lakislambrianides7619
    @lakislambrianides7619 หลายเดือนก่อน

    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 ❤️

  • @danielMangal
    @danielMangal 10 หลายเดือนก่อน

    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!

  • @97197max
    @97197max 8 หลายเดือนก่อน

    hi Hogan, do you have a video on how to embed onto hostinger website builder.

  • @tmsmusic1
    @tmsmusic1 7 หลายเดือนก่อน

    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

  • @ikust007
    @ikust007 6 หลายเดือนก่อน +1

    34:31 very useful. ❤

  • @by_Larry_S9090
    @by_Larry_S9090 ปีที่แล้ว +2

    🎉🎉🎉

  • @JACQUELINE5832
    @JACQUELINE5832 3 หลายเดือนก่อน

    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.

  • @victorarcos6178
    @victorarcos6178 3 หลายเดือนก่อน

    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

  • @wronowo
    @wronowo 5 หลายเดือนก่อน

    Does the offer from hostinger is different in each country? I don’t have that much templates and whole builder looks different.

  • @manifunn
    @manifunn 3 หลายเดือนก่อน

    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

  • @alaahassan6367
    @alaahassan6367 11 หลายเดือนก่อน

    Hi Mr Hogan , can you tell me How can I make a separate shipping for each item? Thank you.

  • @kevinp9110
    @kevinp9110 ปีที่แล้ว +2

    long time no see. I have been building my site using Themify, good and reliable. Though I could not pay for the license.

    • @HoganChua
      @HoganChua  ปีที่แล้ว

      Yes, Themify is very good!

  • @ildariakhin
    @ildariakhin 6 หลายเดือนก่อน

    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❤❤

  • @sihlendaba479
    @sihlendaba479 9 หลายเดือนก่อน +2

    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

  • @airevieww
    @airevieww ปีที่แล้ว +1

    plz one more detailed video on creating a ecommerce site from this method . This video is also very helpfull.

  • @lakislambrianides7619
    @lakislambrianides7619 หลายเดือนก่อน

    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

  • @sagarsolanki493
    @sagarsolanki493 ปีที่แล้ว

    Welcome back Hogan.
    Willing to work related to freelancing. Can I contribute with you ?
    Thank You.

  • @Super-Sal
    @Super-Sal 10 หลายเดือนก่อน

    How to add new fonts into the list? also How can i make my logo transparent so that it blends with the background image

  • @HoganChua
    @HoganChua  ปีที่แล้ว +2

    ▶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!

  • @uncledee_e
    @uncledee_e ปีที่แล้ว +2

    Welcome back Hogan.

  • @brittanyallen3193
    @brittanyallen3193 4 หลายเดือนก่อน

    Is it possible to have a search or filter bar on your hostinger blog so readers can easily search more content?

  • @MarkeS_Design
    @MarkeS_Design 7 หลายเดือนก่อน

    is it possible to ad google reviews to website in this option?

  • @shaam_arafath
    @shaam_arafath 8 หลายเดือนก่อน

    What is the maximum page limit and is it possible to create sub sub menu ?

  • @andrewlee3625
    @andrewlee3625 6 หลายเดือนก่อน

    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!

  • @xpk3nny
    @xpk3nny 7 หลายเดือนก่อน

    Can i convert my website built on hostinger builder to word press?

  • @takimlarikarsilastirmaa
    @takimlarikarsilastirmaa ปีที่แล้ว

    When are you going to make the dropshipping video?

  • @sportizens360
    @sportizens360 9 หลายเดือนก่อน

    Thank you so much. What is the difference between Wordpress and hostinger builder and which is better or preferrable?

    • @HoganChua
      @HoganChua  9 หลายเดือนก่อน

      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.

  • @WalterWhite14737
    @WalterWhite14737 7 หลายเดือนก่อน

    can i make a tour and travel website for my client where i could showcase the services they provide with their price?

  • @lifeinchrist77
    @lifeinchrist77 7 หลายเดือนก่อน

    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?

  • @scenicworldtours
    @scenicworldtours ปีที่แล้ว

    Please how do you migrate to Wordpress after building your website on hostinger website builder. Pls can you make a video on that?

  • @DubMistress
    @DubMistress 8 หลายเดือนก่อน +1

    Can you give us an updated video using Hostinger as an Affliated Marketing website? .... Or do these same details apply?

  • @user-hh6jj3ie9i
    @user-hh6jj3ie9i 8 หลายเดือนก่อน

    bro i can add a data filter to my specific page what can do please help me

  • @WalterWhite14737
    @WalterWhite14737 7 หลายเดือนก่อน

    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?

  • @andrewlee3625
    @andrewlee3625 7 หลายเดือนก่อน +1

    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!

  • @pratikshamangrulkar70
    @pratikshamangrulkar70 หลายเดือนก่อน

    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

  • @lifeinchrist77
    @lifeinchrist77 7 หลายเดือนก่อน +1

    I have resolved the matter.

  • @east.pineapple
    @east.pineapple 7 หลายเดือนก่อน

    I want to edit my subscription form, but there's no option on that. what to do?

  • @themerchantofsalem8310
    @themerchantofsalem8310 8 หลายเดือนก่อน +1

    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 🙂

    • @noganorozi2588
      @noganorozi2588 8 หลายเดือนก่อน

      I am joining this question:)

  • @khajuriaaa
    @khajuriaaa 13 วันที่ผ่านมา

    How to add a customer login section? or where customer can check their history of purchase?

  • @rasleesaleem3705
    @rasleesaleem3705 8 หลายเดือนก่อน

    how to hide the menu header from multiple pages in hostinger website builder?

  • @bhaskargawande9202
    @bhaskargawande9202 ปีที่แล้ว

    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.

    • @HoganChua
      @HoganChua  11 หลายเดือนก่อน

      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.

  • @BayZunog
    @BayZunog ปีที่แล้ว +3

    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!

  • @tonnib
    @tonnib 8 หลายเดือนก่อน

    how to add a video in the background without sound as in a loop in Header?

  • @rajd3239
    @rajd3239 6 หลายเดือนก่อน

    How much you charge website design.

  • @Melek-yi3ee
    @Melek-yi3ee ปีที่แล้ว

    Do you do sponsorships? Where can we contact you?

  • @sitingskeletondrawngcartoo5769
    @sitingskeletondrawngcartoo5769 ปีที่แล้ว

    Thanks for this video, how can I contact you?

  • @JC-ov8ko
    @JC-ov8ko ปีที่แล้ว

    Would this be good for making a food ordering website like your previous video?

    • @HoganChua
      @HoganChua  ปีที่แล้ว

      Yes. It would be perfect. Then you would use Gloriafood.com and connect it with a button for ordering.

  • @user-po5xl8ux7v
    @user-po5xl8ux7v 11 หลายเดือนก่อน +1

    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

  • @deniseestrella260
    @deniseestrella260 9 หลายเดือนก่อน

    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..

    • @HoganChua
      @HoganChua  9 หลายเดือนก่อน

      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 :)