How to Build a Website for Your Business Without Coding

Introduction

• Presenter: By thetas
• Focus: Building a business website without any coding experience

Key Steps Covered:

1. Web hosting setup
2. Domain registration
3. Website creation using Hostinger's website builder
4. Customization of website elements

1. Web Hosting

• Importance: Reliable hosting ensures your website is always accessible
• Service Used: Hostinger
• Steps:
  • Visit hostinger.com
  • Select 'Website Builder' button
  • Choose all-in-one solution plan (includes hosting plan and website builder)
  • Select plan duration (e.g., 12 months, includes a free domain name)
  • Complete payment (use coupon code H810 for 10% discount)
  • Login to Hostinger control panel

2. Domain Registration

• Choosing a Domain:
  • Short, unique, relevant to business
  • Avoid numbers and hyphens
  • Use Hostinger guide to choose perfect domain name
• Steps:
  • Log into Hostinger account
  • Go to hpanel dashboard
  • Click 'Claim Domain' button
  • Search for desired domain name and extension
  • Register domain for personal or business use
  • Enter contact information

3. Creating Your Website

• Setting Up:

  • Open hpanel dashboard
  • Choose 'Create or migrate a website' option
  • Select Hostinger Website Builder as platform
  • Specify domain (use the free claimed domain)

• Website Builder and Templates:

  • Access the template library
  • Select and preview templates
  • Choose a template and start building

• Editor Interface:

  • Current page: homepage
  • Customization options: text, fonts, colors, visibility
  • Toolbar for adding new pages, navigation, elements
  • Undo, redo, save, and publish buttons
  • Drag-and-drop feature for easy design

4. Customizing Your Website

• Homepage Design:

  • Ensure it is informative and visually appealing
  • Structure: headlines, visuals, sub-headline with benefits, call to action, social proof
  • Standard homepage templates customizable

• Essential Pages:

  • About Us: Company intro, mission, vision, founding story, key personnel
  • Products and Services: Brief descriptions, images, links to external sites
  • Contact Us: Contact forms, social media links
  • Adding a product/service page, configuring fields in contact forms

• Navigation & User Experience:

  • Customizing header and footer
  • Editing navigation for intuitive user flow
  • Reordering menu elements
  • Adding shopping bag icon for online store

5. Adding Visual Elements

• Images & Videos:
  • Adding and editing images and videos
  • Customization options: resizing, alt text for SEO, link redirections
• Logo:
  • Adding and adjusting business logo
  • Using tools for logo generation

6. Launching Your Website

• Final Steps:
  • Ensure elements are mobile-friendly
  • Adjust layout in mobile view without affecting desktop view
  • Publish website

Conclusion

• Now equipped to build a business website without coding
• Engage audience post-launch: Share website, seek feedback, follow tutorials
• Encourage comments, likes, shares, and subscriptions to Hostinger Academy
• Good Luck!