Charlie Chang’s YouTube tutorial provides a comprehensive guide to building a website using Hostinger’s AI Website Builder. The video walks viewers through signing up for Hostinger, selecting a plan (highlighting the benefits of the Business plan with its AI tools), and choosing a domain. It covers utilizing AI to generate website content and logos or selecting pre-made templates.
The tutorial further details customizing website style, adding pages, managing a blog, and using Hostinger’s AI-driven SEO tools. The video explains the process of creating an online store and goes over various website settings and integrations.
The tutorial aims to equip beginners with the skills to create a professional-looking website using Hostinger’s user-friendly platform.
Getting Started with Hostinger Website Builder
To begin, you’ll need to sign up for Hostinger. For the best deal, use the provided link and the code “Charlie Chang” at checkout. Hostinger offers two website builder plans: Premium and Business. The Business plan is recommended if you plan to sell products online, as it includes more AI tools and e-commerce capabilities.
Both plans include a free domain, email, a drag-and-drop editor, templates, marketing tools, and a 30-day money-back guarantee. Select a plan duration; longer terms offer lower monthly prices. After selecting your plan, create an account with your email and payment information. Remember to apply the “Charlie Chang” coupon code for a bigger discount.
Once in your Hostinger account dashboard, click “setup” and choose to create a new website. Then, select the Hostinger website builder. It’s user-friendly, especially for beginners, and you can later move to WordPress if needed. Choose a domain name; a free one is included for the first year with most plans. After ensuring your information is correct, finish the registration.
Utilizing AI to Build Your Website
Hostinger provides two options for building your website: using the AI website builder or pre-made templates. The AI builder creates a website in minutes, while templates offer a more manual approach. Even if you choose the AI builder, the customization steps remain the same as with templates.
To use the AI builder, specify your website type (e.g., portfolio), brand name, and a detailed description. The AI will generate website options based on your input. You can personalize further by letting the AI surprise you with color choices. Review the generated options, preview the mobile version, and choose the one you like best. You can regenerate the website with different descriptions if needed. Once satisfied, click “edit site” to start building.
Even if you use a template, the AI tools can help you to create a unique and professional-looking site. For instance, you can use AI to generate the text for different sections of your website, or you can use AI to generate images.
Customizing Your wordpress Website with Templates
If you prefer using pre-made templates, Hostinger offers many options. Sort by categories like photography, business, or portfolio to find a suitable template. Preview different templates to see how your website will look. Once you find one you like, click “Start building”.
Begin by setting your website styles: colors, fonts, button styles, and animations. Default color palettes are professionally designed and often the best choice. The header and footer appear on every page, ensuring consistent navigation. You can easily change the logo in the header. With the Business plan, you can use AI to create a unique logo by entering your brand name and style preferences.
If you are not satisfied with the AI generated images, you can create a logo yourself by typing out your brand name, adding a slogan, and selecting your font. Upload the logo to your website builder page, and adjust the size as needed. Hostinger’s templates also allow you to change the menu.
Designing Pages and Sections
The homepage consists of pre-built sections that you can edit. For galleries, you can select layouts, items per row, and spacing. You can also manage the images by adding, deleting, and reordering them. To add a new section, click “Add section” and choose from pre-designed options or create a blank one.
It is easy to edit text by double-clicking and changing the content, color, style, font, and size. Adjust button sizes and link destinations as needed. You can also use AI to generate images for your sections. Describe the image you want, and the AI will create options for you to choose from.
Hostinger offers various pre-built sections, including FAQs, social icons, videos, resumes, testimonials, maps, and product categories. Add elements like buttons, Instagram feeds, contact forms, or chatbots. Ensure your website looks good on mobile by clicking the phone icon and using AI to autofix the layout. You can also manually adjust elements by dragging and dropping.
Website Navigation and Pages
To add or manage pages, go to “pages and navigation”. You can reorder pages by dragging them. To add a new page, click “add page” and choose to generate one with AI, create an empty page, or select a pre-designed layout. For example, you can add a blog or services page.
You can delete pages or hide them from navigation if you want to keep them for future use. To edit a page, click on it and modify the text, images, and sections. The footer can also be edited to include your email and social media links. Be sure to update the links to point to your own social media profiles.
You can adjust the section height by dragging the toggle. To create a blog, ensure the blog page looks good and manage posts by clicking the blog icon on the left. Here you can add new posts, edit existing ones, and manage drafts, scheduled, and published articles. Hostinger’s AI writer can generate blog posts based on your descriptions, tone of voice, and desired length. You can then edit the AI-generated content and images.
Leveraging AI Tools
Hostinger provides various AI tools to enhance your website. Besides the AI image and logo generators, there’s an AI blog generator. The AI writer creates text descriptions for your website. Simply enter a description, and the AI will generate the text, which you can then copy and paste into your site.
The AI section generator creates entire sections based on your descriptions. The AI heat map shows where visitors focus their attention on your website. This helps you optimize the placement of calls to action and important elements. The AI SEO assistant generates SEO-optimized titles, meta descriptions, and keywords. This helps search engines find and rank your website.
SEO is very important, as good SEO is basically going to allow your website to show up first on Google search. Use the AI generator and then tweak it after it’s done to get the best results for your website.
Additional Website Settings
Click the three dots to access website settings. You can create an online store or add appointment booking functionality. In general settings, you can change the favicon and link preview image. The favicon is the small icon that appears in the browser tab, making your site look more professional.
Integrate your website with apps like Google Analytics and Facebook Pixel. You can also monetize your site with Google AdSense. Form submissions are stored in one place for easy access. Analytics provide data on website visitors once your site is published.
For advanced SEO settings, use the AI-powered tools. You can export your website files after publishing your site. The multi-language function allows you to translate your website into multiple languages. Hostinger will automatically translate your website into the language that you select.
Creating an Online Store
To create an online store, click “online store” and then “add store”. You can then manage your products, set up payment methods, update company information, and review shipping options. Add images, titles, descriptions, and prices for each product.
Organize products into categories to make it easier for customers to find what they need. You can view and manage orders, appointments, and discounts. Create discount codes for special promotions. Configure store settings, such as currency and contact information.
The Hostinger e-commerce platform is powerful, but for dedicated stores, Shopify might be a better option. However, you can still create a great store using Hostinger. If you actually start selling things on your store, it is recommended to go to store settings and fill out all the necessary information.
Final Steps and Publishing
Before going live, ensure your website looks good on both mobile and desktop. Once ready, click “go live”. If you chose a domain at the beginning, you won’t need to do it again. Publishing the website allows visitors to view it.
The Hostinger website builder is user-friendly and affordable, making it a great choice for beginners. By following these steps, you can build a professional-looking website. The link to Hostinger is provided with the discount code “Charlie Chang”.
Refer back to the tutorial as you build your website, and share it with friends. With Hostinger, anyone can create a professional website.